Dashboard-Design-Beispiele: 14 Layouts und was sie gut macht

Gutes Dashboard-Design beginnt mit einer Frage, nicht mit einem Diagramm: Wer schaut hin, was muss die Person entscheiden, und wie oft? Die besten Dashboards zeigen oben einige Kernzahlen mit Kontext, erklären Veränderungen mit Diagrammen darunter, halten Filter offensichtlich und lassen die Menschen auf das reagieren, was sie sehen. Die meisten echten Dashboards liegen hinter einer Anmeldung. Deshalb folgen unten drei öffentliche Beispiele, die wir im Oktober 2026 geprüft haben, und dann elf gängige Layouts, beschrieben ohne Nennung eines Produkts. Danach kommen eine Design-Checkliste, typische Fehler und wie du dein eigenes Dashboard baust.

Die 14 Beispiele im Überblick

Öffentliche Dashboard-Beispiele

Diese Angaben beziehen sich auf den Stand Oktober 2026.

1. Plausibles Live-Demo

Plausible, ein auf Datenschutz ausgerichtetes Tool für Web-Analysen, veröffentlicht eine Live-Demo der Analysen der eigenen Website, die jeder erkunden kann. In der Dokumentation werden Berichte wie Top-Seiten beschrieben, mit Seitenaufrufen, Absprungrate, Verweildauer und Scrolltiefe sowie Einstiegs- und Ausstiegsseiten. Über eine Filterschaltfläche kannst du nach Seite mit den Regeln „ist“, „ist nicht“ und „enthält“ segmentieren, und die Dokumentation erklärt den Vergleich von Statistiken über die Zeit.

Daraus lernen: Eine öffentliche Demo mit echten Daten lässt Menschen das Dashboard beurteilen, bevor sie sich anmelden. Eine kleine Auswahl einfacher Berichte mit einem einzigen Filtersystem ist ohne Einarbeitung verständlich. Öffne die Demo selbst und sieh dir an, wie die Berichte aufgebaut sind.

2. Stripe Dashboard

Stripes Dokumentation beschreibt eine Startseite mit Analysen und Diagrammen zur Geschäftsentwicklung, die auch wichtige Hinweise anzeigt, etwa ungeklärte Streitfälle. Du wählst, welche Widgets in der Übersicht erscheinen. Die Seitenleiste führt zu Listen, auf die du reagierst (Guthaben, Transaktionen, Kunden, Produktkatalog), jede mit Filtern und Export. Ein Druck auf „?“ zeigt Tastenkürzel, Sandboxes erlauben Tests ohne echte Daten, und es gibt eine mobile App für iOS und Android.

Daraus lernen: Kombiniere die Ansicht „Wie läuft es?“ mit Warnungen „Was braucht meine Aufmerksamkeit?“ und lass jede Person die Übersicht anpassen.

3. Grafana

Grafanas Dokumentation beschreibt Dashboards aus Panels. Jedes Panel führt eine Abfrage an eine Datenquelle aus, und die Panels sind in Zeilen oder Tabs organisiert. Variablen erlauben es, mit einem Dashboard zwischen zum Beispiel Servern oder Umgebungen umzuschalten.

Daraus lernen: Variablen verhindern, dass du zehn Kopien desselben Dashboards baust. Panels in einklappbare Zeilen zu gruppieren hält volle Dashboards lesbar.

Dashboard-Layouts zum Übernehmen

4. SaaS-Kennzahlen-Dashboard

Obere Reihe: monatlich wiederkehrender Umsatz, neue Kunden, abgewanderte Kunden und aktive Nutzer, jeweils mit der Veränderung seit dem letzten Monat. Darunter: eine Trendlinie für den MRR, eine Aufschlüsselung nach Tarif und eine Liste der letzten Anmeldungen. Unser Leitfaden zu SaaS-Kennzahlen erklärt jede Zahl.

5. Vertriebspipeline-Dashboard

Ein Trichter- oder Balkendiagramm der Deals nach Phase, der Pipeline-Wert je Verantwortlichem, Deals, die diesen Monat abgeschlossen werden, und eine Liste von Deals ohne Aktivität seit einer Woche. Ein Klick auf einen Deal öffnet ihn, sodass das Dashboard zugleich eine To-do-Liste ist.

6. E-Commerce-Administration

Heutige Bestellungen, Umsatz und durchschnittlicher Bestellwert ganz oben; eine Liste „nicht versandte Bestellungen“ als Hauptbereich; Produkte mit niedrigem Bestand und neue Bewertungen an der Seite. Die häufigste Aktion, eine Bestellung als versendet zu markieren, sollte mit einem Klick möglich sein.

7. Support-Dashboard

Offene Tickets, Tickets, die auf dein Team warten, mittlere Zeit bis zur ersten Antwort und Tickets nach Schlagwort. Darunter eine Live-Warteschlange, sortiert nach Alter. Alles, was ein Antwortziel verletzt, wird hervorgehoben.

8. Lager-Dashboard

Artikel unterhalb des Meldebestands zuerst, mit einer Aktion „nachbestellen“. Danach der Lagerwert nach Kategorie, die letzten Bewegungen und Artikel ohne Verkäufe in einem festgelegten Zeitraum. Siehe wie du eine Lagerverwaltungs-App baust.

