Progressive Disclosure ist ein Interaktionsdesign-Prinzip, bei dem Informationen, Funktionen und Optionen schrittweise praesentiert werden — nicht alles auf einmal. Nutzer sehen zunaechst nur die wesentlichen Elemente und koennen bei Bedarf tiefer in Details eintauchen.
Das Prinzip wurde von John M. Carroll und Mary Beth Rosson in den 1980er-Jahren formalisiert und gehoert heute zu den Grundsaeulen des UX-Designs. Es basiert auf der Erkenntnis, dass die kognitive Belastung mit der Anzahl gleichzeitig sichtbarer Optionen steigt — ein Zusammenhang, der als Hick'sches Gesetz bekannt ist.
Warum Progressive Disclosure funktioniert
Kognitive Belastung reduzieren
Das menschliche Arbeitsgedaechtnis kann etwa 4-7 Informationseinheiten gleichzeitig verarbeiten. Jedes zusaetzliche Element auf einem Bildschirm erhoet die kognitive Last und verlangsamt Entscheidungen. Progressive Disclosure haelt die sichtbare Komplexitaet niedrig, ohne Funktionalitaet zu opfern.
Hick'sches Gesetz
Die Zeit, die ein Nutzer fuer eine Entscheidung braucht, steigt logarithmisch mit der Anzahl der Optionen. Weniger sichtbare Optionen bedeuten schnellere Entscheidungen — und weniger Entscheidungsmuedigkeit.
80/20-Prinzip
In den meisten Systemen nutzen 80 % der Nutzer nur 20 % der Funktionen. Progressive Disclosure priorisiert diese 20 % und macht die restlichen 80 % verfuegbar, aber nicht aufdringlich.
Muster und Implementierungen
Erweiterte Optionen
Das einfachste Muster: Ein Link oder Button wie "Erweiterte Optionen" oder "Mehr anzeigen" offenbart zusaetzliche Einstellungen.
| Interface-Element | Standard-Ansicht | Erweiterte Ansicht |
|---|---|---|
| Suchformular | Suchfeld + Button | Filter, Sortierung, Datumsbereich |
| Formulare | Pflichtfelder | Optionale Felder, Sonderwuensche |
| Einstellungen | Grundeinstellungen | Erweiterte Konfiguration |
| Produktseite | Kurzbeschreibung | Technische Details, Spezifikationen |
Stufenweise Formulare
Mehrstufige Formulare (Wizards) sind eine klassische Anwendung von Progressive Disclosure. Statt 15 Felder auf einer Seite zu zeigen, werden sie auf 3-5 Schritte verteilt. Der User Flow wird linear und ueberschaubar.
Akkordeons und Tabs
Akkordeons und Tabs organisieren Inhalte in aufklappbare Sektionen. Der Nutzer sieht die Ueberschriften und waehlt, welche Details er sehen moechte. Dieses Muster ist besonders effektiv fuer FAQ-Bereiche, Produktspezifikationen und umfangreiche Textinhalte.
Tooltips und Popovers
Kontextuelle Informationen werden nur bei Hover oder Klick eingeblendet. Tooltips eignen sich fuer kurze Erklaerungen, Popovers fuer ausfuehrlichere Inhalte. Beide zeigen Informationen genau dann, wenn der Nutzer sie braucht.
Inline-Expansion
Inhalte werden direkt an Ort und Stelle erweitert — ohne Seitenwechsel oder Modal. "Mehr lesen"-Links unter Textabschnitten oder expandierbare Kartenelemente sind typische Beispiele.
Progressive Disclosure im Webdesign
Navigation
Mega-Menus und Dropdown-Navigationen nutzen Progressive Disclosure: Die Hauptkategorien sind sofort sichtbar, Unterkategorien erscheinen bei Interaktion. Die Informationsarchitektur bestimmt, welche Ebenen sofort sichtbar und welche progressiv verfuegbar sind.
Landingpages
Landingpages setzen Progressive Disclosure durch den Scroll-Flow um: Die Kernbotschaft steht oben (Hero), Details folgen beim Scrollen. Social Proof, Features und technische Details werden schrittweise enthüllt.
Onboarding
Onboarding-UX ist im Kern Progressive Disclosure: Neue Nutzer lernen Features schrittweise kennen, statt mit der gesamten Funktionalitaet konfrontiert zu werden. Checklisten, Tooltips und gestufte Tutorials sind Implementierungen dieses Prinzips.
Best Practices
Was progressiv verbergen?
- Erweiterte Einstellungen und Konfigurationen
- Optionale Formularfelder
- Technische Details und Spezifikationen
- Sekundaere Aktionen und Funktionen
- Ausfuehrliche Erklaerungen und Hilfetexte
Was sofort zeigen?
- Kernfunktionen und primaere Aktionen
- Pflichtfelder in Formularen
- Navigationselemente der obersten Ebene
- Call-to-Action-Buttons
- Kritische Warnungen und Fehlermeldungen
Wichtig: Transparenz
Progressive Disclosure darf nicht bedeuten, dass Funktionen versteckt werden. Der Nutzer muss immer erkennen koennen, dass weitere Inhalte verfuegbar sind. Ein deutlich sichtbarer "Mehr anzeigen"-Link, ein Pfeil-Icon oder ein Zaehler ("12 weitere Optionen") signalisiert die Verfuegbarkeit zusaetzlicher Inhalte.
Das Prinzip ergaenzt sich ideal mit dem Interaction Design: Die Art, wie Inhalte enthüllt werden — Animationen, Uebergaenge, Timing — bestimmt massgeblich, wie natuerlich sich die progressive Offenlegung anfuehlt.