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

> On 18 Mar 2021, at 04:43, fantasai <fantasai.lists@inkedblade.net> wrote:
> 
> 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.

Thanks for the feedback. I believe the 2-column layout shown in the screenshots are there just to emphasize the differences (TR status) between 2 documents but as mentioned in slide 5, we should have a 1-column layout for any type of screens. I’ve relayed your comment to studio24 and will confirm we will stick to one column only.

Denis

Received on Thursday, 18 March 2021 05:08:35 UTC