W3C home > Mailing lists > Public > spec-prod@w3.org > January to March 2021

Re: Feedback sought on reorganizing the list of W3C Technical Reports

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
Message-ID: <78ea01a5-4bda-8fed-24d0-3b1d62355f3a@inkedblade.net>
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

This archive was generated by hypermail 2.4.0 : Thursday, 18 March 2021 00:43:21 UTC