Dashboard-Design: Komplexe Daten verständlich darstellen

Kurz gefasst: Ein gutes Dashboard beantwortet die Fragen, die seine Nutzer regelmäßig stellen, und zwar auf einen Blick. Dafür beginnt Dashboard-Design bei den Entscheidungen, die jemand treffen muss, und erst danach bei Diagrammen. Wenige, klar priorisierte Kennzahlen mit Vergleichswerten, die passende Diagrammart und sparsam eingesetzte Farbe machen auch komplexe Daten verständlich.

Am Anfang steht die Frage der Nutzer

Die meisten überladenen Dashboards entstehen, weil alles angezeigt wird, was die Datenbank hergibt. Fragen Sie stattdessen: Wer schaut auf diese Ansicht, wie oft, und was tut die Person danach? Eine Geschäftsführerin, die montags den Umsatz prüft, braucht etwas anderes als ein Disponent, der den ganzen Tag offene Aufträge im Blick behält.

Schreiben Sie für jede Nutzergruppe die drei bis fünf Fragen auf, die das Dashboard beantworten soll. Jede Kennzahl, die keine dieser Fragen beantwortet, gehört auf eine Detailseite oder in einen Export.

Operative und strategische Dashboards trennen

Operative Dashboards zeigen den aktuellen Zustand und verlangen schnelles Handeln: offene Tickets, Lagerbestände unter Mindestmenge, verspätete Lieferungen. Strategische Dashboards zeigen Entwicklungen über Wochen und Monate. Beides in einer Ansicht zu mischen, macht beide schlechter.

Informationsarchitektur: Überblick zuerst

Ein bewährtes Prinzip aus der Visualisierungsforschung lautet: erst Überblick, dann Zoomen und Filtern, dann Details auf Abruf. Oben stehen wenige Kennzahlen, die den Zustand zusammenfassen. Darunter folgen Diagramme, die Entwicklungen und Verteilungen zeigen. Einzelne Datensätze erreicht man per Klick.

Kennzahlen mit Kontext

Eine Zahl ohne Vergleich sagt wenig. "Umsatz: 84.000 Euro" wird erst aussagekräftig mit dem Vorjahreswert, dem Ziel oder dem Trend der letzten Wochen. Zeigen Sie die Abweichung direkt neben dem Wert und machen Sie klar, ob sie gut oder schlecht ist. Bei Kosten ist ein Anstieg negativ, beim Umsatz positiv.

Leserichtung und Gruppierung

Nutzer lesen von oben links nach unten rechts. Das Wichtigste gehört daher nach oben links. Zusammengehörige Werte stehen nebeneinander und teilen sich eine Überschrift. Einheitliche Abstände und ein festes Raster helfen dem Auge mehr als Rahmen und Schatten.

Das passende Diagramm wählen

Die Diagrammart folgt der Frage:

Entwicklung über die Zeit: Liniendiagramm
Vergleich zwischen Kategorien: Balkendiagramm, bei vielen Kategorien horizontal und sortiert
Anteil am Ganzen bei wenigen Teilen: gestapelter Balken, Kreisdiagramme nur mit sehr wenigen Segmenten
Verteilung: Histogramm oder Boxplot
Zusammenhang zweier Größen: Streudiagramm

Vermeiden Sie 3D-Effekte, doppelte Y-Achsen und Tachometer-Grafiken, die viel Platz für eine einzige Zahl verbrauchen. Balkendiagramme sollten bei null beginnen, sonst wirken kleine Unterschiede dramatisch.

Farbe, Zahlenformat und Barrierefreiheit

Setzen Sie Farbe gezielt ein: eine neutrale Grundfarbe für die meisten Daten und eine Akzentfarbe für das, was Aufmerksamkeit verdient. Rot und Grün tragen in Dashboards oft Bedeutung, sind aber für Menschen mit Rot-Grün-Sehschwäche schwer zu unterscheiden. Ergänzen Sie Farbe daher immer durch Symbole, Beschriftungen oder Muster. Mehr dazu lesen Sie in unserem Artikel über Farbpsychologie in digitalen Produkten und in unserem Beitrag zur barrierefreien Webentwicklung.

Für deutsche Nutzer gehört das deutsche Zahlenformat dazu: Punkt als Tausendertrennzeichen, Komma als Dezimalzeichen, Datum als TT.MM.JJJJ. In JavaScript erledigt Intl.NumberFormat("de-DE") das zuverlässig. Runden Sie sinnvoll. Eine Umsatzkachel braucht keine Cent-Beträge.

Technik: Damit das Dashboard schnell bleibt

Ein Dashboard, das zehn Sekunden lädt, wird nicht genutzt. Berechnen Sie aufwendige Aggregationen im Voraus, etwa als materialisierte Sichten in PostgreSQL oder in einem nächtlichen Job, statt bei jedem Seitenaufruf Millionen Zeilen zu summieren. Laden Sie Detaildaten erst, wenn jemand sie anfordert. Zeigen Sie an, wann die Daten zuletzt aktualisiert wurden, damit niemand veralteten Zahlen vertraut.

Wiederkehrende Elemente wie Kennzahl-Kacheln, Diagramm-Container und Filterleisten gehören in ein Design System. So sehen alle Ansichten gleich aus und neue Dashboards entstehen schneller.

Häufige Fragen (FAQ)

Wie viele Kennzahlen gehören auf ein Dashboard?

Eine feste Zahl gibt es nicht, aber eine Faustregel: so viele, wie jemand ohne Scrollen erfassen und sinnvoll vergleichen kann. Für die oberste Ebene sind das meist eine Handvoll. Alles Weitere gehört auf Detailseiten.

Sollten wir ein BI-Werkzeug nutzen oder ein eigenes Dashboard entwickeln?

Für interne Auswertungen sind Werkzeuge wie Power BI, Metabase oder Grafana oft schneller eingerichtet. Ein eigenes Dashboard lohnt sich, wenn es Teil Ihres Produkts ist, Kunden es sehen oder es eng mit Arbeitsabläufen in Ihrer Anwendung verbunden sein soll.

Wie testen wir, ob ein Dashboard verständlich ist?

Geben Sie echten Nutzern konkrete Aufgaben, etwa "Welche Filiale lag letzten Monat unter Plan?", und beobachten Sie, wie lange sie brauchen und wo sie zögern. Dafür reichen wenige Gespräche. Methoden für kleine Budgets beschreiben wir in Usability-Tests mit kleinem Budget.

Fazit

Verständliche Dashboards entstehen durch Weglassen: jede Kennzahl muss eine echte Frage beantworten, und jede Zahl braucht einen Vergleich. Wer das Design mit den Entscheidungen der Nutzer beginnt, spart sich später viele Umbauten. Wenn Sie ein Dashboard oder eine Datenanwendung als Teil Ihrer Software planen, unterstützen wir Sie bei der Webentwicklung von Business-Anwendungen.