Discussion: navigation drop-down menus #1299
Replies: 8 comments 6 replies
-
FYI @sandykadam |
Beta Was this translation helpful? Give feedback.
-
Following up on examples of alternatives to having a submenu, which is a often a navigational and accessibility abuse.
a) nested pagesb) related pagesc) anchors |
Beta Was this translation helpful? Give feedback.
-
SmashingMag have written a good post on this, and how it could be 'handled' in 2021 -- https://www.smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/ A friend also shared what GDS are doing for 'mega menus' in 2021 too -- https://gds.blog.gov.uk/2021/05/17/our-plans-to-improve-navigation-on-gov-uk/ |
Beta Was this translation helpful? Give feedback.
-
Following up #1643, we have decided to use a dropdown navigation on the Training project's Personal Space. A very simple design mockup is attached below: Additionally, here's the do and don'ts from NNGroup on using dropdowns: |
Beta Was this translation helpful? Give feedback.
-
Added a revised UI here as per Tabea's feedback: |
Beta Was this translation helpful? Give feedback.
-
Started on this issue! |
Beta Was this translation helpful? Give feedback.
-
An example of how Github does the dropdown menu: blue background on mouse hover and has no active state |
Beta Was this translation helpful? Give feedback.
-
This component has been largely made at " Component: vf-dropdown #1679 ", however the component there needs a second round of technical optimisation. Mainly to integrate the new z-index design tokens |
Beta Was this translation helpful? Give feedback.
-
Moving ticket #1148 here.
Original issue from @gabsie:
Beta Was this translation helpful? Give feedback.
All reactions