Key Insight
Progressive disclosure reduces cognitive load by showing only essential information and controls upfront, then revealing more detail and options as users need them.
Key Points
- •Show primary content and actions upfront; hide secondary options behind intentional interactions
- •Reduces initial cognitive load without removing capability—complexity is staged, not eliminated
- •Works at multiple scales: page level (expandable sections), flow level (wizards), and feature level (advanced settings)
- •Novice users see a simple interface; expert users can access full power on demand
- •The key decision is what's "essential" vs. "secondary"—this requires understanding user tasks and frequency
- •Poorly implemented progressive disclosure hides critical information or creates too many clicks for common tasks
- •[FIGURE 3.11 — Visual hierarchy for information] Shows: Two versions of an information display—one flat, one with clear visual hierarchy making key information scannable. Teaches: Hierarchy and progressive structure help users find relevant information without processing everything. Reproduce as: Before/after information display comparison.
Guidelines
- ✓Default to showing the 80% case; let users reveal the remaining 20% on demand
- ✓Use clear affordances that signal more content is available (expand icons, "Show more" links, "Advanced" labels)
- ✓Never hide primary actions or frequently needed information behind progressive disclosure
- ✓Use wizards for complex multi-step processes to reveal one manageable step at a time
- ✓Provide "Advanced settings" or "More options" for power users without cluttering the default view
- ✓Test with users to validate your essential-vs-secondary categorization—assumptions often miss real needs
Want to learn this interactively?
Experience hands-on experiments and test your understanding.
🔥
Practice this topic
Active recall — strengthens long-term retention