Informationsdesign
Kernfrage
Wie übersetzt man Werte in Formen?
Jede Visualisierung übersetzt Werte in sichtbare Merkmale: Position, Länge, Fläche, Farbe. Diese Übersetzung heisst Kodierung. Nicht jede Kodierung wird gleich genau gelesen.
Lernziel: Du kannst visuelle Variablen benennen, ihre Genauigkeit einschätzen und Farbe gezielt und barrierefrei einsetzen.
Die Form bestimmt, wie genau gelesen wird.
5.1 / Visuelle Variablen
Sieben Mittel, um Unterschiede zu zeigen.
Jacques Bertin beschrieb 1967 visuelle Variablen, mit denen sich Unterschiede darstellen lassen:
01
Position
Wo etwas steht.
02
Grösse
Länge, Fläche, Volumen.
03
Form
Kreis, Quadrat, Dreieck.
04
Helligkeit
Hell oder dunkel.
05
Farbton
Rot, Blau, Grün.
06
Orientierung
Ausrichtung im Raum.
07
Textur
Muster und Körnung.
Manche Variablen eignen sich für Mengen, etwa Position und Grösse, andere vor allem für Kategorien, etwa Form und Farbton.
Mengen brauchen Grösse, Kategorien brauchen Unterschiede.
5.2 / Genauigkeit
Längen schlagen Flächen.
William Cleveland und Robert McGill untersuchten 1984, wie genau Menschen verschiedene Kodierungen lesen. Am genauesten werden Positionen auf einer gemeinsamen Skala und Längen verglichen, deutlich schlechter Winkel, Flächen und Farbsättigung.
Deshalb sind Balkendiagramme oft genauer als Kreisdiagramme oder Blasen. Für wichtige Vergleiche lohnt es sich, die genaueste Kodierung zu wählen.
Für genaue Vergleiche: Position und Länge.
5.3 / Farbe in Daten
Farbskalen folgen den Daten.
Für Daten gibt es drei Arten von Farbskalen:
SEQUENZIELL
Von wenig zu viel
Eine Farbe von hell nach dunkel, etwa für Bevölkerungsdichte.
DIVERGIEREND
Von der Mitte nach aussen
Zwei Farben mit neutraler Mitte, etwa für Abweichungen.
KATEGORIAL
Unterschiedliche Gruppen
Gut unterscheidbare Farbtöne ohne Rangfolge, etwa für Parteien.
Ein Teil der Menschen, vor allem Männer, hat eine Rot-Grün-Schwäche. Farbskalen sollten deshalb auch in der Helligkeit unterscheidbar sein, und wichtige Unterschiede sollten zusätzlich durch Beschriftung oder Form gezeigt werden (Designpsychologie, Abschnitt 4.1).
Die Farbskala folgt der Art der Daten.
Übung
Eine Kodierung testen
Aufgabe: Vergleiche, wie genau verschiedene Kodierungen gelesen werden.
SCHRITT 1
Wähle fünf Werte, zum Beispiel Einwohnerzahlen von fünf Orten.
SCHRITT 2
Stelle sie als Balken, als Kreise und als Farbintensität dar.
SCHRITT 3
Lass drei Personen die Werte schätzen.
SCHRITT 4
Vergleiche die Abweichungen und wähle die genaueste Darstellung.
Auswertung: Bestätigen eure Ergebnisse die Rangfolge von Cleveland und McGill?