Sofortantwort
Explainable UI einfach erklärt
UI-Patterns zur verständlichen Darstellung von KI-Entscheidungen.
- Kurz gesagt
- Zeige WARUM, nicht nur WAS
- Typischer Einsatz
- Empfehlungssysteme, Kreditentscheidungen, Diagnose-Tools
- Wichtig zu wissen
- Feature-Attributionen und Vergleiche
Explainable UI im Überblick
Explainable UI macht KI-Entscheidungen für Nutzer verständlicher und besser überprüfbar.
UI-Patterns:
| Pattern | Beispiel |
|---|---|
| Confidence Score | “hohe/mittlere/niedrige Sicherheit” |
| Top Factors | “Hauptgründe: A, B, C” |
| Counterfactual | “Wäre X anders, dann…” |
| Similar Cases | “Ähnliche Fälle waren…” |
| Uncertainty | “Unsicher bei: …” |
Technisch betrachtet
Beispiel-UI
<div class="prediction-card">
<h3>Empfehlung: Produkt X</h3>
<div class="confidence">
<span class="score">Hohe Sicherheit</span>
</div>
<details>
<summary>Warum diese Empfehlung?</summary>
<ul class="factors">
<li>Ähnlichkeit zu bisherigen Käufen</li>
<li>Beliebt bei ähnlichen Nutzern</li>
<li>Passt zu deinem Budgetrahmen</li>
</ul>
</details>
</div>
SHAP-Werte visualisieren
import shap
explainer = shap.Explainer(model)
shap_values = explainer(X)
# Für UI: wichtigste Faktoren auswählen
top_factors = sorted(
zip(feature_names, shap_values[0]),
key=lambda x: abs(x[1]),
reverse=True
)[:top_n]
Explainable UI in KI-Produkten
Auch generative KI-Produkte setzen Erklär-Patterns ein – oft subtiler als klassische XAI-Dashboards:
| Produkt-Kontext | Erklär-Pattern |
|---|---|
| Chatbots mit Websuche | Quellenangaben und Zitate direkt an der Aussage |
| Coding-Assistenten (Copilot) | Begleitender Kommentar, warum der Code so strukturiert ist |
| Agenten (Claude Code u. a.) | Sichtbares Arbeitsprotokoll: welche Dateien gelesen, welche Schritte ausgeführt |
| Empfehlungssysteme | „Weil du X angesehen hast” als Ein-Satz-Begründung |
| Spam-/Moderationsfilter | Markierung der Textstellen, die zur Einstufung führten |
Bei LLM-Produkten haben Erklärungen eine Besonderheit: Vom Modell formulierte Begründungen sind selbst generierter Text und können plausibel klingen, ohne den tatsächlichen Entscheidungsweg abzubilden. Verlässlicher sind nachprüfbare Artefakte wie Quellen, Logs oder markierte Textstellen.
Do & Don’t
| Do | Don’t |
|---|---|
| Erklärung an der Entscheidung platzieren | Erklärungen in ein separates Hilfe-Center auslagern |
| Sprache der Zielgruppe verwenden | SHAP-Werte oder Logits an Endnutzer durchreichen |
| Erklärtiefe staffeln (Progressive Disclosure) | Alle Details dauerhaft einblenden |
| Nachprüfbare Belege verlinken (Quellen, Daten) | Nur behaupten statt belegen |
| Auch Unsicherheit und Gegenargumente zeigen | Nur bestätigende Faktoren auflisten |
Abgrenzung zu verwandten Begriffen
- Explainable UI vs. Explainability: Explainability (XAI) ist die technische Disziplin, die Erklärungen erzeugt (SHAP, LIME, Attention-Analysen). Explainable UI entscheidet, wie diese Erklärungen dargestellt werden. Eine perfekte technische Erklärung nützt nichts, wenn das UI sie unverständlich präsentiert.
- Explainable UI vs. Transparenz: Transparenz umfasst auch Meta-Informationen (Trainingsdaten, Modellversion, Betreiber). Explainable UI fokussiert auf die einzelne Entscheidung im Nutzungsmoment.
- Explainable UI vs. Trust Calibration: Erklärungen sind ein Werkzeug, kalibriertes Vertrauen das Ziel. Schlechte Erklärungen können Vertrauen sogar fehlleiten – etwa wenn sie Sicherheit suggerieren, wo keine ist.
Messbarkeit
Ob ein Explainable UI funktioniert, zeigt sich an Verständnis und Verhalten:
- Nutzung der Erklärungen: Werden „Warum?”-Elemente überhaupt geöffnet?
- Verständnistests: Können Nutzer nach der Erklärung vorhersagen, wie das System in einem ähnlichen Fall entscheiden würde?
- Angemessenes Folgen und Widersprechen: Erkennen Nutzer mit Erklärung häufiger, wann die KI falsch liegt – ohne korrekte Ergebnisse öfter abzulehnen?
- Einspruchs- und Beschwerdequalität: In regulierten Bereichen (Kredit, Bewerbung) zeigen fundiertere Rückfragen, dass Betroffene die Entscheidung nachvollziehen konnten.
Vorsicht vor dem Selbstberichts-Bias: Dass Nutzer eine Erklärung als „hilfreich” bewerten, heißt nicht, dass sie die Entscheidung korrekt verstanden haben. Verhaltensmetriken sind aussagekräftiger als Zufriedenheitswerte.
Schritt für Schritt
Wie Erklärungen in der Oberfläche hilfreich werden
Entscheidung und Bedarf der Person klären
Bestimme, welche Entscheidung das System beeinflusst und welche Erklärung Menschen dafür wirklich brauchen. Eine gute Erklärung beantwortet die nächste relevante Frage, nicht jede technische Einzelheit des Modells.
Grundlage und Unsicherheit zeigen
Mache verständlich, welche Informationen oder Regeln eine Empfehlung beeinflussen und wo Grenzen liegen. Unklare oder fehlende Daten sollen sichtbar bleiben, statt eine scheinbare Sicherheit zu erzeugen.
Prüfung und Korrektur ermöglichen
Gib Menschen Wege, Annahmen zu prüfen, Eingaben zu berichtigen und eine Entscheidung zu überstimmen. Erklärbarkeit wird erst wirksam, wenn aus Verständnis auch eine angemessene Handlung folgen kann.
Verständlichkeit mit echten Nutzenden testen
Prüfe, ob Menschen Erklärung, Einschränkung und nächste Schritte korrekt verstehen. Missverständnisse, Übervertrauen und unnötige Belastung sind wichtige Qualitätsprobleme, nicht nur Designfragen.
Konkretes Beispiel
Eine Empfehlung wird überprüfbar
Ein System schlägt vor, welche Anfrage zuerst bearbeitet werden sollte. Mitarbeitende müssen entscheiden können, ob der Vorschlag zum konkreten Fall passt.
Opaque Empfehlung
Die Oberfläche zeigt nur einen Rangplatz. Mitarbeitende können nicht erkennen, welche Informationen berücksichtigt wurden, ob Daten fehlen oder wie sie eine falsche Einordnung korrigieren sollen.
Handlungsfähige Erklärung
Die Oberfläche nennt relevante Faktoren, kennzeichnet Unsicherheit und bietet eine begründete Übersteuerung. Rückmeldungen zu fehlerhaften Vorschlägen fließen in Prüfung und Verbesserung des Systems ein.
Einordnung
Vorteile und Grenzen
Das spricht dafür
- Macht Empfehlungen, Unsicherheit und relevante Eingaben für betroffene Menschen nachvollziehbarer.
- Ermöglicht Prüfung, Korrektur und begründete Übersteuerung statt blinder Übernahme.
- Deckt Qualitätsprobleme auf, wenn Menschen Erklärungen missverstehen oder übervertrauen.
Das solltest du beachten
- Vereinfachte Erklärungen können unvollständig sein oder eine Präzision vortäuschen, die nicht besteht.
- Zu viele Informationen können Entscheidungen verlangsamen und wichtige Hinweise verdecken.
- Erklärbarkeit ersetzt weder faire Daten noch angemessene Grenzen oder menschliche Verantwortung.
Vertiefung · für FortgeschritteneVon der Modellentscheidung zur prüfbaren Handlung
Verstehen und korrigieren
- Explainability
- KI-Entscheidungen sollen für Menschen verständlich sein.
- Human-in-the-Loop
- Menschen überprüfen und entscheiden über KI-Ergebnisse.
- Fairness
- KI-Systeme sollten alle gleich und gerecht behandeln.
- Guardrail UX
- UX-Patterns zum Schutz vor KI-Fehlern und für sichere Grenzen.
- Model Risk Management
- Systematisches Management von Risiken durch ML-Modelle in Produktion.