Progressive Disclosure in Navigation

Progressive disclosure hides subordinate information until someone deliberately asks for it, and it shows up across nearly every navigation pattern, drop-downs revealing subordinate links beneath a horizontal bar item, accordions expanding a section of a vertical menu, tree views opening one level of a hierarchy at a time. Small visual cues do the signaling: carets or triangles, plus and minus signs, right-pointing arrows that rotate or change once expanded.

What makes progressive disclosure work is consistency, the same visual cue needs to mean the same thing everywhere it appears. A caret that expands one section but functions as a plain decorative icon somewhere else teaches people the wrong lesson about how to interact with it.

Progressive disclosure isn't one technique used the same way everywhere: it's a principle applied differently depending on what's being hidden and why, and each application needs to be judged on its own terms.

Exercise

The scenario: A university website uses progressive disclosure in four places.

1. The horizontal global navigation bar reveals a section's local navigation as a drop-down when clicked, showing five to eight relevant links for that section.
2. A mobile hamburger menu uses sequential drill-down screens that go four levels deep before reaching an actual page, with no way to see more than one level at a time.
3. On course detail pages, an accordion hides the tuition fees and entry requirements by default, requiring a tap to reveal information that nearly every visitor to this page actually needs.
4. A vertical sidebar uses a tree view with plus and minus signs to expand subcategories within the academic departments listing, where most visitors only need one or two departments at a time.