9. Projekt-Dashboard

Eine Zeile pro Projekt mit Status, Verantwortlichem, Fälligkeitsdatum und Fortschritt in Prozent, dazu eine Liste überfälliger Aufgaben über alle Projekte hinweg. Färbe nur die Ausnahmen ein (verspätet, blockiert), damit sie auffallen.

10. Marketing-Dashboard

Besuche, Anmeldungen und Conversion-Rate je Kanal im gewählten Zeitraum; ein Diagramm der Anmeldungen über die Zeit mit markierten Kampagnenstarts; die wichtigsten Landingpages.

11. Finanz-Dashboard

Kontostand, fällige und überfällige Rechnungen, Ausgaben in diesem Monat im Vergleich zum Vormonat und anstehende Zahlungen. Detaillierte Buchhaltungsangaben gehören in Berichte; das Dashboard dient dem Überblick.

12. Praxis- oder Buchungs-Dashboard

Heutige Termine als Zeitleiste, Absagen und Nichterscheinen, freie Slots und neue Buchungen. Groß genug, um vom Bildschirm am Empfang auf einen Blick gelesen zu werden.

13. Dashboard für persönliche Ziele

Aktuelle Serie, Fortschritt bei einigen Zielen und eine Kalender-Heatmap der Aktivität. Eher motivierend als analytisch, deshalb auf einen Bildschirm beschränken.

14. Kundenorientiertes Dashboard

Jeder Kunde meldet sich an und sieht nur seine eigenen Projekte, Berichte oder Ergebnisse. Klare Beschriftungen, kein interner Fachjargon und eine Exportschaltfläche für die eigenen Unterlagen. Dafür braucht es eine saubere Anmeldung und Berechtigungen; siehe rollenbasierte Zugriffskontrolle.

Was die besten Dashboards gemeinsam haben

• Ein benanntes Publikum und einen Zweck. „Für die Support-Leitung, jeden Morgen geprüft.“
• Kernzahlen oben, jede mit Kontext: einem Vergleich, einem Ziel oder einem Trend.
• Diagramme, die zur Frage passen. Linien für Trends über die Zeit, Balken für den Vergleich von Kategorien, Tabellen für genaue Werte.
• Offensichtliche Filter, vor allem für den Zeitraum, angewendet auf alles auf der Seite.
• Ausnahmen fallen auf. Farbe für das, was Aufmerksamkeit braucht, nicht zur Dekoration.
• Ein Weg zur Handlung. Klicke auf eine Zahl, um die dahinterliegenden Zeilen zu sehen, und handle dann.
• Einheitliche Definitionen. „Aktiver Nutzer“ bedeutet überall dasselbe, und die Definition ist schriftlich festgehalten.
• Schnell. Langsame Dashboards werden nicht mehr geöffnet.

Typische Fehler

• Alles zeigen, was du messen kannst. Mehr Diagramme bedeuten, dass jedes einzelne weniger beachtet wird.
• Zahlen ohne Kontext. „1.240“ sagt wenig ohne Vorperiode oder Ziel.
• Kreisdiagramme mit vielen Segmenten. Schwer zu vergleichen; ein sortiertes Balkendiagramm ist meist klarer.
• Zu viele Farben. Starke Farben für Warnungen und eine hervorgehobene Reihe reservieren.
• Veraltete Daten ohne Zeitstempel. Zeige immer, wann die Daten zuletzt aktualisiert wurden.
• Keine Mobilansicht für Dashboards, die Menschen unterwegs prüfen.
• Gemischte Zielgruppen. Ein Bericht für den Vorstand und eine tägliche Betriebsansicht gehören selten auf dieselbe Seite.

So baust du dein eigenes Dashboard

1. Schreibe die Fragen auf, die das Dashboard beantworten muss, und wer sie stellt.
2. Liste die Datenquellen auf: die Datenbank deiner App, eine Tabelle oder die API eines anderen Tools.
3. Skizziere das Layout: Kernzahlen, zwei bis vier Diagramme, eine Aktionsliste.
4. Baue es. Mit Mythex beschreibst du das Dashboard im Chat und siehst es in einer Live-Vorschau arbeiten. Mythex kann die Datenbank, Anmeldung und Rollen erstellen, die dein Dashboard braucht, und du veröffentlichst es mit einem Klick unter einer URL. Stöbere in den Vorlagen für einen Ausgangspunkt. Wenn deine Daten bereits in einem Data Warehouse liegen und du Ad-hoc-Analysen brauchst, passt ein BI-Tool vermutlich besser; liegen sie in einer Tabellenkalkulation, siehe wie du Google Sheets mit deiner App verbindest.
5. Teste mit der echten Person. Beobachte, wie sie es eine Woche lang nutzt, und entferne, was sie ignoriert.

Eine vollständige Anleitung findest du unter wie du ein Dashboard baust.

Wie wir diese Beispiele ausgewählt haben

Die meisten Dashboards sind nicht öffentlich. Deshalb haben wir nur Produkte genannt, deren Dashboards öffentlich oder auf den eigenen Seiten der Anbieter dokumentiert sind, und wir beschreiben, was diese Seiten im Oktober 2026 zeigten. Die übrigen Layouts sind gängige Muster, allgemein beschrieben und keine Kopien eines bestimmten Produkts.

Fragen