Re-posting this here because I’m not sure if anyone is looking at the V5 Alpha Club anymore (besides Marc - you know I love you though)! 😅
Loving the Side Panel in V5, but one thing that is irritating me a little bit is the margins/design concerning nested menu lists. I have a sub-menu called "Projects", nested within the 'Browse' menu. On a traditional header menu layout, it looks like this:
That's fine, I can live with that (although it'd be nice to have the dashes in the submenu list items replaced with icons if the admin has set one). But on the Side Panel design, it looks like this:
The 'Projects' sub-menu has been presented as a top-level navigation list, and there's a massive gap between the 'Projects' title and the rest of the menu (both above and below). It kind of ruins the navigation flow that I want to set up for my users, and it makes the overall menu too confusing for a user to scan easily.
I propose we redesign nested menus in the Side Panel so that it is clearer what is sub-menu and what is top-level. I've mock-designed an example below for consideration:
comment_201Re-posting this here because I’m not sure if anyone is looking at the V5 Alpha Club anymore (besides Marc - you know I love you though)! 😅
Loving the Side Panel in V5, but one thing that is irritating me a little bit is the margins/design concerning nested menu lists. I have a sub-menu called "Projects", nested within the 'Browse' menu. On a traditional header menu layout, it looks like this:
That's fine, I can live with that (although it'd be nice to have the dashes in the submenu list items replaced with icons if the admin has set one). But on the Side Panel design, it looks like this:
The 'Projects' sub-menu has been presented as a top-level navigation list, and there's a massive gap between the 'Projects' title and the rest of the menu (both above and below). It kind of ruins the navigation flow that I want to set up for my users, and it makes the overall menu too confusing for a user to scan easily.
I propose we redesign nested menus in the Side Panel so that it is clearer what is sub-menu and what is top-level. I've mock-designed an example below for consideration:
Link to comment
https://preview.invisionalpha5.com/topic/58-side-panel-sub-menu-design-suggestion-lose-the-massive-gaps/Share on other sites