I have 3 levels in my information architecture for my desktop dashboard. In the vertical navigation which measures H:500px W:200px I have;

  • Top level: 8 items
  • Second level: 9 items in total (one of my top level item has 7 second levels)
  • Third level: 12 items

Would you use an accordion style (which will make the menu long when expanded) or a sequential drill down menu? and why?



  • Sequential drill down menu sound so 1998 to me and has bad usability. Is difficult to navigate between dropdowns, diagonal selection could be a problem. The accordion looks more common for me on side menus. Analyse what is more common for your user and test it. – BraDev Oct 3 '19 at 12:45
  • Thank you for your feedback.....it is definitely a matter of testing it with users. – Chris Oct 6 '19 at 23:57

The accordion menu expands its height for navigation through the levels. As your space has more height than width, it may be a good idea to use it, especially if you aim to not expand beyond the designated space. Here is a good example of a 3 level depth accordion

Dropdown menus can have different configurations, however, they always visually expand beyond the first level area. Here is good coverage of them. You can google more if you want.

  • Thank you for your feedback Pavlo – Chris Oct 7 '19 at 22:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.