User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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?

share|improve this question
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. – Loren Rogers Sep 6 '12 at 17:15
up vote 2 down vote accepted

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

share|improve this answer
Interesting! I hadn't thought to make the breadcrumb more interactive. +1 – Loren Rogers 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. – 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. – Loren Rogers 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!) – Loren Rogers Sep 24 '12 at 17:55

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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