Zum Hauptinhalt springen
Best Practices · Gestaltung

Grafana-Dashboards gestalten

Richten Sie Aufbau und Darstellung an den fachlichen Fragen aus. Wiederkehrende Status, Farben und Interaktionen sollen in allen UDSP-Dashboards gleich verständlich funktionieren.

Eine klare Informationshierarchie verwenden

Orientierung

Kontext zuerst

Titel, betrachteter Zeitraum, letzte Aktualisierung und Filterzustand machen die Sicht einordbar.

Überblick

Wichtigstes hervorheben

Aktuelle Kennzahlen und Abweichungen stehen vor Detailtabellen und technischen Metadaten.

Vertiefung

Verläufe vergleichbar machen

Einheiten, Zeitachsen, Legenden und Linien bleiben zwischen ähnlichen Panels konsistent.

Handlung

Interaktionen begrenzen

Filter und Drilldowns werden nur angeboten, wenn ihre Wirkung erkennbar und rücksetzbar ist.

Status nicht nur über Farbe vermitteln

  • Jede Farbe erhält einen verständlichen Statusnamen.
  • Diagramme verwenden zusätzlich Linienarten, Symbole oder Muster.
  • Einheiten stehen am Wert oder an der Achse.
  • Tooltips und Tabellen machen die zugrunde liegenden Werte auch textuell zugänglich.
  • Hell- und Dunkeldarstellung werden mit realen Daten geprüft.
Das Gestaltungskonzept wird zentral fortgeschrieben

Diese Seite enthält die bereits anwendbaren Grundregeln. Verbindliche Design-Tokens, Panelvorlagen und weitere Beispiele werden hier ergänzt, damit neue Dashboards nicht jeweils eigene Farb- und Interaktionsmuster erfinden.