Inhaltsverzeichnis:
Video: Wie tickt Konstanz? - Der Film zur Umfrage 2025
Wenn Sie beginnen, Visualisierungen zu erstellen, sind Sie möglicherweise besorgt über die Platzierung Ihrer Diagramme, Grafiken und anderer Schlüsseldaten. Da Sie mit der Datenvisualisierung noch nicht vertraut sind, haben Sie das Gefühl, dass Sie nicht wissen, was funktioniert und was nicht. Einige Gründe, die Sie vielleicht bedenken können, sind die folgenden:
-
Sie sind sich über die Platzierung jedes Elements im Diagramm nicht sicher.
-
Sie wissen nicht genau, wer Ihre Benutzer für die Daten sein werden.
-
Sie wissen nicht, wo Sie Ihre Menüpunkte ablegen müssen, damit sie angezeigt werden.
Zum Glück haben Kognitionswissenschaftler festgestellt, dass Menschen Text und Bilder in bestimmten Mustern lesen. Wenn Sie die Informationen in Ihrer Visualisierung organisieren, hilft Ihnen die Verwendung dieser Standardmuster, die Informationen schnell und einfach zu scannen.
Z- und F-Muster
Hier sind die zwei häufigsten visuellen Muster:
-
Z-Muster: Das Z-Muster wird häufig für Text- und visuelle Layouts verwendet. Wie zu erwarten ist, wenn die Augen einer Person dem Z-Muster folgen, folgen ihre Augen von links nach rechts über die Oberseite, nach unten, und dann über die Seite an der Unterseite. Die folgende Abbildung zeigt die Punkte des Z, die in der Reihenfolge nummeriert sind, in der die Augen des Lesers Informationen auf einer Seite verfolgen.
Wie beeinflusst dieses Muster das Layout Ihrer Inhalte in einer Visualisierung? Ihr Leser wird den Inhalt entlang des Pfades des Z scannen, daher sollten Sie den Titel zusammen mit dem Schlüsselinhalt oben auf dem Z platzieren. Positionieren Sie mehr visuelle Inhalte in der Mitte und am unteren Rand.
-
F-Muster: Kognitionswissenschaftler haben Heatmaps erstellt, um zu bestimmen, wohin das menschliche Auge geht, wenn es eine Webseite betrachtet. Wie in der folgenden Abbildung dargestellt, bestehen Wärmekarten aus Farbkonzentrationen, die anzeigen, wo die Leser die Seite gescannt haben. Die intensivsten Farben (rot und gelb) zeigen, wo die Augen der Leser am längsten verweilten; Die Leser verbrachten weniger Zeit damit, die blauen Bereiche zu betrachten. Wie Sie sehen können, ähneln die roten und gelben Bereiche einem F.
Das F-Muster auf einer Heatmap.
Wenn Sie sich zu Beginn an diese beiden Layoutmuster halten, können Sie beim Entwerfen Ihrer Daten nicht zu weit gehen.
Musterdesign
Hier sind einige Richtlinien, wie Sie Ihr Wissen über visuelle Muster nutzen können, um eine gut durchdachte Visualisierung zu erstellen:
-
Balance: Wenn Sie Objekte in Ihrer Visualisierung platzieren, achten Sie darauf, das Gleichgewicht zu halten. Wenn zu viele Artikel zusammengestellt werden, ist es für die Leute schwierig zu sehen, wie diese Artikel zusammenhängen.
-
Farbe: Die zufällige Verwendung von Farben wie z. B. Rot kann irreführend sein und dazu führen, dass der Benutzer eine Warnmeldung erhält, wenn kein Grund für einen Alarm besteht.
-
Hierarchie: Sie kennen die Verwendung der Hierarchie in Bezug auf eine Textkontur. Die oberste Ebene der Gliederung kann eine römische Zahl haben, die nächste Ebene kann einen Großbuchstaben haben, und die dritte Ebene kann eine Nummer haben. In einer Visualisierung können Sie anhand der Größe oder Position bestimmen, welche Elemente in der Hierarchie höher oder niedriger sind. Sie müssen die Nummerierung nicht wie in einer schriftlichen Gliederung verwenden.
-
Wiederholung: Wiederholung hilft den Leuten, sich mit den Gegenständen in einem Entwurf vertraut zu machen. Wenn Sie dieselben Elemente durchgehend verwenden, sehen die Leute ein einheitliches Ganzes und müssen nicht erraten, was bestimmte Elemente bedeuten, weil sie diese Elemente zuvor gesehen haben.
-
Leerraum: Die Verwendung von Leerraum wird seit Jahrzehnten propagiert. Leerraum lässt Inhalte "atmen" - dh Ihr Bild profitiert von reichlich Platz um die Objekte in der Visualisierung. Zu viel Unordnung macht es den Menschen schwer, das Bild auf einen Blick aufzunehmen.
