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

Accordion

Carousel

Details

Flyout

Fullscreen Dialog

Infotip

Input Dialog

Lightbox Dialog

Panel Dialog

Tab

Tooltip