Provide component for multi-column layout

[stmeissner]

We have a long list of items that

• requires scrolling to see all items on screen resolution 1440*900px and that
• wastes horizontal space since the list items are pretty short

We would like to present the list items in a two-, or three-column layout, but currently the Docs-Kit does not provide a suitable component for it.

Pleas add a component for multi-column layout content.

[nkuehn]

Idea: base an initial PoC proposal on the layout behavior of the child section navigator, maybe even including the border styling. Then show to design.

[gabriele-ct]

I've created a POC simple multi column component. I think the next step is to gather feedback from UX.
The component is visible here: https://docskit-pr-1316.commercetools.vercel.app/docs-smoke-test/components/multi-column-layout

[nkuehn]

Nice, thanks! I have no opinions about the border or box but I think given that the font size is body content (as opposed to the child section nav which has a smaller font) two columns would be better readable overall.
Would then be one column in the mobile viewport.

[Shecki]

Hey, please do not go for this approach.
@gabriele-ct thank you for all the effort too build this.

• even though there is a long list, nowadays the user is not "afraid/tired" of scrolling
• a user scans to the content
• with the approach the contact is two crowded and heavy, there is no "break" for the eye
• a head map of user eye view is always strong on the left side and gets less to the right side
• with a long list we also add way more whitespace, is an ästhetic effect that gives the feeling of clean design but also saves the user from overloaded content.
  He can focus on what's important

Please keep the list as it is.
If there is a list that really takes 5 sec. to scroll then we need to log on a completely new approach.
for solving situations like this.

[gabriele-ct]

Hi @Shecki ,
thanks for your valuable input 👏 . I'll leave the draft PR open for now and we'll take a decision next week when @nkuehn is back 👍

[nkuehn]

I have no emotions on the topic, it was brought up by content authors and I just threw the idea of a column layout into discussion.

[FFawzy]

lets look for a different UI/UX solution