24 April 2024 1329 words, 6 min. read

Wie Sie die 8 Gestaltgesetze auf die Datenvisualisierung anwenden

By Pierre-Nicolas Schwab PhD in marketing, director of IntoTheMinds
In diesem Artikel erkläre ich, wie Sie die Gestaltgesetze nutzen können, um eine bessere Datenvisualisierung zu erstellen. Jedes Gesetz wird anhand eines Beispiels veranschaulicht, und ich habe auch die besten Praktiken und die zu vermeidenden Fehler für jedes Gesetz aufgelistet.

Anknüpfend an meinen Artikel über die schlechtesten Datenvisualisierungen möchte ich Ihnen heute ein wesentliches Prinzip für eine erfolgreiche Datenvisualisierung vorstellen: das Gestalt-Prinzip. Die 8 Gestaltgesetze erklären, wie das menschliche Gehirn visuelle Elemente wahrnimmt und bestimmte Interpretationsfehler machen kann. Wenn Sie die 8 Gestaltgesetze verstehen, können Sie „DataViz“ erstellen, die effektiver sind und der Realität Ihrer Daten besser entsprechen. Wenn Sie tiefer in das Thema einsteigen möchten, sehen Sie sich meinen Leitfaden zur Datenvisualisierung an.

Kontaktieren Sie das Marktforschungsinstitut IntoTheMinds

Es gibt 8 Gestaltgesetze. Anstatt viel Zeit darauf zu verwenden, sie Ihnen zu erklären, werde ich Ihnen einige konkrete Beispiele nennen.

1. Gesetz der Nähe

Nahe beieinander liegende Objekte werden als eine Gruppe wahrgenommen.

Gestaltgesetze Gesetz der Nähe

Wie im obigen Beispiel (Quelle) fällt die Darstellung von Punkten auf einer Karte oft dem Gesetz der Nähe zum Opfer. Ihr Gehirn wird unweigerlich 2 Gruppen von Punkten in der Mitte dieser Karte sehen, weil die Punkte näher beieinander liegen. Aber es gibt keine andere Verbindung zwischen ihnen als die geografische Nähe. Um diesem Effekt entgegenzuwirken, können Sie das Gesetz der Ähnlichkeit oder der Segregation anwenden.

Bewährte Methoden

  • Histogramm: gruppieren Sie Balken, die eine gemeinsame Kategorie haben.
  • Heatmaps: diese Art der Datenvisualisierung macht sich die kontinuierliche Nähe der Anzeigepunkte zunutze.

Häufige Fehler, die Sie vermeiden sollten

  • Zu viele Elemente: vermeiden Sie es, zu viele nahe beieinander liegende Punkte miteinander zu verknüpfen. Sie könnten mehr Verwirrung stiften als alles andere.
  • Inkonsistente Abstände: achten Sie auf konsistente Abstände zwischen den Gruppen, damit die Gruppierung klar bleibt

2. Gesetz der Ähnlichkeit

Das menschliche Gehirn nimmt Gegenstände, die sich ähneln (aufgrund ihrer Farbe, Form, Größe usw.) als verwandt wahr.

Gestaltgesetze Gesetz der Ähnlichkeit

Im obigen DataViz (Quelle) hat sich der Autor dafür entschieden, die Verwendung von Sprachen im indischen Kino darzustellen. Durch die Auswahl von Farbgruppen versteht das Gehirn sofort, dass bestimmte Farben gruppiert werden müssen. Der Aufstieg der dravidischen Sprachgruppe (in grün) wird sofort verstanden.

 Bewährte Methoden

  • Farbkodierte Grafiken: verwenden Sie die gleiche Farbe für Elemente, um zu verdeutlichen, dass sie zur gleichen Gruppe gehören (siehe Beispiel oben).
  • Liniendiagramme: verwenden Sie ähnliche Stile oder Markierungen, um Punkte miteinander zu verbinden.

