Dashboard-Erstellung für UX-Designer

Der Begriff Dashboard stammt aus dem Automobil-Dashboard, hat sich im Laufe der Jahrzehnte weiterentwickelt und wird heute auch in der digitalen Welt verwendet. Dashboards sind eine dynamische Möglichkeit, Daten zu visualisieren, Statistiken zu verfolgen und wichtige Leistungsindikatoren zu demonstrieren. Ziel des Datenmanagement-Tools ist es, Entscheidungsträgern zu helfen, schnellere Entscheidungen zu treffen, Geschäftsmuster zu erkennen und zu überwachen. Daten sollten in einer verständlichen, einfach zu scannenden Weise für eine schnelle Verfolgung angezeigt werden.

„Ein Dashboard ist eine visuelle Anzeige der wichtigsten Informationen, die zur Erreichung eines oder mehrerer Ziele erforderlich sind. konsolidiert und auf einem einzigen Bildschirm angeordnet, sodass die Informationen auf einen Blick überwacht werden können.“ Stephen Few – www.dashboardinsight.com

Dashboard von Google analytics

Wenn Sie mit der Erstellung eines Dashboards beginnen, müssen Sie als ersten Schritt Ihre Benutzer kennenlernen. Welche Rolle spielt der Benutzer, der die erforderlichen Informationen aus dem Dashboard sammelt? Wird es von einem CEO, CFO oder einem Marketing Manager verwendet? Ob es von einer Person oder einer Gruppe verwendet wird? Dienen die Daten für Personen in verschiedenen Rollen oder nur für eine? Das Hauptziel ist es, es einfach zu machen. Die Daten sollen klar und minimal visualisiert werden und dem Publikum dienen. Die 5-Sekunden-Regel erfordert, dass wir Dashboards erstellen, die in 5 Sekunden verstanden werden können. Dashboards müssen Daten klar und effizient darstellen.Studien zeigen, dass sich Menschen an 80% dessen erinnern, was sie sehen und tun, und an 20% dessen, was sie lesen.

Nützliche Interaktionen

Eine Drilldown-Aktion kann aufgerufen werden, wenn der Benutzer auf ein Diagramm klickt und die Details dieses Elements sehen kann. Wenn Sie Ihrem Diagramm, Indikatoren und Tabellen oder sogar Websites Drilldown-Interaktionen hinzufügen, können diese für einen Benutzer oder ein Team von Benutzern personalisiert werden. Das Vergrößern und Verkleinern von Diagrammen ist beim Verschieben von Zeitskalen unerlässlich, gruppieren Sie die Daten nach Wochen, Monaten oder Quartalen.

Beispiel für einen Drilldown. Fotodokumentation.devexpress.com

Eine Art der Dashboard-Klassifizierung

Dashboards können auf verschiedene Arten klassifiziert werden. Die folgende dargestellte Option basiert auf Stephen Few Information Dashboard Design Book, in dem er die Dashboards nach ihrer Rolle klassifiziert — strategisch, analytisch, operativ und nach der Art des Geschäfts, das sie unterstützen.

Strategisch

Strategische Dashboards verfolgen KPIs. Heutzutage sind Dashboards meist strategisch und geben Managern einen schnellen Überblick über den Gesundheitszustand und den täglichen Betrieb ihres Unternehmens. Diese Art von Boards konzentrieren sich auf die tatsächliche Leistung und Prognosen. Diese Executive Dashboards basieren nicht auf Echtzeitdaten, sondern auf Statistiken über wöchentliche, monatliche Zeiträume. Meistens geben strategische Dashboards den Benutzern keine Möglichkeit zur Interaktion.

Beispiel eines Executive Dashboards eines SaaS-Startups
Foto: Klipfolio

Analytische Dashboards

Analytische Dashboards zeigen Daten an, um Trends zu verfolgen. Diese Art von Dashboard erfordert eine größere Komplexität. Sie muss große Datenmengen analysieren, vergleichen und auswerten, Trends untersuchen und Ergebnisse vorhersagen. Es enthält häufig Business Intelligence wie Drilldown und unterstützt Interaktionen mit Daten.

Beispiel eines analytischen Dashboards eines SaaS-Startups
Foto: Klipfolio

Operational

Operational Dashboards zeigen Ihnen, was jetzt los ist. Die Vorgänge, die hauptsächlich das Design eines solchen Dashboards beeinflussen, ändern sich sehr schnell und dynamisch. Es erfordert oft eine sofortige Reaktion, wenn ein Problem auftritt. Es wird den ganzen Tag über verwendet und die visualisierten Daten müssen sehr einfach und schnell verständlich sein, um schnelle Entscheidungen treffen zu können.

Beispiel eines operativen Dashboards eines SaaS-Startups
Foto: Klipfolio

Arten von Diagrammen

Liniendiagramm wird oft verwendet, um einen Trend zu visualisieren. Es sollte nicht zu flach oder übertrieben sein, um die Nachricht zu zeigen. Die richtige Höhe eines Liniendiagramms ist die 2/3 des Diagrammbereichs. Es sollte einfach sein und die Inkremente sollten so verwendet werden, wie normalerweise Menschen zählen: 0,5,10,15 usw. In einem einzigen Diagramm sollten immer maximal vier Linien verwendet werden. Zu viele sind verwirrend und zeigen die präsentierten Daten nicht effektiv an.

Beispiel für Liniendiagramm. Foto: www.actiprosoftware.com

