Progressive Disclosure
Progressive disclosure is the design principle that shows users only what they need right now, then puts the rest a tap or click away. It exists because attention is the scarcest resource on any screen. Most users arrive at an interface mid-task, not mid-curiosity. Dumping every feature, every option, and every edge case on the first screen does not make you thorough. It makes you the designer who chose their own comfort over the user's clarity.
The pattern traces back to Jakob Nielsen's work in the early 1990s, when software interfaces were ballooning in complexity and nobody had worked out that more features visible did not mean more features used. The principle was a direct response to feature bloat: complexity is not the user's problem to solve. It is the designer's.
Progressive disclosure is not the same as hiding information. That distinction matters more than most designers acknowledge. Hiding information means keeping users from something they need. Progressive disclosure means sequencing information so each new layer is earned by the user's own intent. The difference is whether the user controls the reveal. When a SaaS company buries its cancellation button under three confirmation dialogs and a "chat with us first" intercept, that is not progressive disclosure. That is dark UX with a design rationale taped on top.
It is also not minimalism. Minimalism is an aesthetic posture. Progressive disclosure is a structural decision. A visually dense interface can use progressive disclosure well, and a stripped-down interface can bury users in one undifferentiated wall of options. Twitter's tweet composer is not minimal. It surfaces formatting, polls, scheduled time, alt text, and audience controls progressively based on what you reach for. The starting state is just a text field. That is not simplicity, that is sequencing.
The macOS Save dialog is the clearest classroom example still running in production. Since Mac OS X 10.2, it has shipped in a collapsed state showing only a filename field and a single location dropdown. One click on the disclosure chevron reveals the full directory browser, Spotlight search, sidebar shortcuts, and the complete folder hierarchy. The design logic is obvious in retrospect: most saves go to one of the same handful of recent locations. For those users, the full browser is friction. The chevron removes it and lets everyone else find what they need when they need it.
Stripe's dashboard runs the same logic at a product scale. You land on summary cards: total volume, net revenue, successful charge rate. Each card is an entry point. Click through and you get transaction tables. Filter a table and you get individual payment records with full event logs. Each level is a deliberate decision layer. Stripe did not bury the detail. They placed it exactly where you arrive when you have a reason to be there. A developer debugging a single failed webhook and a CFO reviewing monthly revenue share the same starting screen without either of them seeing noise that belongs to the other.
Slack rewired the message input in 2019 on the same principle. The rich-text toolbar is invisible until you start typing. The moment you engage the text field, the toolbar appears: bold, italic, code block, lists, attachments, emoji. The starting state is a clean input. The available surface expands to meet you. It sounds like a minor detail. In a product where hundreds of millions of messages are sent daily, reducing the cognitive overhead of every starting state adds up.
Progressive disclosure earns its keep in complex tools, multi-step onboarding, settings panels with optional fields, and anywhere the ratio of occasionally-needed options to always-needed options is heavily skewed. It is also the right call for any flow where early-stage users and power users share the same interface. Give the beginner the clean starting state. Let the expert reach for depth when they know they need it.
The trap is applying it where users actually need full context upfront. Medical dosage calculators, legal consent forms, and emergency-state UIs are the wrong places to defer information. Hiding a contraindication behind a "more details" toggle is not progressive disclosure. That is a liability. The pattern also breaks down in internal tools used by trained operators running the same workflow 40 times a day. Making a warehouse manager expand a panel to reach the filter they always use is not respecting their time. Progressive disclosure is for mixed audiences and genuine early-stage friction. It is not a universal setting to switch on.
The interface that reveals everything at once has confused generosity with anxiety.
Read the full guide
Related terms
Keep exploring
Bento Grid
A layout pattern of unequal rectangular cells arranged in a unified composition, replacing the three-column feature row for modern product and marketing pages.
Visual Hierarchy
The arrangement of design elements so the eye processes them in a deliberate order, controlled by size, contrast, color, spacing, and position.
Design Token
A named variable in a design system that stores a visual decision (color, spacing, type, radius, motion) and can resolve to different raw values per theme, platform, or context.