Die meisten Dashboards scheitern aus einem einfachen Grund: Alles auf dem Bildschirm schreit mit derselben Lautstärke. Zehn Karten, sechs Diagramme, drei Filter – und der Nutzer fragt immer noch: „Also, wie sieht es aus?“
Gutes Dashboard-Design beginnt mit einer Entscheidung: Welche eine Zahl soll dieser Bildschirm vor allem zeigen? Alles andere dient dazu, diese Zahl zu unterstreichen.
1. Wähle eine Schlüsselkennzahl aus
Bevor du Figma öffnest, vervollständige diesen Satz: „Wenn jemand diesen Bildschirm öffnet, sollte er innerhalb von zwei Sekunden ___ wissen.“
In einer Finanz-App ist es der Gesamtsaldo. In einem Analysetool sind es die Ausgaben dieses Monats. In einem SaaS-Admin-Panel sind es die aktiven Nutzer oder der Umsatz. Wenn Sie drei Antworten haben, brauchen Sie drei Bildschirme.
2. Schaffen Sie eine klare Hierarchie
Nutzen Sie Größe und Kontrast – nicht Verzierungen –, um Informationen zu gewichten:
- Ebene 1: die Schlüsselkennzahl, größte Schrift auf dem Bildschirm, hoher Kontrast.
- Ebene 2: Kontext, z. B. die Veränderung gegenüber dem letzten Zeitraum (+12,5 %) und eine kurze Bezeichnung.
- Ebene 3: der Trend, eine einfache Linie oder ein Balken, der die Zahl verdeutlicht.
- Ebene 4: Details, wie z. B. Listen, Kategorien und Aufschlüsselungen.
Wenn Sie die Augen zusammenkneifen und die Zahl nicht das Erste ist, was Sie sehen, ist die Hierarchie gestört.
3. Zeigen Sie Veränderungen, nicht nur Werte
Eine Zahl allein ist eine Nebensächlichkeit. Eine Zahl mit Richtung ist Information. Kombinieren Sie jede Schlüsselkennzahl mit einer Veränderung und einem Farbsignal: Grün für Wachstum, Rot für Rückgang, Grau für neutral. Halten Sie die Bedeutung der Farben überall einheitlich.
4. Weniger Klicks bis zur Entscheidung
Ein Dashboard ist kein Bericht, sondern ein Entscheidungswerkzeug. Platzieren Sie die häufigsten Aktionen (senden, übertragen, exportieren, nach Zeitraum filtern) nur einen Fingertipp entfernt, in der Nähe der Zahl, auf die sie sich auswirken. Verstecken Sie den Rest hinter „Mehr“.
5. Schaffen Sie eine ruhige Atmosphäre
Ruhige Benutzeroberflächen schaffen Vertrauen, insbesondere in den Bereichen Fintech und Web3:
- großzügige Abstände und ein striktes Raster;
- eine Akzentfarbe, eine zweite nur für den Status;
- eine Schriftart, wobei Strichstärke und Größe die Wirkung erzielen;
- weiche Oberflächen statt schwerer Rahmen und harter Schatten.
6. Testen Sie es wie ein Nutzer
Zeigen Sie jemandem den Bildschirm fünf Sekunden lang, blenden Sie ihn dann aus und fragen Sie, woran sich die Person erinnert. Wenn sie sich an die Zahl und deren Richtung erinnert, funktioniert das Design. Wenn sie sich an die Verzierungen erinnert, vereinfachen Sie es.
Wofür Kunden wirklich bezahlen
Kunden bezahlen nicht für Bildschirme. Sie bezahlen für Klarheit, Geschwindigkeit, Vertrauen, Ergebnisse, Entscheidungen und weniger Klicks. Ein Dashboard, bei dem die Zahl im Mittelpunkt steht, liefert alle sechs.
Arbeiten Sie an einem Dashboard oder einem SaaS-Produkt und wünschen sich ein zweites Paar Augen? Nehmen Sie Kontakt auf
.