New docs: Consider making the content centralized on the screen #51377
Replies: 3 comments 3 replies
-
Hi @andreynering thanks for this suggestion. We actually are workshopping that idea as a possibility for the main menu (not each Guide menu, which are also known as 'Chapters', which will remain for now on the right). For now, we wanted to start with the smallest possible element (the template of a Guide) and work incrementally from there. We also wanted to focus purely on design and not moving things around too much. The current layout structure has been used and navigated (and loved) for 15 years. Moving main elements around right off the bat would probably go down in the community as well as a lead balloon. You'll be happy to hear that we also reduced the width of the Chapter navigation in the most recent update. |
Beta Was this translation helpful? Give feedback.
-
I agree, on my screen it wasn't such an interesting UX with the content aligned to the left, but I don't see a problem with the main menu remaining on the right, I think reducing the container size on larger screens is enough, but I'm not a designer. |
Beta Was this translation helpful? Give feedback.
-
Hi again @andreynering and @EmanuelFacundo - circling back to say that in the past few updates we have addressed the centering of the main content. The wider the screen, the more central the content. Thanks again for your feedback! |
Beta Was this translation helpful? Give feedback.
-
Hi there,
The new docs looks clean, and I liked it!
I'm not a designer, so my input is not a professional take, but the first thing that crossed my mind when I saw it is that having the meaningful content that far on the left hurts the readability a bit (for widescreen monitors), specially for long reads. Most sites have the content on the center of the screen, and I think that's a good UX design.
Two things that could be tried out:
(If you take Docusaurus as an example, they managed to have a right navigation while still having the content in the center).
Regarding 2, I did a quick hack on the browser inspect just to have an idea on how it would look:
Before
After
*The navigation could still be less wide, IMO
/cc @AmandaPerino
Beta Was this translation helpful? Give feedback.
All reactions