Um effektiv zu sein, muss eine Datenvisualisierung visuell, einfach und schnell informieren. Die Darstellung von Daten in grafischer Form zielt darauf ab, eine vereinfachte Lesbarkeit zu bieten, die es Ihnen ermöglicht, besser zu verstehen und ruhiger, schneller und einfacher zu entscheiden.

Verfügbare Technologien

Datenvisualisierung ist eine Disziplin, die sich besonders für Webtechnologien und HTML5-Teilmengen eignet. Heutzutage gibt es zwei Hauptfamilien unter den am häufigsten verwendeten Technologien: grafische Darstellungen basierend auf der SVG-Technologie und solche, die die CANVAS-Technologie verwenden. Wenn beide interaktive Möglichkeiten bieten, basieren diese beiden Ansätze auf unterschiedlichen Philosophien, die im Vorfeld untersucht werden sollten.

     

Die richtige Wahl hängt stark von Ihrem Bedarf selbst, der gewünschten Abdeckung, dem Park und dem betroffenen Publikum ab. SVG-Frameworks bieten Ihnen sogenannte Vektor-Renderings, das heißt, sie werden aus grafischen Elementen aufgebaut, die zwischen identifizierten Punkten gezeichnet werden. Die Bilddatei vom Typ .svg ist eigentlich eine Datei, die Code enthält, der die Verbindungspunkte und die Art und Weise beschreibt, wie sie miteinander verbunden werden, um ein identisches Bild unabhängig von seiner Größe proportional zu zeichnen. Auf der CANVAS-Technologie basierende Frameworks manipulieren Pixel.

Der Aufbau eines effektiven und angepassten Dashboards

Der Aufbau eines guten Dashboards erfordert vor der Entwicklung gründliche Überlegungen. Für wen sind die Daten bestimmt? Was sind die Beweggründe für die Bereitstellung dieser Informationen? Welche Botschaften sollen übermittelt werden? Was ist wichtig? Die Daten selbst? Sein Volumen? Seine Entwicklung? Sein Wert heute oder sein Durchschnitt über einen bestimmten Zeitraum? Muss die Darstellung maßstabsgetreu sein? Manchmal lenkt die Verzerrung des Raums und seiner Proportionen die Aufmerksamkeit des Besuchers auf den Teil der Grafik, der hervorgehoben werden soll.

Die Bedeutung der Farbwahl

Die Bedeutung, die den angezeigten Daten zukommt, basiert auf dem Volumen, das sie darstellen, aber auch auf der Farbe, die verwendet wird, um die Botschaft zu vermitteln. Beispielsweise ist in einem Tortendiagramm, das das Verkaufsvolumen mehrerer Produkte darstellt, offensichtlich, dass der größte Anteil zweifellos der beste Performer sein wird und wahrscheinlich in einer positiven Farbe wie Grün dargestellt wird. Wir können auch metaphorische Bilder verwenden, um die Übersichtlichkeit weiter zu erhöhen, zum Beispiel die Balken einer Grafik von Kleinwagen, um im vorherigen Beispiel zu bleiben. Je größer der Absatz, desto mehr Kleinwagen gibt es.
Wenn andererseits ein Tortendiagramm die Anzahl der Abwesenheiten von Mitarbeitern eines Unternehmens darstellt, ist der wichtigste Teil auch der besorgniserregendste und motiviert tatsächlich zur Verwendung einer Farbe mit dieser Konnotation wie Rot oder Orange Beispiel.

So oder so, ein effektives Dashboard ist ein übersichtliches Dashboard. Die in den grafischen Darstellungen dargestellten Daten müssen eindeutig beschriftet sein, und jede Darstellung muss einen Titel enthalten, der es dem Benutzer ermöglicht, zu verstehen, was er betrachtet. Die Darstellung muss das vorgebrachte Element sein. Wenn zu viel Text das Warum der Grafik veranschaulicht, neigt der Benutzer dazu, den Erklärungen viel mehr Aufmerksamkeit zu schenken als der Botschaft, die die Daten und ihre Darstellung vermitteln. In ähnlicher Weise kann die Verwendung von Piktogrammen eine zusätzliche Informationsebene bieten, indem sie es den Benutzern ermöglicht, das exponierte Material schnell zu verstehen.

