{
"id": "L08",
"title": "Grouped list",
"topic": "lists",
"use": "Entries ordered in time — a history, a log, an inbox. The group heading stays in place while its group scrolls by. Every group names its count. Within the week the groups are called Today and Yesterday; before that they carry dates.",
"decisions": [
"The group head stays in place while its group runs: otherwise nobody knows after twenty rows which day they are reading. ed-list-group holds it while the list's body scrolls, once the list has a height.",
"Every group names its count — ed-list-group writes it beside the name — and the line above the list names entries and groups: “9 entries on 3 days”.",
"Within the week the groups are called Today and Yesterday: a date one has to work out is no information. Before that they carry dates, because “11 days ago” is none either.",
"Grouping goes by one dimension: by day or by client, not both — two orders on top of each other are read by nobody, and a group is never nested in another.",
"Every row shows its time, and today's rows also how long ago — “2:28 PM · 12 minutes ago”: the time stands in the line for everyone, not only on hover, and the group head carries the day. The full date stands in the time element's datetime."
],
"try": [
{
"do": "Scroll down in the list",
"then": "the group head stays at the top while its group runs, and the next one takes its place"
},
{
"do": "Read the counts at the group heads",
"then": "every group names how many entries it holds"
},
{
"do": "Read the line above the list",
"then": "it names the entries and the days"
},
{
"do": "Compare the group names",
"then": "Today and Yesterday by name, the day before that as a date; every row shows its time, today's also how long ago"
}
],
"revision": 1,
"changes": [],
"reviewed": true,
"source": "\n\n\n\n