Navigating around
· Accordion· Headerless Menu
· Breadcrumbs
· Directory Navigation
· Doormat Navigation
· Double Tab Navigation
· Faceted Navigation
· Fly-out Menu
· Home Link
· Icon Menu
· Main Navigation
· Map Navigator
· Meta Navigation
· Minesweeping
· Panning Navigator
· Overlay Menu
· Repeated Menu
· Retractable Menu
· Scrolling Menu
· Shortcut Box
· Split Navigation
· Teaser Menu
· To-the-top Link
· Trail Menu
· Navigation Tree
< Pattern index
Navigation Tree
Problem
The user needs to find an item in the main navigationSolution
Vertically stack sections and open up one at the time while collapsing the other sections
From Google Suggest
Use when
Part of Main Navigation. Alternative to Navigation TreeHow
tbw - Animation - Keboard navigation - TimingWhy
tbwMore Examples
At the Kandiqueen website, bla...:
http://www.oft.state.ny.us/services/telecom/index.htm
Implementation
tbwLiterature
Kevin Hoyt: Thoughts on Accordion UsabilityAlso known as
Closable PanelsCode examples
DHTML Accordion Menu 2.0 ASP.NET: Accordion SampleSpry: Accordion Sample
Comments
2 comments have been added to this pattern
Tyler Wright, 9th January 2009
The solution and the examples don't match at all. Literature seems irrelevant as well. You might want to clean up this pattern a bit, the others on this site are much more clear and useful.
Dimitri Visser, 16th February 2010
I concur with Tyler Wright. I was looking for some old fashioned examples of the tree navigation pattern