This is an open space for collaborating a proposed design iteration for the side navigation (v2) component.
This topic continues the discussion on the side navigation component topic -
We have made some changes based on the great feedback we have received as well as some recommendations from a recent design review.
To join in the conversation please add a comment below.
Side navigation supports four levels of nesting, displaying a user’s current position in the content hierarchy - where they can view related content and navigate to different sections.
On mobile and smaller viewports, the side navigation is displayed through the main site navigation, otherwise called the hamburger menu.
The main changes in this iteration include:
- increasing the visibility of the current active item
- increasing the visibility of the parent (category)/child (sub-category) item relationship
- increasing the visibility to where nested sections start and end while maintaining consistency between each of the levels
These are shown in greater detail below:
The four levels of hierarchy with the active items selected:
To further evaluate that the proposed solution meets the needs of our users, we will be testing the prototype. Watch this space for the recommendations based on the test analysis.
In the meantime, your feedback is greatly appreciated and will help identify any additional areas of improvement. Please let us know what you like about it, what you would change or any other suggestions you may have.