Disclosure
Patterns that disclose/reveal content to the user only when needed. Expand/collapse, tabs and menu buttons for example.
Progressive disclosure is an interaction design technique often used in human computer interaction to help maintain the focus of a user's attention by reducing clutter, confusion, and cognitive workload. This improves usability by presenting only the minimum data required for the task at hand.
Pattern Completion/Progress | ||||
Working Examples | Best Practices | Interaction Design | Developer Guide | |
✓ | ✓ | ✓ | ✓ | |
✓ | ✓ | ✓ | ✕ | |
✓ | ✓ | ✓ | ✓ | |
✓ | ✓ | ✓ | ✓ | |
✓ | ✕ | ✕ | ✕ | |
✓ | ✓ | ✓ | ✓ | |
✓ | ✓ | ✓ | ✓ | |
✕ | ✕ | ✕ | ✕ | |
✕ | ✓ | ✓ | ✕ | |
✓ | ✓ | ✓ | ✕ | |
✓ | ✓ | ✓ | ✓ | |
✓ | ✓ | ✓ | ✓ |
Last updated