Zentrale Merkmale

Ein Dashboard bündelt relevante Informationen auf einer kachelartigen Oberfläche. Damit es den größtmöglichen Nutzen bietet, sollten folgende Prinzipien berücksichtigt werden:

• Übersichtlichkeit: Klar strukturiert und kompakt.
• Relevanz: Daten die einem Mehrwert bieten.
• Erfassbarkeit: Kennzahlen und Trends sofort erkennbar (z. B. Diagrammen).
• Aktualität und Interaktivität: Aktuelle Daten, oft mit Filtern oder Anpassungsmöglichkeiten.

---

Aufbau

Ein Dashboard besteht aus mehreren LayoutCards, die jeweils ein Thema abbilden. Mithilfe von ColumnLayouts entsteht die kachelartige Struktur. Innerhalb einer LayoutCard sorgen Sections für die Gliederung in die drei Bereiche Header, Content und Footer.

---

Willkommens-Dashboard

Ein Willkommens-Dashboard auf der Startseite bietet einen schnellen Überblick über zentrale Informationen und Funktionen. Es erleichtert den Einstieg, schafft Orientierung und dient als klarer Ausgangspunkt für den Zugriff auf weitere Bereiche.

Dashboards sollen nicht nur funktional, sondern auch visuell ansprechend gestaltet sein. Dies kann durch den Einsatz eines Images oder mithilfe der AccentBox erfolgen.

---

Detail-Dashboard

Detail-Dashboards geben Usern einen schnellen Einblick in ein Objekt. Sie können den aktuellen Status, relevante Kennzahlen und wichtige Zusammenhänge zeigen – oft anschaulich visualisiert durch Diagramme.

Für die Datenvisualisierung in Dashboards eignen sich unter anderem folgende Components: ProgressBar, DonutChart, BigNumber, CartesianChart.

LayoutCard kombiniert mit AccentBox

AccentBoxen eignen sich, um gezielt farbliche Akzente zu setzen – insbesondere bei Werbemaßnahmen. Dabei sollte jedoch sparsam vorgegangen werden, damit das Gesamtbild stimmig bleibt. In der Regel genügt bereits eine farbige Box.