Progressive Disclosure

Einfach erklärt

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 ▼]     │
└─────────────────────────────┘

Technischer Deep Dive

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.