Pular para o conteúdo principal
Guia

Progressive Disclosure

A design pattern that reveals information gradually, showing only what is necessary at each step to reduce cognitive load.

Publicado

Definição

A design pattern that reveals information gradually, showing only what is necessary at each step to reduce cognitive load.

Progressive disclosure is the practice of revealing information to users only when they need it, hiding complexity until it becomes relevant.

Applications

  • UI Design: Advanced options behind “More” buttons
  • Technical Writing: Core concepts first, details later
  • Onboarding: Step-by-step feature introduction
  • Code Examples: Simple first, then complex

Benefits

  • Reduces cognitive load
  • Prevents information overload
  • Keeps initial experience simple
  • Respects user expertise levels

In Technical Guides

  • Start with essential concepts
  • Provide expandable details
  • Link to deep dives
  • Build knowledge progressively

Anti-Patterns

  • Hiding critical information
  • Too many nested layers
  • Breaking context with modals
  • Forcing linear paths