I'm looking for a high-level navigation design pattern that will also show the current navigational state. (Ex: Dashboard, invoices, settings, etc...) I am currently planning on using an accordion menu and breadcrumbs, but this seems really clunky. Anyone know of a good way to combine these? Other suggestions?

  • Could you please clarify what you mean by "current state": location in the app, items the user already filled out, etc. – Anna Rouben Sep 6 '12 at 17:12
  • (Edited the question a bit.) I mean showing where the user currently is in the application / what page they're on. – Sauce McBoss Sep 6 '12 at 17:15

Perhaps an interactive breadcrumb? Lonely Planet does a good job of making the breadcrumb more useful by combining it with menu options. enter image description here

| improve this answer | |
  • Interesting! I hadn't thought to make the breadcrumb more interactive. +1 – Sauce McBoss Sep 10 '12 at 2:22
  • It's a useful technique in some situations. Cranfield University is another example that springs to mind - there are more. som.cranfield.ac.uk/som/p10666/Research/Events – Matt Obee Sep 10 '12 at 8:15
  • Thanks for the other example -- it's way better than the Lonely Planet one. I like the auto-drop down. – Sauce McBoss Sep 10 '12 at 14:01
  • This is the design I ended up using. Marked as accepted. (I'd love to hear more thoughts though!) – Sauce McBoss Sep 24 '12 at 17:55

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.