- From: fantasai <fantasai.lists@inkedblade.net>
- Date: Wed, 17 Mar 2021 17:43:03 -0700
- To: Denis Ah-Kang <denis@w3.org>, fantasai <fantasai.lists@inkedblade.net>
- Cc: spec-prod@w3.org
On 3/17/21 3:18 AM, Denis Ah-Kang wrote: > Hi Fantasai, > > On 13 Jan 2021, at 00:59, fantasai wrote: >> >> Commenting on the layout: I don't think a grid layout is what you want. >> Lists like this need to be skimmable more than anything, and for that you >> want consistent spacing between items and density. If you want more than one >> column, use either multicol or masonry layout, so that the contents of each >> column stacks independently. >> >> And again, consistent spacing. The way you're handling headings and metadata >> is breaking vertical rhythm. > > The mockups from Studio24 [1] suggest to have one spec per row with minimal > data (title, date, tags, TR status) for each spec by default. This should make > the spacing and density of each block consistent. > Additional data can be expanded/collapsed if needed. > [1] > https://docs.google.com/presentation/d/1kZEv2Cf9W5kqG1fCGtP2CNQc9sVeZNuSlbRJvx_irHo/edit?usp=sharing Looks good overall, but slides 6 and 7 are still showing a 2-column grid layout. See comment above. "Cards" are appropriate for marketing and product layouts where you're browsing randomly or searching a set of pictures, but they do not make for easily-skimmable lists when you're searching longer strings of text because your eyes have to move in a more complex pattern rather than straight up and down while also having to decode the text. Also, you're wasting space when you start wrapping text within the cards like in the narrower top image of slide 6. If you're on a super-wide screen and want to use all that extra real-estate, you can allow for multiple columns at a width that won't trigger internal wrapping. But again, use multicol or masonry, not grid, so that the items at least stack with even spacing between subsequent items. ~fantasai
Received on Thursday, 18 March 2021 00:43:20 UTC