Explainable UI

Wie eine Oberfläche Entscheidungen und Unsicherheit so erklärt, dass Menschen prüfen, verstehen und angemessen handeln können

UI-Patterns, die KI-Entscheidungen für Nutzer nachvollziehbarer machen – von Confidence Scores bis zu Feature-Attributionen.

Fortgeschritten2 Min Lesezeit

Erklärung starten

Auf einen Blick

3 Punkte

  1. Zeige WARUM, nicht nur WAS
  2. Confidence Scores und Unsicherheit
  3. Feature-Attributionen und Vergleiche

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:

PatternBeispiel
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-KontextErklär-Pattern
Chatbots mit WebsucheQuellenangaben 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-/ModerationsfilterMarkierung 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

DoDon’t
Erklärung an der Entscheidung platzierenErklärungen in ein separates Hilfe-Center auslagern
Sprache der Zielgruppe verwendenSHAP-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 zeigenNur 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

  1. 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.

  2. 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.

  3. 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.

  4. 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 Fortgeschrittene

Von der Modellentscheidung zur prüfbaren Handlung

Wissenskarte

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.
Explainable UI verbindet sichtbare Grundlage, Unsicherheit und Korrekturmöglichkeiten, damit Menschen eine Modellentscheidung angemessen prüfen und verantworten können. Explainable UI gliedert sich in: Explainability, Human-in-the-Loop, Fairness, Guardrail UX, Model Risk Management.

01Einsatzbereiche

Wann ist Explainable UI sinnvoll?

Geeignet für

  • Empfehlungssysteme'Weil du X gekauft hast...'
  • KreditentscheidungenWelche Faktoren beeinflussten die Entscheidung?
  • Diagnose-ToolsWelche Symptome führten zur Diagnose?

↑ Inhalt

Merksatz

Explainable UI ist wie ein Arzt, der nicht nur sagt 'Du hast X', sondern erklärt: 'Aufgrund deiner Symptome A, B und C vermute ich X mit einer gewissen Unsicherheit.'

  1. Zeige WARUM, nicht nur WAS
  2. Confidence Scores und Unsicherheit
  3. Feature-Attributionen und Vergleiche

03Redaktion

Herkunft und Stand

Redaktion und Aktualität

Ebenex RedaktionRedaktion

Veröffentlicht
Aktualisiert

Dieses Feld entwickelt sich schnell. Oben stehen Veröffentlichung und letzte Änderung; ein Prüfdatum kommt dazu, sobald die Erklärung nach ihrer letzten Änderung geprüft wurde.

↑ Inhalt

04FAQ

Häufige Fragen zu Explainable UI

Wie viel erklären?

Abhängig von Nutzer, Risiko und Kontext. Experten brauchen oft mehr Details, Endnutzer eher eine verständliche Zusammenfassung. Progressive Disclosure hilft, beides zu verbinden.

Verlangsamen Erklärungen den Workflow?

Sie können den Workflow verlangsamen, müssen es aber nicht. On-Demand-Erklärungen wie Hover, Details oder Expand stören meist weniger als dauerhaft sichtbare Erklärblöcke.

↑ Inhalt

05Weiterlernen

Was möchtest du als Nächstes verstehen?

  • Grundlage nachholen

    Explainability (XAI)

    KI-Entscheidungen sollen für Menschen verständlich sein.

  • Technisch vertiefen

    Human-Centered AI

    KI-Design, das menschliche Bedürfnisse und Fähigkeiten in den Mittelpunkt stellt.

↑ Inhalt