Sofortantwort
Progressive Disclosure einfach erklärt
UX-Pattern: Erst das Wichtigste zeigen, Details auf Anfrage.
- Kurz gesagt
- Wichtigstes zuerst, Details auf Anfrage
- Typischer Einsatz
- KI-Erklärungen, Formulare, Dashboards
- Wichtig zu wissen
- Besonders wichtig bei komplexen KI-Erklärungen
Progressive Disclosure im Überblick
Progressive Disclosure zeigt erst das Wichtigste – Details kommen auf Anfrage.
Level 1 (Default):
┌─────────────────────────────┐
│ Empfehlung: Produkt X │
│ Confidence: 92% │
│ [Details anzeigen ▼] │
└─────────────────────────────┘
Level 2 (Expandiert):
┌─────────────────────────────┐
│ Empfehlung: Produkt X │
│ Confidence: 92% │
│ │
│ Hauptgründe: │
│ • Ähnlich zu deinen Käufen │
│ • Beliebt bei Nutzern wie dir │
│ │
│ [Technische Details ▼] │
└─────────────────────────────┘Technisch betrachtet
HTML-Pattern
<div class="prediction">
<h3>Ergebnis: Kategorie A</h3>
<p>Confidence: 87%</p>
<details>
<summary>Warum?</summary>
<ul>
<li>Feature X: +45%</li>
<li>Feature Y: +32%</li>
</ul>
<details>
<summary>Technische Details</summary>
<pre>SHAP values: ...</pre>
</details>
</details>
</div>Progressive Disclosure in KI-Produkten
Moderne KI-Produkte setzen das Pattern an vielen Stellen ein – oft, ohne dass es Nutzern bewusst auffällt:
| Produkt-Kontext | Umsetzung |
|---|---|
| Chatbots (ChatGPT, Claude) | Antwort zuerst, aufklappbare Abschnitte für Gedankengänge, Quellen oder Code |
| Coding-Assistenten (Copilot) | Inline-Vorschlag als eine Zeile, vollständiger Diff erst auf Anfrage |
| Suchassistenten | Kurze KI-Zusammenfassung oben, Quellenliste und Zitate expandierbar |
| KI-Einstellungen | Standardmodus sichtbar, erweiterte Parameter (Temperatur, Systemprompt) hinter „Erweitert” |
| Agenten | Ergebnis-Zusammenfassung zuerst, einzelne Arbeitsschritte als ausklappbares Protokoll |
Gerade bei KI-Systemen ist das Pattern wichtiger als bei klassischer Software: Die Systeme erzeugen potenziell viel Text, Zwischenschritte und Metadaten. Ohne Staffelung würde jede Antwort zur Textwand.
Do & Don’t
| Do | Don’t |
|---|---|
| Die häufigste Aufgabe ohne Klick erreichbar machen | Kerninformationen hinter mehreren Klicks verstecken |
| Klar beschriften, was sich hinter „Mehr anzeigen” verbirgt | Vage Labels wie „Sonstiges” oder „Weitere Optionen” |
| Zustand merken: Wer Details aufklappt, will sie oft dauerhaft sehen | Bei jedem Seitenwechsel wieder alles zuklappen |
| Maximal zwei bis drei Ebenen verschachteln | Details in Details in Details – Nutzer verlieren die Orientierung |
| Sicherheitsrelevante Warnungen immer sichtbar lassen | Risiken oder Einschränkungen in die zweite Ebene verbannen |
Der letzte Punkt ist bei KI besonders relevant: Hinweise auf Unsicherheit oder mögliche Fehler gehören auf Ebene 1 – sie zu verstecken untergräbt die Trust Calibration.
Abgrenzung zu verwandten Begriffen
- Progressive Disclosure vs. Progressive Enhancement: Klingt ähnlich, ist aber etwas anderes. Progressive Enhancement ist eine Frontend-Technik (Basisfunktion für alle Browser, Extras für moderne). Progressive Disclosure ist ein Informationsdesign-Pattern.
- Progressive Disclosure vs. Onboarding: Onboarding führt einmalig durch ein Produkt. Progressive Disclosure wirkt dauerhaft in jeder einzelnen Ansicht.
- Progressive Disclosure vs. Personalisierung: Personalisierung entscheidet, welche Inhalte gezeigt werden. Progressive Disclosure entscheidet, wann und in welcher Tiefe.
Messbarkeit
Ob das Pattern funktioniert, lässt sich an mehreren Signalen ablesen:
- Expand-Rate: Wie oft klappen Nutzer Details auf? Sehr hohe Raten deuten darauf hin, dass wichtige Informationen fälschlich versteckt wurden. Nahe null kann bedeuten, dass die Details überflüssig sind – oder niemand sie findet.
- Time to First Action: Kommen Nutzer schneller zur Kernaufgabe als vorher?
- Fehlerrate und Support-Anfragen: Steigen Rückfragen zu Informationen, die in tiefere Ebenen verschoben wurden, war die Priorisierung falsch.
- Task-Erfolgsrate im Vergleich: A/B-Test zwischen gestaffelter und vollständiger Darstellung zeigt, ob die Reduktion tatsächlich hilft oder nur Klicks erzeugt.
Wichtig ist die Interpretation im Kontext: Eine niedrige Expand-Rate ist kein Misserfolg, wenn Nutzer ihre Aufgabe ohne die Details erledigen – genau das ist das Ziel des Patterns.