Für gutes Dashboard-Design spielen visuelle Gestaltung, Benutzerfreundlichkeit und Psychologie entscheidende Rollen. Die Benutzerschnittstelle (user interface - UI) ist die Art und Weise, wie ein Anwender auf ein System zugreift und mit ihm interagiert. Die Benutzeroberfläche eines Dashboards sollte die Bedürfnisse seiner Anwender mit Einfachheit und Eleganz erfüllen. Für einen ersten Entwurf eines Dashboards, sollte man sich folgenden Fragen stellen:
- Ist das Dashboard für die Benutzer leicht zu verstehen? Oder überzeichnet es mit zu vielen Schnickschnack und Funktionen?
- Wie schnell können Benutzer nach einer Schulung eigenständig mit dem Dashboard arbeiten?
- Wenn Benutzer länger nicht mit dem Dashboard arbeiten, können sie dann ihre Bedienfähigkeit leicht wiederherstellen?
- Wie interagiert das UI-Design mit der gesamten Benutzererfahrung? Stellt das Dashboard die Benutzer zufrieden oder frustriert es sie?
Wenn Sie die grundlegenden Designprinzipien Kontrast, Wiederholung, Ausrichtung und Nähe beachten, können Sie besonders effektive und benutzerfreundliche UI entwickeln. Sehen wir uns ein paar Beispiele für schöne Dashboards an, die diese Prinzipien verkörpern.
Kontrast
Kontrast ist eine Möglichkeit, wichtige Inhalte visuell zu unterscheiden und hervorzuheben. Data Analytics liefert datenbasierte Inhalte. Kontraste können uns dabei helfen, schnell wesentliche Erkenntnisse zu generieren - fast als stünde man neben dem Dashboard-Konsumenten und würde ihm ins Ohr brüllen: "Sehen Sie sich die Zahlen von Martin im letzten Quartal an - sein KPI-Balken ist knallrot! Es springt Ihnen sofort ins Auge. Wir müssen uns darum sofort kümmern".
Beispiel: Marketing-Dashboard
Dieses Marketing-Dashboard nutzt kontrastierende Farben, um Kernaussagen hervorzuheben. Im Tab "Lead-Generierung" können wir die tatsächliche Anzahl der Leads und Opportunities im Vergleich zu den geplanten Zahlen für jeden Mitarbeiter sehen. Die Zahlen ändern je nach Leistung ihre Farbe.
Dasselbe Prinzip gilt für die anderen Tabs. Bei Werbekampagnen zeigt die App die Anzahl der Impressionen an und schlüsselt sie nach Kosten pro Lead, Kosten pro Klicks und Kosten pro Gelegenheit auf. Er misst auch die Besonderheiten von E-Mail-Kampagnen, einschließlich Öffnungsrate, Absprungrate, Kosten pro Lead und Kosten pro Gelegenheit. Obwohl es sich um ein sehr zahlenorientiertes Armaturenbrett handelt, ist es durch den Einsatz von Kontrasten optisch ansprechend und hebt die wichtigsten Informationen hervor.
Dashboard Gallerie
In der Visual Gallery von Logi Analytics findet man viele gute Dashboard-Designs.
Beispiel: Telekom-Dashboard
Dieses Dashboard ist ein gutes Beispiel für die andere Seite des Spektrums des Einsatzes von Farben. Sie müssen nicht immer graue und weiße Farbtöne verwenden. In bestimmten Fällen lassen dunklere Farben Ihre anderen Farben besser hervortreten und in einer einheitlicheren Weise präsentieren. In diesem Dashboard haben wir farbliche Hinweise; sobald ein bestimmter Schwellenwert erreicht ist, färbt sich das gesamte Panel grün. Diese Design-Technik ist zum Beispiel für das Monitoring von Trends interessant. Sobald eine Tafel die eingestellte Schwelle überschreitet, könnte der ganze Würfel oder das ganze Quadrat aufleuchten. Denken Sie an sehr dunkle Farben und sehr helle Farben und wie diese mit den Farben Ihrer Marke kontrastieren werden.
Wiederholung
Wiederholung im Design bedeutet, das Erscheinungsbild konsistent zu halten. Die Wiederholung gilt intern für Ihre Benutzeroberfläche und sogar für einzelne Visualisierungen. Wenn Sie z. B. eine Reihe von Balken haben, die alle die gleiche Farbe haben, und Sie heben einen andersfarbig hervor, würden Sie dasselbe Verfahren in anderen Diagrammen anwenden, um zu zeigen, dass diese Hervorhebung übereinstimmt oder dass sie in irgendeiner Beziehung zueinander stehen:
Wiederholung bedeutet auch, Ihre Benutzeroberfläche mit den Erwartungen der Benutzer in Einklang zu bringen. Aus diesem Grund sind Dashboards, die populäre Websites wie Pinterest nachahmen, besonders effektiv: Die Benutzer von heute sind es gewohnt, mit Daten durch Klicken, Ziehen, Ablegen, Markieren, Kommentieren und Folgen zu interagieren. Sie werden natürlich mit der Maus über die Felder fahren, um mehr Details anzuzeigen, und sie werden die Möglichkeit zu schätzen wissen, einen Datensatz zu filtern, um spezifischere Daten anzuzeigen. Durch die Verwendung vertrauter Schaltflächen, Links, Schriftarten und Layouts entfällt ein Großteil der Lernkurve sofort.
Beispiel: Dashboard zur Belegschafts-Analyse
Dieses Dashboard zur Belegschaftsanalyse besteht vollständig aus Visualisierungen, daher ist die Verwendung von Wiederholungen hier der Schlüssel für eine guten Benutzererfahrung. Obwohl es mehrere verschiedene Arten von Diagrammen umfasst, sind Merkmale und Größen konsistent: Die Legende befindet sich immer an der gleichen Stelle, und die Beschriftungen haben das gleiche Format und den gleichen Stil. Die Visualisierungen sind ebenfalls in einem Raster angeordnet, wodurch eine einfache und übersichtliche Benutzeroberfläche entsteht, die für den Benutzer auf einen Blick leicht verständlich ist.
Ausrichtung
Eine der einfachsten Möglichkeiten ein Dashboard-Design fzu organisieren, ist die Ausrichtung an einem Raster. Die horizontale und vertikale Ausrichtung zwischen den einzelnen Elementen trägt dazu bei, Ablenkungen zu reduzieren, und ermöglicht es dem Benutzer, die Funktionen des Dashboards leicht zu erkennen:
Beispiel: Dashboard für Gebäudemanagement
Dieses Facility-Management-Dashboard zeigt mehrere Design-Prinzipien zu KPI im Zusammenhang mit Service Level Agreements, Gebäude-Compliance, Risikomanagement, Energiemanagement und Prozessmanagement.
Erstens zeigt sie mit Hilfe des Kontrasts den Status aller verfügbaren Assets auf einen Blick. Beispielsweise sind die Kühltürme zu 90 Prozent funktionsfähig und haben daher den Status "gut" (grün). Zweitens, da dieses Dashboard über eine Reihe von Visualisierungen verfügt, hilft die Ausrichtung am Raster, jedes Modul schnell zu identifizieren.
Nähe
Nähe bezieht sich auf die visuelle Suche (d. h. Ihre Augen scannen die Seite nach Informationen). In einem Dashboard stellen Sie die Werkzeuge zur Verfügung und organisieren sie auf eine Weise, die für die Benutzer sinnvoll ist - es empfiehlt sich Gleiches mit Gleichem zu gruppieren. Auf diese Weise beeinflussen wir das mentale Modell unserer Benutzer:
Anstatt das Dashboard bis in den letzten Winkel mit Informationen zu füllen, schreibt die Regel der Nähe vor, dass Sie einzelnen Elementen genug Platz einräumen. Durch die Ausrichtung des weißen Bereichs und die Organisation der Elemente in Gruppen können die Benutzer das Gesehene leichter verdauen. Wenn Sie zum Beispiel möchten, dass zwei Dinge miteinander verwandt erscheinen, sollten Sie sie nahe beieinander platzieren, aber nicht zu eng.
Beispiel: Sales-Dashboard
Dieses Sales-Dashboard verwendet relativ wenige Farben und Visualisierungen. Stattdessen verlässt es sich auf Nähe, um verschiedene Informationen in verdaubare Gruppen zu organisieren. Diese Datensätze umfassen frühere, aktuelle und künftige Verkäufe im Vergleich zu den Zielvorgaben. Um das Layout einfach zu halten, verwendet die App auch Filter, mit denen die Benutzer nach Vertriebsmitarbeiter, Produkt, Segment, Branche und Geografie aufschlüsseln können.
Schon kleine Ändernungen bringen große Effekte
Ob leichte Korrekturen oder komplette Überarbeitung, schon kleine Änderungen können einen großen Unterschied ausmachen. Sie haben weder Lust noch Zeit, Ihre eingebetteten Dashboards und Reports komplett zu überarbeiten? Kein Problem. Fast alle hier vorgestellten Best Practices und Beispiele lassen sich auch einzeln oder im Rahmen einer kleinen Überarbeitung anwenden. Mit diesen Tipps und Tricks für das Dashboard-Design können auch Sie Ihren Dashboards schnell und einfach ein klares Profil und den entscheidenden „Wow-Faktor“ verpassen. Sie könnten beispielsweise Ihre Farbpalette auffrischen oder ein paar Schriften austauschen, während der Großteil Ihrer Datenvisualisierungen von all dem unberührt bleibt. Starten Sie einfach, indem Sie Ihre Dashboards und Reports hier und da etwas modifizieren. Sie werden sehen: Ein paar kleine Änderungen genügen, um Ihre Dashboards moderner und frischer aussehen zu lassen.
Tom Cahill ist Vizepräsident EMEA | APAC bei Logi Analytics. Zuvor war Tom Vice President EMEA bei Jaspersoft (jetzt TIBCO) und bei Talend. Mit Sitz in Dublin, Irland, ist Tom ein anerkannter Vordenker in Analytics. Er hält einen gemeinsamen Abschluss von der Dublin City University und der Technischen Universität (Berlin) in International Marketing & Languages und besuchte außerdem die Freie Universität (Berlin, Deutschland). Kontakt: LinkedIn
Aktuelle Beiträge
-
Künstliche Intelligenz braucht ethische Leitplanken
-
Alternative Data: Warum lohnt sich der Blick über den Daten-Tellerrand?
-
Data Science-Projekte: Drei Hindernisse auf dem Weg zum Erfolg
-
"Es fällt vielen Branchen schwer, die Potenziale der Digitalisierung zu erkennen."
-
Die IBM KI-Leiter: Mit KI ganz nach oben
-
Von einfachen Data Catalogs zu intelligenten Systemen
BI & Big Data Events
News
Weitere News-
Neues TDWI Poster "Process Mining - Datenanalyse in Prozessen zur digitalen Prozessoptimierung"
-
Prognosen 2022: So verschafft smarte Datennutzung Unternehmen Wettbewerbsvorteile
-
Flughafen München: Weniger Lärm und Schadstoffe dank Data Analytics
-
Digitalisierung: Sieben von zehn Deutschen halten Politik für ahnungslos
-
CoPlanner erweitert seine Geschäftsführung
-
Die Kaufprioritäten der Analytics- und BI-Käufer sollten datengetrieben sein