Progressive Disclosure
An interaction design pattern that sequences information and actions across several screens to reduce complexity and cognitive load.
Also known as: Staged Disclosure, Layered Interface
Category: Software Development
Tags: user-experience, user-interface-design, usability, interaction-design, information-architecture
Explanation
Progressive Disclosure is an interaction design technique that reveals only essential information initially, with additional details available on demand. The concept was formalized by J.M. Carroll and M.B. Rosson at IBM in the 1980s during research on minimalist instruction design. Jakob Nielsen later popularized the term in usability contexts, calling it one of the most valuable concepts in UX design.
**Why Progressive Disclosure Works**:
The principle directly addresses working memory limitations. By showing less at once, users can focus on immediate tasks without being overwhelmed. This creates a graduated learning curve that serves both novices (who get simple defaults) and experts (who can access advanced features when needed).
**The Three Layers Model**:
1. **Essential Layer (Always visible)**: Core features needed by all users, primary actions, key information. Follows the 80/20 principle—approximately 20% of features handle 80% of tasks.
2. **Secondary Layer (Available on request)**: Features needed by some users, additional options, and more details.
3. **Advanced Layer (Expert features)**: Specialized features for power users, configuration options, customization, and edge cases.
**Implementation Patterns**:
- **Accordion**: Expandable sections for FAQs and long forms
- **Show more/less**: Toggle for lists and descriptions
- **Wizard/Stepper**: Multi-step processes for forms and setup flows
- **Tabs**: Organize related information sets
- **Modal/Drawer**: Overlay for editing and advanced options
- **Hover/Tooltip**: Explanations and labels on hover
- **Progressive forms**: Fields appear as needed dynamically
- **Advanced settings**: Hidden complex options for power users
**Benefits**:
- Reduced cognitive load through less information to process
- Cleaner, less cluttered interfaces
- Faster task completion by focusing on essentials
- Better learnability through gradual introduction
- Serves multiple audiences (novices and experts)
- Reduced errors from fewer confusing options
**Risks and Mitigation**:
Poor implementation frustrates users by hiding necessary information or requiring too many clicks. Key risks include hiding essential information (mitigate with user testing), creating too many clicks (limit disclosure depth to 2-3 levels), and discoverability problems (use clear affordances for 'more').
**Design Guidelines**:
- Prioritize ruthlessly: What do 80% of users need immediately?
- Make disclosure obvious with clear 'more' affordances
- Preserve context so users don't lose their place
- Allow experts to skip ahead for quick access
- Keep hierarchy shallow (maximum 2-3 levels deep)
- Group related items together for logical disclosure
Related Concepts
← Back to all concepts