Häufige Fehler, die Sie vermeiden sollten

  • Wahllose Verwendung von Farben: wenn Sie schon einmal Tortendiagramme in allen Farben gesehen haben, wissen Sie, wovon ich spreche.
  • Zu viele Formen: wenn es zu viele verschiedene Formen gibt, kommt es zu einer kognitiven Ãœberlastung, und das Diagramm wird unleserlich. Verwenden Sie höchstens 3 oder 4 verschiedene Markierungen.

3. Gesetz der Trennung

Objekte, die sich in einem geschlossenen Raum befinden, werden als eine Gruppe wahrgenommen.

Gestaltgesetze Gesetz der Konnektivität

In dem obigen Beispiel (Quelle) hat der Autor einen Kurs mit unterschiedlich großen Kreisen dargestellt. Einige Kreise umschließen andere, was den Leser zu der Annahme verleitet, sie gehörten zur selben Gruppe. Besonders auffällig ist dies bei der ganz linken „Gruppe“ in Rot („Gemüsebrühe“, „Hühnerbrühe“, „Rinderbrühe“).

Bewährte Methoden

  • Grafiken, die Punkte enthalten: verwenden Sie grafische Elemente (Kreise, Quadrate, Freiformen), um Punkte zusammenzubringen, die als zusammengehörig angesehen werden sollen.

Häufige Fehler, die Sie vermeiden sollten

  • Begrenzungen: definieren Sie die Ränder der verschiedenen Datensätze klar und vermeiden Sie Ãœberschneidungen (siehe Beispiel oben).
  • Fehler bei der Gruppierung: achten Sie darauf, dass Sie keine Daten gruppieren, die nicht gruppiert werden sollten. Dies würde ihre Interpretation verzerren.

 4. Gesetz der Konnektivität

Durch Linien vernetzte Elemente werden als miteinander verknüpft wahrgenommen.

Gestaltgesetze Gesetz der Konnektivität

In der obigen Visualisierung (Quelle) versucht Ihr Gehirn, eine Linie zwischen den Punkten zu bilden. Diese unbewusste Tendenz ist umso stärker, je näher die Punkte beieinander liegen. Der Kontrast zwischen den gelben Punkten und dem dunklen Hintergrund verstärkt diesen Effekt noch.

Bewährte Methoden

  • Flussdiagramme: sie können Pfeile verwenden, die Knotenpunkte miteinander verbinden, um einen Fluss in der Visualisierung eines Prozesses zu suggerieren.
  • Liniendiagramme: verknüpfen Sie Punkte, um eine Entwicklung darzustellen (aber achten Sie darauf, dass Sie keine Daten verknüpfen, die nicht auf einer kontinuierlichen Skala angeordnet sind).

Häufige Fehler, die Sie vermeiden sollten

  • Zu viele Linien: seien Sie sparsam. Setzen Sie nicht 10 Linien in ein und dasselbe Diagramm. Wenn Sie keine andere Wahl haben, gibt es Lösungen (Hervorhebung), aber das wird Thema eines anderen Blogbeitrags sein 😊.
  • Keine visuelle Hierarchie: punkte sollten sichtbar bleiben, wenn sie durch eine Linie miteinander verbunden sind.

5. Gesetz des gemeinsamen Schicksals („Common fate“)

Elemente, die sich in dieselbe Richtung bewegen, werden als Teil einer bestimmten Gruppe wahrgenommen.

Gestaltgesetze Gesetz des gemeinsamen Schicksals

Im obigen Diagramm von Sankey (Quelle) assoziiert Ihr Gehirn unbewusst die 3 „Ströme“ in der Mitte des Diagramms als Verbindungspunkte in dieselbe Richtung („Asien“ auf der linken Seite, „andere Tüte, Einkaufstüte, Lebensmittelverpackung“ auf der rechten Seite).

 Bewährte Methoden

  • Multiserien: gruppieren Sie Linien in der gleichen Richtung nach Farbe oder Stil.

Häufige Fehler, die Sie vermeiden sollten

  • Unterschiedliche Richtungen: vermischen Sie keine Elemente im gleichen Bereich Ihres DataViz mit Elementen in entgegengesetzten Richtungen.

6. Gesetz des Abschlusses

