Dashboard
Hey Max!
Verwendung
Verwende ein Dashboard, wenn Nutzer mehrere Themen gleichzeitig im Blick behalten und die wichtigsten davon direkt erreichen sollen. Zeige nur, was einen Mehrwert bietet, und ordne die Kacheln nach Relevanz. Geht es um viele gleichartige Objekte in einer durchsuchbaren Liste, führt die Übersichtsseite dorthin.
Aufbau
- Content Header – Eine Heading als H1 benennt den Bereich, dessen Lage das Dashboard zusammenfasst.
- Kachel-Anordnung – Ein ColumnLayout verteilt die Kacheln über die verfügbaren Spalten und passt sich an unterschiedliche Breakpoints an.
- Kacheln – Jede Kachel ist eine LayoutCard, in der Sections den Inhalt in Header, Content und Footer gliedern. Jede Kachel bildet genau ein Thema ab.
- Visuelle Aufbereitung – Kennzahlen und Trends werden mit Komponenten wie ProgressBar, DonutChart oder einem Image sofort ablesbar; eine AccentBox hebt einzelne Kacheln gezielt hervor.
Varianten und Abwandlung
Detail-Dashboard
Ein Detail-Dashboard gibt einen schnellen Einblick in ein einzelnes Objekt: Status, relevante Kennzahlen und Zusammenhänge, oft durch Diagramme visualisiert. Dafür eignen sich ProgressBar, DonutChart, BigNumber und CartesianChart.
Dashboard
Kachel mit AccentBox
Eine AccentBox setzt gezielt einen farblichen Akzent, etwa für einen Hinweis oder eine Werbemaßnahme. Setze sie sparsam ein – in der Regel genügt eine farbige Kachel, damit das Gesamtbild ruhig bleibt.