Design von analytischen Dashboards

Entwerfen analytischer Dashboards

Ein gutes Dashboard ist kein „Chart Set“, sondern ein Entscheidungsinstrument. Es verbindet Geschäftsziele, korrekte Daten und verständliche UX und lebt auch nach den Regeln: SLO-Updates, Qualitätskontrolle, Versionierung und transparente KPI-Mathematik.

1) Ziele und Publikum

Zielart: Untersuchung (Diagnose), Überwachung (operative Kontrolle), Erläuterung (Einsicht → Entscheidung), Kommunikation (Besprechung/Präsentation).

• Executive: NSM und 3-5 Treiber, High-Level-Trends, Warnungen.
• Produkt/Marketing: Trichter, Kohorten, Segmente, ROMI.
• Operationen/ML/Infra: SLA, Fehler, Latenz, Modell-/Datendrift.
• Die Formulierung der Fragen: „Woher wissen wir, dass wir handeln müssen?“ → Liste der Trigger/Schwellenwerte.

2) KPI und Metrikwörterbuch

Wählen Sie 5-7 wichtige KPIs für jeden: Definition, Formel, Quelle, Lag, Segmentierung.
Teilen Sie in North Star, Treiber, guardrails (Einschränkungen: FPR≤x%, p95 latency≤y).
Erstellen Sie ein Wörterbuch mit Begriffen (Formelversionen und Datum der letzten Bearbeitung) und zeigen Sie es auf dem Dashboard an.

3) Datenquellen und Modell

Quelle der Wahrheit (SoT): Einzelvitrine/Modell (Stern/Schneeflocke) unter dem Dashboard.
Frische und Verzögerung: Zeigen Sie „aktualisiert N min zurück“ und die erwartete SLO (zB „alle 10 min, Toleranz ± 5 min“).
Qualität: completeness, consistency, deduplizing, timezone-uniformity.
Keine Lecks: Point-in-Time-Korrektheit für Retrospektiven und ML-Metriken.

4) Informationsarchitektur

Seitenlayout: „Z „/“ F “-Regel, 3-6 Karten„ auf dem ersten Bildschirm“.
Hierarchie: oben NSM + Status; unten - Treiber; weiter - Detaillierung/Diagnose.
Drill-Down: Vom KPI-Schlüssel → der Trend → die Segmentaufteilung → detaillierte Tabellen/Ereignisse.
Navigation: Domainregister (Produkt, Marketing, Betrieb), „Brotkrumen“, einheitliche Filter.

5) Auswahl der Visualisierungen

Trends: Linien/Bereich; für Einsparungen - stacked/100%.
Kategorienvergleiche: horizontale Balken (lange Markierungen).
Verteilungen: Histogramm/box/violin.
Trichter: Schritt für Schritt Bars + Delta Signaturen.
Korrelationen: Streuung/Heatmap.
Kohorten: Heatmap mit Hintergrundbeleuchtung D7/D30.
Anomalien: Linien mit Vertrauenskorridor, Event/Release-Marker.
Anti-Muster: 3D, überfrachtete Legenden, Doppelachsen ohne Not.

6) UX und Interaktivität

Filter: Zeitraum, Land/Kanal/Plattform, Experimente; Zeigen Sie aktive Filter mit einem expliziten Abzeichen an.
Zustände: „Download“, „leer“, „Fehler“, „teilweise aktualisiert“.
Anmerkungen: Ereignisse (Veröffentlichungen, Kampagnen, Vorfälle) → anklickbare Notizen.
Export: PNG/PDF/CSV; gespeicherte Weeks und „Newsletter-Abonnements“.
Micro-Copywriting: Titel = Einsicht, Untertitel = wie man die Grafik liest.

7) Leistung und SLO

Reaktionszeit: p95 <2-3 s für interaktive Filter.
Optimierung: Voraggregationen in DWH, inkrementelle Updates, Layer-Cache, Downsampling von langen Reihen.
Einschränkungen: Kategorienlimit (≤12 pro Grafik), Tischpagination, Lazy-Load.
Beobachtbarkeit: Rendering/Error-Metriken, Anforderungsprotokolle, Alerts für Degradation.

8) Verfügbarkeit und Lokalisierung

Textkontrast ≥ 4. 5:1, farbenblindsichere Paletten; duplizieren Sie die Farbe mit einer Form/einem Strich.
Alt-Texte, gesprochene Signaturen, Tab-Navigation.
Lokalisierung von Zahlen/Daten/Währungen, 24-Stunden-Format, Tausendertrennzeichen.
Maskieren Sie PII, aggregieren Sie auf ein sicheres Niveau.

