Progressive Disclosure

Show what matters now. Reveal the rest on demand.

Progressive disclosure defers advanced or rarely used options to a secondary layer, keeping the first screen focused on what most users need most of the time. It is the working compromise between power and simplicity.

Origin

The technique was studied at IBM in the early 1980s, where Jack Carroll’s training-wheels interface cut novice errors by hiding advanced functions until users were ready for them.

Jakob Nielsen named and popularized the pattern for interface design, calling progressive disclosure one of the best ways to satisfy both novice and expert users with a single interface.

The Pattern

Show users only what they need for the current task, and provide a clearly labeled path to the rest. Primary options stay immediate; advanced, rare, or dangerous options sit one deliberate step away — present, but not in the way.

Coined by
Source
Training-wheels studies, IBM
In practice
Primary now, the rest on demand
The pattern 01 / 08

Two Layers, One Interface

The core move: a small primary set shown immediately, and a labeled door to everything else. Novices never meet the complexity; experts reach it in one click. Both groups use the same product.

Layer one
What most need
Layer two
One labeled step away
Serves
Novice and expert
Selection 02 / 08

Choosing the Primary Set

The pattern lives or dies on what goes in layer one. Usage data decides: the handful of options that cover the great majority of tasks stay visible. Guess wrong and you’ve buried the product’s core.

Decide by
Usage, not opinion
Layer one
Covers most tasks
Wrong guess
Buries the core
Mechanics 03 / 08

Accordions, Drawers, and “Advanced”

The disclosure controls are a small family: the accordion, the “Show advanced” link, the overflow menu, the details drawer. Each needs an honest label — users must predict what’s behind the door before opening it.

Family
Accordion · drawer · more
Labels
Predict the contents
Mystery doors
Never get opened
Sequence 04 / 08

Wizards Are Disclosure in Time

A multi-step wizard discloses progressively across time instead of space: each step shows one decision’s worth of interface. The full form would terrify; the sequence feels manageable.

Discloses
Across time
Each step
One decision
Kills
The wall-of-form
Failure 05 / 08

Don’t Bury the Essentials

The pattern’s failure mode is over-hiding: when a frequently needed option lands in layer two, every user pays a click forever, and support tickets read “where did X go?” Frequency, not complexity, decides placement.

Failure mode
Over-hiding
Placement by
Frequency of use
Symptom
“Where did X go?”
Detail 06 / 08

Details on Demand

Tooltips, popovers, and expandable rows disclose depth in place — the summary stays scannable while the detail waits underneath. Shneiderman’s mantra applies: overview first, details on demand.

In place
Tooltip · popover · row
Summary
Stays scannable
Mantra
Overview first

Progressive Disclosure in the Age of AI

Chat answers and agent reasoning are disclosure problems: the short answer first, the working shown to those who ask.

In the Age of AI 07 / 08

The Short Answer First

A good model response is progressive disclosure in prose: the direct answer up top, the derivation expandable below. Dumping the full reasoning on everyone is the wall-of-form mistake, rewritten in text.

Top
The direct answer
Expandable
The working
In the Age of AI 08 / 08

Reasoning on Demand

Agent traces, tool calls, and chain-of-thought belong behind a disclosure: visible enough to audit, folded enough to stay out of the way. Trust needs the door to exist; flow needs it closed by default.

Audit
The door exists
Flow
Closed by default
Further Reading

Nielsen Norman Group