Das Dashboard-Ziel

Die anzuzeigenden Daten stehen also in direktem Zusammenhang mit der zu übermittelnden Botschaft, die wiederum in direktem Bezug zur Zielgruppe steht. Wir versuchen im Allgemeinen nicht, dasselbe auf die gleiche Weise zu sagen, wenn wir uns an die Geschäftsführung eines Unternehmens, seine Aktionäre oder seine Mitarbeiter wenden.

Interaktivität

Ein weiterer sehr wichtiger Vorteil von grafischen Darstellungen gegenüber Datentabellen ist sicherlich die Möglichkeit, einfach Interaktivität hinzuzufügen. In der Lage zu sein, ein Datum verschwinden zu lassen und die Berechnung des Anteils jedes der verbleibenden neu zu starten, kann einen feinen Vergleich und eine einfache Analyse ermöglichen. Darüber hinaus kann man sogar erwägen, dem Benutzer zu erlauben, die Art der grafischen Darstellungen zu spezifizieren, die er für diese oder jene Art von Daten verwenden möchte. Mit anderen Worten, dem Benutzer anzubieten, sein Dashboard leicht zu modifizieren, um es perfekt an seine Verwendung anzupassen, ist auch ein reichhaltiges Feature!

Darüber hinaus können mehrere grafische Darstellungen zusammenarbeiten und zusammenarbeiten, dh eine Zustands- und Proportionsänderung einer ersten Darstellung modifiziert eine zweite, die automatisch aktualisiert wird. Durch diese Methode werden wir die Auswirkungen eines Datenelements auf ein anderes verstehen, das nicht unbedingt mit dem ersten verknüpft ist oder zu sein scheint.

Repräsentieren einen gemasterten Datensatz. Je mehr Daten vorhanden sind, desto weniger gut werden sie verstanden.

Auch wenn ein Diagramm eine große Anzahl von Elementen anzeigen kann, ist es besser, das Ganze in mehrere Bildschirme bzw. mehrere Berichte aufzuteilen. Wenn wir zum Beispiel Autoverkäufe weltweit repräsentieren, wird die Mehrheit der Benutzer an den Top 5 oder 10 Charts interessiert sein. Wahrscheinlich viel weniger von eher lokalen und daher weniger verbreiteten Marken. Wir werden uns hier dafür entscheiden, ein erstes Tortendiagramm mit den 9 besten Ergebnissen darzustellen, dann ein 10. Stück, das alle verbleibenden Ergebnisse in Bezug auf die Gesamtmasse kombiniert.
Wenn der Benutzer jedoch an einer größeren Granularität interessiert ist, wird ihm angeboten, auf das „andere“ Slice (das 10. Slice) zu klicken, und dieser Klick hat den Effekt, dass der Benutzer den Graphen „betreten“ kann, dh das Die Darstellung wird neu gezeichnet, aber dieses Mal stellt das gesamte Tortendiagramm nur das ursprünglich im 10. Segment enthaltene Volumen dar. Dem Nutzer erscheint somit die zweite Ebene der Grafik, nämlich die Anteile von 10 bis 19 und die 20. stellt wiederum die kumulierte Menge der verbleibenden Daten dar.
Wie Sie sicher verstanden haben, basiert der Aufbau eines effektiven Dashboards auf viel gesundem Menschenverstand. Diese Art von Schnittstelle basiert auch auf den gleichen Regeln wie eine klassischere Schnittstelle.
Einige empfohlene Frameworks:
D3.js (Open Source), HighCharts (kostenpflichtig), ElyCharts (Open Source), iCharts etc.
Von Yann Cadoret
Partner @UXRepublic
[actionbox color=“default“ title=““ description=“UX-REPUBLIC ist eine auf nutzerzentriertes Design spezialisierte Agentur. Wir sind auch ein anerkanntes Ausbildungszentrum. Alle unsere Schulungen in UX-DESIGN und Front Development (HTML/CSS/JS) finden Sie auf unserer Website training.ux-republic.com“ btn_label=“Unsere Schulungen“ btn_link=“http://training.ux-republic. com ” btn_color=”primary” btn_size=”big” btn_icon=”star” btn_external=”1″]