Das Gehirn neigt dazu, Gruppen zu bilden und „Lücken“ in den Daten zu füllen.

Gestaltgesetze Gesetz des Abschlusses

Die Visualisierung oben (Quelle) zeigt einige Lücken zwischen den Zeitreihen. Unser Gehirn füllt diese automatisch auf, indem es unbewusst die Punkte miteinander verbindet. Dies geschieht auch bei gepunkteten Linien, die als vollständig wahrgenommen werden.

 Bewährte Methoden

  • Gepunktete Linien: verwenden Sie eine gepunktete Linie, um eine Kontinuität zwischen den Punkten zu suggerieren, ohne den Benutzer zu zwingen, eine vollständige Linie zu sehen. Auf diese Weise bleiben Sie den Daten treu.

Häufige Fehler, die Sie vermeiden sollten

  • Eine aufsteigende Linie nicht abschließen: manchmal kann der Beginn einer Serie den Eindruck erwecken, dass der Trend aufsteigend ist, während spätere Beobachtungen beweisen, dass dies nicht der Fall ist. Wenn Sie die „Löcher“ nicht schließen, kann das Gehirn einen Trend sehen, der nicht der Realität entspricht.

7. Figur/Grundgesetz

Das Gehirn neigt dazu, geschlossene Formen bzw. eine Einheit zu sehen, wenn sich ein Objekt vom Hintergrund abhebt.

Gestaltgesetze Figur/Grundgesetz

In dem Beispiel oben (Quelle) sieht Ihr Gehirn nicht mehr die Punkte, sondern die Formen, in denen sie gruppiert sind.

Bewährte Methoden

  • Kontrastreiche Hintergründe in Grafiken: um das Gehirn zu zwingen, eine Einheit zu sehen, können Sie einen starken Kontrast zwischen der Hintergrundfarbe und der Farbe Ihrer Daten verwenden.
  • Getrennte Bereiche in Dashboards: sie können die unterschiedliche Beschaffenheit Ihrer Daten sofort vermitteln, indem Sie auf Ihren Dashboards Zonen mit unterschiedlichen Farbtönen einrichten.

Häufige Fehler, die Sie vermeiden sollten

  • Unzureichender Kontrast: verwenden Sie einen starken Kontrast, um Daten vom Hintergrund zu trennen. Achten Sie aber darauf, es nicht zu übertreiben. Das Prinzip der „Hervorhebung“ funktioniert um so besser, wenn Sie nur eine Reihe von Punkten hervorheben.
  • Ãœberladene Hintergründe: einheitliche Hintergründe sind „dekorativen“ Hintergründen vorzuziehen. Verwenden Sie keine Bilder für Ihre Hintergründe.

8. Gesetz der Kontinuität

Das Gehirn interpretiert die Bilder so, dass abrupte Übergänge vermieden werden.

Gestaltgesetze Gesetz der Kontinuität

In dem obigen Beispiel (Quelle) hat das Gehirn Mühe, keine durchgehende Linie zu bilden. Die Reihe von Punkten bei der Verwendung von TikTok (in schwarz) schafft eine Diskontinuität. Das ist interessant, um eine „kognitive Dissonanz“ zu erzeugen und die Aufmerksamkeit des Nutzers zu wecken. Aber es kann Ihnen auch einen Streich spielen, wenn das so entstandene „Loch“ nicht groß genug ist.

Bewährte Methoden

  • Liniendiagramme: verwenden Sie sanfte Kurven, um Datenpunkte zu verbinden.
  • Chronologien: zeigen Sie aufeinanderfolgende Elemente entlang einer Linie oder Kurve an, um eine zeitliche Kontinuität zu vermitteln.

Häufige Fehler, die Sie vermeiden sollten

  • Unterbrochene Linien: achten Sie darauf, dass die Linien reibungslos miteinander verbunden sind, um das Verständnis des Betrachters nicht zu stören.
  • Falsch ausgerichtete Elemente: achten Sie darauf, dass alle miteinander verbundenen Elemente gut ausgerichtet sind, damit der Zusammenhang besser wahrgenommen wird.


Posted in Data & IT.

Post your opinion

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