9) Sicherheit und Zugangsrechte

Rollen und Segmente: row-level security (Land, Marke, Partner).
Maskierung: E-Mail/Telefon → teilweise Sichtbarkeit; Kontrolle der Entladungen.
Aktivitätsprotokoll: Wer die Filter geöffnet/exportiert/geändert hat (für die Überwachung).
Geheimnisse und Token: Speicherung außerhalb des Client-Teils, Schlüsselrotation.

10) Governans und Versionen

Dashboard-Version: 'dash _ product _ v7', Änderung, Veröffentlichungsdatum.
Metriken: Versionen von Formeln (v1→v2) mit automatischer Neuberechnung der Historie/Neumapping.
Revue: Visual Code Revue (Richtigkeit des Diagrammtyps, Einsen, Nullpunkt), Data Revue (SQL/Logik).
Eigentümer: Product Owner, Data Steward, Plattformingenieur.

11) Freigabe- und Betriebsprozesse

1. Design-Brief: Zweck, Publikum, Top-Fragen, KPIs, Quellen, Einschränkungen.
2. Prototyp (Low-Fi → Hi-Fi): Wireframe → Klick-Layout mit Pseudo-Daten.
3. Daten: Schaufenster/Voraggregationen, Qualitätstests (Frische, Vollständigkeit).
4. Montage: einheitliches Design-System (Farben, Raster, Schriften, Legenden).
5. Revue/Pilot: mit 5-10 Zielbenutzern; UX/Performance-Änderungen.
6. Veröffentlichung: Versionsanhänger, Anleitung, Lehrvideo/Noten.
7. Monitoring: Nutzung (Klicks/Views/Exporte), SLO Alerts, Fidback Sammlung.
8. Revision: vierteljährliches KPI-Audit, Entfernen von „toten“ Karten.

12) Kartenvorlagen

KPI-tajl

Titel: „Retention D30“

Wert + Trend (YoY/DoD), Sparkline, Farbanzeige vs Ziel.
Keller: Quelle/aktualisiert X min zurück/Formelversion.

Treiberdiagnose

Stack Bar nach Segmenten (Land/Kanal) + Tabelle mit Top-Beiträgen.
Schaltfläche „RCA anzeigen“: Zerlegung durch Faktoren (Volumen, Preis, Mix).

Anomalien/Vorfälle

Linie mit Konfidenzintervallen, Ereignismarker, Filter nach Ereignistyp.
Schnelle Aktion: „Ticket erstellen „/„ Kommentar hinzufügen “.

13) Häufige Fehler und wie man sie vermeidet

Zu viele Grafiken: Belassen Sie die Hauptsache, der Rest ist im Drill-down.
Inkonsistente Formeln: Geben Sie das Wörterbuch und die KPI-Versionierung ein.
Zwei Y-Achsen ohne Erklärung: Teilen Sie die Panels oder normalisieren Sie die Skalen.
Kein Datenstatus: Zeigen Sie immer Frische und SLO.
Farbchaos: 1 Akzentfarbe + 1-2 Hilfsfarben, einheitliche Palette.

14) Checkliste vor der Veröffentlichung

• Ziele und Publikum des Dashboards sind dokumentiert
• KPIs haben Formeln, Quellen und Versionen; Frische wird angezeigt
• Hierarchie: NSM von oben, weitere Treiber und Diagnose
• Korrekter Diagrammtyp ausgewählt; Nullpunkt/Einheiten angegeben
• Filter und Ereignisanmerkungen funktionieren; Gespeicherte Jacken konfiguriert
• p95 Antwortzeit ≤ SLO; Voraggregationen/Cache aktiviert
• Verfügbarkeit/Lokalisierung geprüft; PII wird maskiert
• Rollen/Rechte und RLS konfiguriert; Zugriffsprotokolle aktiviert
• Version/changelog und Besitzer angegeben; Es gibt ein Runybook von Vorfällen

Summe

Ein starkes Dashboard sind Ziele → Metriken → Daten → UX → Ausbeutung. Konzentrieren Sie sich auf NSM und Treiber, halten Sie das Metrik-Wörterbuch in Ordnung, sorgen Sie für Leistung und Verfügbarkeit, erfassen Sie Versionen und SLOs. Dann verwandeln sich die Visualisierungen in ein Managementinstrument und nicht in ein Museum der Grafiken.