Progressive Disclosure
Show only what most users need now, and defer the rest behind an explicit action, instead of exposing everything at once.
Progressive disclosure is an interface strategy of revealing information or options in stages — showing the common case by default and putting the rest behind an "advanced," "more," or expand affordance — rather than presenting every possible option flat on one screen. The term was popularized by Jakob Nielsen's usability writing, though it goes back to 1980s HCI research, and the underlying instinct (a settings dialog with an "Advanced" tab, a form that only asks for a shipping address if "same as billing" is unchecked) predates the name.
The theoretical justification is Hick's Law: decision time scales with the number of visible options, so hiding the rarely-needed ninety percent behind a click reduces the decision cost paid by the ninety percent of users who never needed it, while leaving a path — usually one extra click — for the ten percent who do. It's a strict improvement over "just remove the option," which solves the same decision-cost problem by deleting capability instead of deferring its visibility.
The failure mode is disclosure that hides something a majority of users actually need, which just relocates the cost rather than reducing it — an "advanced" tab that everyone has to open defeats the purpose and adds a click on top. The tell is usage data: if the hidden panel gets opened by most sessions, it wasn't advanced, it was mis-triaged. The pattern also interacts with trust — hiding pricing, fees, or consequences behind a disclosure step crosses over into Dark Pattern territory the moment the hidden information was something the user needed to decide well, not something they merely didn't need yet.
Progressive disclosure is one of the load-bearing arguments for keeping a product's default view sparse and pushing configurability into a settings layer, which is also the argument a Design System makes for keeping a component's default props minimal and its escape hatches explicit.
See also9
Fitts's Law
The time to hit a target shrinks with its size and grows with distance to it — so make frequent targets big and close.
Design & Interface16 connections
Affordance
A property an object's design communicates about how it can be used, before any instruction is read.
Design & Interface12 connections
Accordion
A stack of headings that each expand to reveal a section of content, saving space on long pages and small screens at the cost of hiding what readers might have needed to see.
Design & Interface12 connections
Onboarding
How software introduces itself to new users, ideally by getting them to a first real success quickly rather than through tours and tips they skip and forget.
Design & Interface6 connections
Context Menu
A menu of actions for the thing under the pointer, opened by right-click or long press, which saves travel and narrows choices but is invisible until summoned, so it should never be the only route to an action.
Design & Interface12 connections
Wizard
An interface that guides a person through a complex task as a sequence of simple steps with Next and Back buttons, ideal for rare, unfamiliar tasks like installing software or filing taxes, and frustrating when imposed on experts doing something routine.
Design & Interface10 connections
Hamburger Menu
The three-line icon that hides a site's or app's navigation behind a tap, a fix for small screens that saves space at the price of making whatever it hides less likely to be found.
Design & Interface10 connections
Command Palette
A keyboard-summoned search box that finds and runs any command by typing part of its name, giving power users speed without forcing every feature into menus.
Design & Interface13 connections
Dropdown Menu
A control that hides a list of options until it's opened, saving space at the cost of hiding choices, which ranges from desktop menu bars to the web's notoriously hard-to-style select element and the sprawling mega menus of retail sites.
Design & Interface17 connections
Linked from14
- Above the FoldDesign & Interface
The part of a page visible without scrolling, a newspaper idea carried onto the web, where it still matters for first impressions and loading but no longer means people won't scroll.
- AccordionDesign & Interface
A stack of headings that each expand to reveal a section of content, saving space on long pages and small screens at the cost of hiding what readers might have needed to see.
- Bottom SheetDesign & Interface
A panel that slides up from the bottom of a phone screen to show extra content or choices, often draggable between heights, placed where thumbs can reach it on large phones.
- Command PaletteDesign & Interface
A keyboard-summoned search box that finds and runs any command by typing part of its name, giving power users speed without forcing every feature into menus.
- Dark PatternDesign & Interface
An interface deliberately designed to steer users toward a choice that serves the business rather than the user.
- Dropdown MenuDesign & Interface
A control that hides a list of options until it's opened, saving space at the cost of hiding choices, which ranges from desktop menu bars to the web's notoriously hard-to-style select element and the sprawling mega menus of retail sites.
- Empty StateDesign & Interface
What an interface shows when there is nothing to show yet, a screen often designed last that is many people's first impression.
- Fitts's LawDesign & Interface
The time to hit a target shrinks with its size and grows with distance to it — so make frequent targets big and close.
- Hamburger MenuDesign & Interface
The three-line icon that hides a site's or app's navigation behind a tap, a fix for small screens that saves space at the price of making whatever it hides less likely to be found.
- Hick's LawDesign & Interface
Decision time rises with the number and complexity of choices offered, roughly logarithmically — fewer options decided faster.
- OnboardingDesign & Interface
How software introduces itself to new users, ideally by getting them to a first real success quickly rather than through tours and tips they skip and forget.
- TooltipDesign & Interface
A small label that appears when hovering or focusing an element, useful for naming icons and easy to make inaccessible, unreachable on touch, or covered by other layers.
- Visual HierarchyDesign & Interface
Arranging elements so their visual weight matches their importance, telling the eye where to look first, second, and last.
- WizardDesign & Interface
An interface that guides a person through a complex task as a sequence of simple steps with Next and Back buttons, ideal for rare, unfamiliar tasks like installing software or filing taxes, and frustrating when imposed on experts doing something routine.