Balken

Ein Balkendiagramm ist eine Möglichkeit, einen Satz kategorialer Daten zusammenzufassen. Es wird am besten zum Vergleich verwendet. Hier gilt die gleiche Regel: keep it simple. Es gibt nur wenige Prinzipien, die befolgt werden müssen, um die Botschaft zu übermitteln. Die Breite der Balken muss doppelt so groß sein wie der Abstand zwischen ihnen. Wenn sie dieselben Daten darstellen, verwenden Sie dieselbe Farbe. Bei mehreren Balken, bei denen die Anzahl der Diagramme maximal 4 betragen sollte, sollte die Schattierung von hell nach dunkel wechseln. In diesem Fall kann eine Legende verwendet werden, da die Beschriftung verwirrend wäre.

Beispiel für Balkendiagramme. Foto: www.thedataschool.co.uk

Pies

Dies ist eine statistische Grafik, die in Slices unterteilt ist, um den Anteil zu demonstrieren. Es sollte nur für eine einfache Komposition verwendet werden. Das Lesen eines Kreisdiagramms ist wie das Lesen einer Uhr von 12 Uhr nach rechts. Deshalb ist es effizienter, das größte Segment oben zu visualisieren.

Beispiel für ein Kreisdiagramm. Foto: trutecsuspension.com

Tabellen

Tabellen sind per Definition keine Visualisierungsmethode, sondern eine Form, um die Daten roh darzustellen. Es gibt jedoch einige nützliche Tipps, um es dem Leser visuell zu erleichtern. Es sollte verwendet werden, um Daten zu vergleichen, wenn Sie genaue Werte anzeigen müssen. Dünne Regeln sollten nach jedem 3- bis 5-Eintrag verwendet werden, und eine breite Tabelle benötigt nach jeweils 3 Zeilen eine Regel, um das visuelle Verständnis zu verbessern. Das Diagramm kann in einer Tabelle gut dargestellt und hilfreich sein, um die wichtigsten Daten hervorzuheben.

Piktogramme

Ein gutes Piktogramm, das in einem Diagramm verwendet wird, muss einfach, klar und symmetrisch sein. In einem effektiven Piktogramm sollten die Daten eine Multiplikation einzelner Daten sein. Ein Piktogramm wird verwendet, um die Daten wie in einem Balkendiagramm zu visualisieren.

Beispiel für Piktogramm. Foto: datavizcatalogue.com

Karten

Kartendiagramme sollen Daten darstellen, die hauptsächlich geografisch sind. Es sollte verwendet werden, wenn die Präsentation Daten wie Land, Bundesland, Stadt enthält. Karten sollten nur verwendet werden, wenn der regionale Kontext der Daten wichtig ist.

Beispiel für ein Kartendiagramm. Foto: www.picemaps.com

Other interesting chart types

Chart selection diagram. Photo: www.extremepresentation.com

We can use more types of diagrams based on the data to be visualized: mosaic, population pyramids, spider, scatter plots, binary decision diagram, multi level pie charts, gauge, pareto, stock, gantt, waterfall charts and heat maps. Welches Diagramm sollte für die Datenvisualisierung ausgewählt werden? Dank Dr. Andrew Abela gibt es ein Diagrammauswahldiagramm, das helfen soll, dasjenige auszuwählen, das dem Ziel und den Daten am besten entspricht.

Visuelle Regeln

Beim Erstellen eines Dashboards sollten einige Regeln beachtet werden.

Fonts

Bei Dashboards müssen die Daten im Vordergrund stehen, daher sollten hervorgehobene Schriften, spezielle Tippfehler nicht verwendet werden, um die Aufmerksamkeit abzulenken. Serif- und Sanserif-Schriftarten können verwendet werden, da sie lesbar sind und die Möglichkeit für eine große Vielfalt bieten. Lass es uns einfach halten!

Farben

Es gibt 3 Hauptattribute, die berücksichtigt werden müssen: Farbton, Wert, Sättigung. Farbton ist der Begriff für die reinen Spektralfarben, die als „Farbnamen“ bezeichnet werden — Rot, Orange, Gelb, Blau, Grün, Violett —, die im Regenbogen erscheinen. Sättigung ist die Intensität der Farbe. Wert zeigt an, wie hell oder dunkel es ist. Eine gute Visualisierung kann durch dunkle oder helle Farben erfolgen. Warme Farben (Rot, Orange, Braun) wirken bei gleicher Menge größer und dichter als kühle Farben (Blau, Grün oder Grau). Um Ablenkung zu vermeiden, sollten 3 bis 5 Farbtöne in einem Diagramm verwendet werden. Zu viele Farben in der Präsentation sollten vermieden werden. Ein dunklerer Farbton kann die Aufmerksamkeit des Lesers auf sich ziehen. Farben, die für farbenblinde Menschen lesbar sind, sollten verwendet werden.

Goldene Regeln für das Dashboard-Design

Das Wichtigste ist, das Publikum kennenzulernen, wer, wo und wann es verwenden wird. Finden Sie den am besten geeigneten Diagrammtyp für die Datenvisualisierung und erstellen Sie das Dashboard logisch. Beachten Sie, dass der als echtes Dashboard verwendete Ort auf einen Bildschirm passt. Um die „Weniger ist mehr“ -Regel einzuhalten, sind die Daten das Wichtigste. Denken Sie daran, dass die einfache Interpretation unerlässlich ist.

Related Posts

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.