Zahlen, die zählen, Zahlen, die zeigen

Integriert aus Stephen Fews Show Me the Numbers und Chip Heaths & Karla Starrs Make Numbers Count. Die Rollen der beiden Bücher ergänzen sich:

Heath & Starr kümmern sich um die Bedeutungsebene – wie ein Zahl vom menschlichen Gehirn „erfasst“ wird.
Few kümmert sich um die visuelle Ebene – wie Zahlen korrekt in Diagrammen/Tabellen dargestellt werden.

Zusammengeführt auf einer Arbeitsfläche ergibt sich eine vollständige Kette: Zielgruppe → Bedeutung → Form → Saubere Darstellung → Abschlussinterpretation.

0. Ein Gesamtrahmen (Stelle diese drei Fragen, bevor du loslegst)

Bevor du irgendetwas mit Zahlen schreibst, beantworte:

Wer liest es? Welche Entscheidung oder Handlung soll nach dem Lesen getroffen werden? (Der Leser ist kein abstraktes „Unternehmen“ oder „Team“, sondern eine konkrete Person.)
Was ist die ONE-Erkenntnis des gesamten Inhalts? (Eine Schlussfolgerung, die sich in einen Satz zusammenfassen lässt. Wenn das nicht geht, denke zuerst nach und zeichne erst dann.)
Ist diese Erkenntnis qualitativ oder quantitativ?
- Qualitativ (z. B. „Wir haben unser Ziel erreicht“), Zahlen nur als Stütze → Prosa + 1–2 verankerte Zahlen verwenden.
- Quantitativ (z. B. „Unterschiede in der Conversion zwischen Kanälen“), Zahlen sind das Thema → Tabelle oder Diagramm verwenden.

Dieser Schritt hat den größten Einfluss auf die Qualität des Ergebnisses. Die falsche Form (Diagramm statt Tabelle oder umgekehrt) lässt sich durch noch so viel spätere Mühe nicht retten.

Teil I – Zahlen greifbar machen (Kern von Heath & Starr)

Das menschliche Gehirn ist nicht dafür ausgelegt, große Zahlen zu verarbeiten. Wir verarbeiten natürlicherweise 1, 2, 3, viele. Alles in „Milliarden, Prozent, Millisekunden, Nanometern“ muss übersetzt werden.

Regel 1. Standardaktion: Schreibe Zahlen, wenn möglich, gar nicht

Zahlen wirken präzise, verdecken aber oft die Bedeutung. Der Leser sieht 23 % YoY und weiß nicht, ob das gut oder schlecht ist – er muss gedanklich Vergleiche anstellen.

❌ „Unsere Bindungsrate beträgt 87,3 %.“
✅ „In unserer Produktkategorie sind wir bei der Bindung unter den Besten.“

Bewertungskriterium: Wenn du die Zahl löschst, bleibt die Aussage erhalten? Dann lösche sie. Die legitimen Gründe, Zahlen zu behalten, sind normalerweise nur: präzise Entscheidungen, Compliance, Nachweise und Berechnungen.

Regel 2. Wenn du sie behalten musst, vereinfache radikal

Die Genauigkeit, die ein Mensch „erfassen“ kann, ist viel geringer als die Genauigkeit, die Menschen präsentieren wollen.

Ursprüngliche Zahl	Greifbare Version
89,7 %	9 von 10 / knapp neunzig Prozent
1.247.856	Etwa 1,25 Millionen / „über eine Million“
2,7×	Knapp das Dreifache / „verdreifacht“
33,4 %	1/3
49,6 %	„Die Hälfte“

Standardpräferenz:

Ganze Zahlen > Dezimalzahlen; Brüche mit Nenner ≤ 10 > Prozentangaben;
„1 von N“ besser greifbar als „X %“ bei 1–2 Stellen („1 von 4 Kindern“ > „25 % der Kinder“);
Wahrscheinlichkeit → Häufigkeit („20 % Wahrscheinlichkeit“ → „bei jedem 5. Patienten“).

Ausnahme: Finanzen, Compliance, medizinische Dosierungen usw. – hier ist die Genauigkeit selbst die Information und darf nicht vereinfacht werden.

Regel 3. Gib der Zahl einen „Anker“ (Translation by anchoring)

In der Luft schwebende Zahlen haben kein Gewicht. Verknüpfe sie mit Objekten, Zeiten, Räumen, die der Leser kennt.

Bibliothek klassischer Anker (auswendig lernen als Muskelgedächtnis):

Dimension	Anker
Zeit	1 Million Sekunden ≈ 12 Tage; 1 Milliarde Sekunden ≈ 32 Jahre
Geld	Ein Kaffee 5 $/Tag ≈ 1.825 $/Jahr ≈ 22 Jahre für ein Tesla
Entfernung	Erdumfang ≈ 40.000 km; LA → NY ≈ 4.000 km
Bevölkerung	Großes Stadion ≈ 80.000; Kleinstadt ≈ 100.000; San Francisco ≈ 800.000
Daten	Ein Foto ≈ 3 MB; ein HD-Film ≈ 4 GB; gesamter Text der Library of Congress ≈ 15 TB
Volumen/Gewicht	Ein Butterstück ≈ 113 g; ein Basketballfeld ≈ 420 m²

Kernregel:

Verwende die Welt des Lesers, nicht deine Welt. Der Anker für einen Buchhalter ist nicht der Anker für einen Programmierer.
Dieselben Daten, verschiedene Zielgruppen – verwende verschiedene Anker.
Ein Anker muss beim ersten Hinsehen verstanden werden. Wenn du ihn erklären musst, ist es kein Anker.

Regel 4. Dimensionswechsel (Dimensional shifts)

Derselbe Sachverhalt, aus verschiedenen Dimensionen erzählt, hat eine völlig andere Wirkung.

0,1 % Fehlerrate klingt „sehr niedrig“.
Bei einer Produktion von 1 Million Stück → „1.000 fehlerhafte Teile“ → „Ein ganzes, voll besetztes Konzert“, plötzlich explodiert die Wirkung.

Häufige Kombinationen für Dimensionswechsel:

pro Tag → pro Jahr → pro Lebenszeit
Prozent → absolute Anzahl
Gesamtmenge → pro Person
Kumuliert → aktuell

Anwendung: Schreibe zuerst ein paar Dimensionen auf und wähle diejenige, die am besten die gewünschte Emotion vermittelt.

Regel 5. Lass den Leser „zählen“ (Process numbers)

Große Zahlen auf einmal zu nennen, betäubt; lass den Leser selbst zählen – Erinnerung und Emotion verdoppeln sich.

„Stell dir einen Raum mit 100 Personen vor. 32 von ihnen …“

Ersetze „32 %“ durch dieses 100-Personen-Theater und der Leser stellt sich das Bild vor. Dies ist die von Heath & Starr immer wieder betonte Methode, abstrakte Größen „auszuspielen“.

Geeignet für: Vorträge, lange Texteinleitungen, Produktstory-Seiten.

Regel 6. Crescendo, nicht von Anfang an den Höhepunkt zeigen

Ordne die Zahlen nach steigender Größenordnung an – der Kontrast löst ein „Wow“ aus.

„Schlangen töten jedes Jahr 100.000 Menschen. Hunde 25.000. Haie 6. Mücken? 725.000.“

Klassische Struktur: Ein gewöhnlicher Anker → ähnliche Größenordnung → eine kontraintuitive, noch größere Größe.

Regel 7. Daten + Geschichte, müssen ein Paar sein

Nur Statistik: Das Gehirn glaubt, aber das Herz ist nicht bewegt.
Nur eine Geschichte: Das Herz ist bewegt, aber man weiß nicht, ob es ein Einzelfall oder allgemein üblich ist.
Beides zusammen: Eine konkrete Person + die Statistik „1 von 4“. Dies ist die goldene Kombination für Spendenaufrufe, politische Narrative und Marktnarrative.

Regel 8. Vermeide Statistik-Jargon

❌ „Das Medianeinkommen beträgt 75.000 $.“
✅ „Die Hälfte der Haushalte hat ein Jahreseinkommen über 75.000 $, die andere Hälfte darunter.“
❌ „p < 0,05“
✅ Für ein nicht-fachkundiges Publikum: Sage direkt „Dieser Unterschied ist höchstwahrscheinlich kein Zufall“ oder lasse es ganz weg.

Teil II – Zahlen sauber präsentieren (Kern von Few)

Minimiere den Verlust auf dem Weg von der Netzhaut zum Gehirn.

Regel 9. Wähle die richtige Form: Prosa vs. Tabelle vs. Diagramm

Form	Geeignet	Signal
Prosa	1–3 Zahlen in eine Erzählung eingebettet	„Wachstum verdoppelt (47 → 94 Bestellungen)“
Tabelle	Genaues Nachschlagen; 4+ Werte; mehrere Einheiten/Kennzahlen nebeneinander	Leser müssen konkrete Werte ablesen
Diagramm	Muster, Trends, Vergleiche, Verteilungen, Korrelationen	Leser sollen eine Form erkennen

Entscheidungsfrage: Willst du, dass der Leser eine Zahl liest oder eine Form erkennt? Lesen → Tabelle; Erkennen → Diagramm.

Regel 10. Sieben Arten quantitativer Informationen (Few's Diagramm-Auswahlbasis)

Jedes Diagramm drückt eine dieser Informationen aus. Bestimme zuerst den Informationstyp, dann wähle das Diagramm. Wähle nicht zuerst die Diagrammform aus.

Informationstyp	Was willst du sagen?	Empfohlenes Diagramm	Nicht verwenden
Zeitreihe (Time-series)	Eine Größe ändert sich über die Zeit	Liniendiagramm (kontinuierlich) / Balken (diskrete Perioden)	Kreisdiagramm, Netzdiagramm
Rangfolge (Ranking)	Wer ist größer/kleiner (sortiert)	Waagerechtes Balkendiagramm (nach Wert sortiert)	Kreisdiagramm, 3D-Balken
Teil vom Ganzen (Part-to-whole)	Wie groß ist ein Teil im Verhältnis zum Ganzen	Balkendiagramm, gestapelter Balken	Kreisdiagramm ≥5 Stücke; Ringdiagramm ineinander
Abweichung (Deviation)	Ist-Wert vs. Ziel/Benchmark	Bullet-Diagramm, Balken mit Referenzlinie	Diagramm, das nur absolute Werte zeigt
Verteilung (Distribution)	Wie sind die Werte über Intervalle verteilt	Histogramm, Dichtediagramm, Boxplot	Linie, die Häufigkeiten verbindet
Korrelation (Correlation)	Beziehung zwischen X und Y	Streudiagramm (ggf. mit Trendlinie)	Liniendiagramm mit doppelter Y-Achse
Nominaler Vergleich (Nominal comparison)	Vergleich mehrerer ungeordneter Kategorien	Balkendiagramm (groß → klein sortiert)	Kreisdiagramm, Wortwolke
(Geografisch) (Geospatial)	Geografische Verteilung	Choroplethenkarte / Punktkarte	3D-Globus

Kern-Mantra: Informationstyp → Diagrammtyp. Nicht umgekehrt.

Regel 11. Prä-attentive Attribute

Das menschliche Gehirn verarbeitet diese visuellen Merkmale innerhalb von 200 ms parallel: Position, Länge, Breite, Größe, Richtung, Form, Geschlossenheit, Farbton, Helligkeit, Bewegung.

Praktische Regeln:

Verwende EIN Attribut, um Daten zu codieren (Balkenlänge, Punktposition);
Verwende EIN Attribut, um den Fokus zu betonen (eine helle Farbe / eine Fettung).
Überlade nicht mit redundanten Attributen „zur Sicherheit“ – das verwirrt das Auge.
Verlasse dich niemals nur auf den Farbton: 8 % der Männer sind farbenblind – Fettung/Position/Form müssen die Information auch unabhängig vermitteln können.

Präzisionsreihenfolge (von hoch nach niedrig): Position > Länge > Winkel > Fläche > Helligkeit > Farbton. Daher ist Länge (Balken) fast immer besser als Winkel (Kreisdiagramm).

Regel 12. Farbdisziplin (Color discipline)

Farbe ist keine Dekoration, sondern ein Kanal mit extrem geringer Bandbreite. Farben wahllos einzusetzen bedeutet, diese Bandbreite mit Hintergrundinformationen zu verschwenden.

Standardmäßig alles in Grau, behalte die Farbe für den einen Fokuspunkt.
Hohe Sättigung = Betonung; niedrige Sättigung = Kontext.
Der Hintergrund sollte niemals reines Weiß oder reines Schwarz sein: leicht in Richtung der Markenfarbe tendieren (OKLCH Chroma 0,005–0,015).
Verwende nicht reflexartig Blau (h≈250) oder Warmorange (h≈60) – das ist die KI/SaaS-Standardfalle.

Farben nach Verwendungszweck in drei semantische Kategorien:

Verwendung	Farbregel
Sequenziell (z. B. Einkommensstufen)	Einzelner Farbton, Helligkeit von hell nach dunkel
Divergierend (z. B. Gewinn/Verlust, positive/negative Abweichung)	Zwei Farbtöne, die von der Mitte ausgehen (Blau↔Rot, Cyan↔Orange)
Kategorisch (z. B. verschiedene Regionen)	Maximal 6 Farbtöne; bei mehreren stattdessen Position/Direktbeschriftung verwenden

Selbsttest: Wenn du das Diagramm in Graustufen umwandelst, kannst du es noch lesen? Wenn nicht, überarbeite es.

Regel 13. Entferne Non-Data-Ink

Elemente, die keine Informationen tragen: Entfernen oder abschwächen.

3D, Schatten, Farbverläufe in Balken: Alle entfernen.
Gitternetzlinien: Entfernen; wenn sie bleiben, auf 5–10 % Deckkraft reduzieren.
Hintergrundfarbblöcke: Entfernen.
Diagrammrahmen: Entfernen.
Legende: Wenn möglich, direkt an Linie/Balken beschriften, keine Legende verwenden.
Achsenbeschriftung: 1.234.567 → „1,2 Mio.“.

Tufte's Data-Ink-Ratio-Prinzip: Jeder Tintentropfen sollte Informationen tragen.

Regel 14. Harte Regeln für Balkendiagramme

Die Y-Achse muss bei 0 beginnen (Balkenlänge codiert direkt die Größenordnung – ein Abschneiden ist eine Lüge).
Die Werte sortieren (es sei denn, die Kategorien sind von Natur aus geordnet: Montag bis Sonntag, Altersgruppen).
Lange Kategoriebeschriftungen → waagerechtes Balkendiagramm.
Abstand zwischen Balken ≈ 20–30 % der Balkenbreite.
Fokusbalken in Markenfarbe, der Rest in Grau.

Regel 15. Harte Regeln für Liniendiagramme

Die Y-Achse kann von 0 abweichen (es werden relative Positionen/Trends codiert).
Maximal 5 Linien; sonst wird es ein Spaghettihaufen.
Beschrifte die Linien direkt am Ende – keine Legende.
Fokuslinie hochgesättigt + fett, restliche Linien grau.
X-Achse: gleichmäßige zeitliche Abstände.

Regel 16. Harte Regeln für Kreisdiagramme

Standard: Verwende kein Kreisdiagramm.
Nur wenn: ① Stücke ≤ 4, ② „Anteil“ ist die Kerninformation, ③ die Unterschiede zwischen den Stücken sind auf einen Blick erkennbar.
Muss erfüllt sein: Beginne bei 12 Uhr, das größte Stück im Uhrzeigersinn rechts daneben; nach Größe sortieren.
Ringdiagramm (Donut) ist akzeptabel – in die Mitte die fokussierte Zahl setzen.

Regel 17. Tabellendesign

Zahlen rechtsbündig, Dezimalpunkte ausrichten.
Gleiche Spalte, gleiche Anzahl Dezimalstellen.
Gleichbreite Ziffern (CSS: font-variant-numeric: tabular-nums; font-feature-settings: "tnum").
Zeilengruppierung mit Leerraum oder heller Hintergrundfarbe, nicht beides gleichzeitig.
Schwere Gitterlinien töten die Lesbarkeit – verwende Leerraum + sehr helle Trennlinien.
Fokuszeilen/-spalten mit heller Hintergrundfarbe oder Fettung, keine rot-grünen Streifen (farbeunfreundlich + sieht aus wie Excel).
Zuerst die Übersicht, dann die Details. Maximal 7 Zeilen sichtbar; den Rest einklappen.

Regel 18. Dashboard-Design

Few's Kernaussage: Ein Dashboard zeigt „wichtige Informationen auf einen Blick“, es ist kein Datenkaufhaus.

Ein Bildschirm, nicht scrollen.
Prioritäten-Layout: Oben links = am wichtigsten (F-Muster).
Jedes Dashboard hat EINEN primären Handlungsimpuls („Was soll der Nutzer tun?“).
Verwende Bullet-Diagramm anstelle von Tachometern (Gauges) (siehe Anhang B).
Sparkline (kleine Liniendiagramme in Zeilen) machen Trends auf einen Blick sichtbar, ohne Platz zu beanspruchen.
Kein Logo-Wasserzeichen, keine dekorativen Symbole; Symbole nur zur Kategorisierung.

Teil III – Entscheidungsabläufe (direkt anwendbar)

Entscheidungsbaum A: Zahl hinzufügen oder nicht?

Gibt es eine Schlussfolgerung?
├─ Ja → Macht die Zahl die Schlussfolgerung glaubwürdiger/entscheidbarer?
│   ├─ Ja → 1–3 behalten, nach Regel 2 vereinfachen, nach Regel 3 verankern
│   └─ Nein → Löschen
└─ Nein → Zuerst die Schlussfolgerung klären, dann zurückkommen

Entscheidungsbaum B: Welche Form zur Darstellung?

Die Handlung, die der Leser ausführen soll:
├─ Konkreten Wert ablesen → Tabelle
├─ Form/Trend/Vergleich erkennen → Diagramm (nach Regel 10 auswählen)
├─ Eine Schlussfolgerung merken → Prosa + 1 verankerte Zahl
└─ Sowohl Form erkennen als auch Werte nachschlagen → Diagramm als Haupt + aufklappbare Tabelle

Entscheidungsbaum C: Welches Diagramm? (Sieben-Fragen-Methode)

Frage	Bei „Ja“ verwenden
Ändert sich etwas über die Zeit?	Liniendiagramm
Ist es ein Ranking-Vergleich zwischen Kategorien?	Waagerechtes Balkendiagramm
Ist es ein Teil vom Ganzen? (≤4 Kategorien)	Balken-/Ringdiagramm
Ist es „Ist vs. Ziel“?	Bullet-Diagramm
Ist es eine Werteverteilung?	Histogramm / Boxplot
Ist es eine X-Y-Beziehung?	Streudiagramm
Nichts davon, reiner Kategorienvergleich?	Balkendiagramm

Smell-Test (30-Sekunden-Selbsttest vor der Auslieferung)

Wenn einer der folgenden Punkte zutrifft, überarbeiten:

Das Diagramm sieht aus wie Excel-Standard (blaue Balken, grauer Hintergrund, 3D).
Ein Kreisdiagramm verwendet, aber die Anzahl der Stücke ≥ 5.
Balkendiagramm: Y-Achse beginnt nicht bei 0.
Mehr als 3 Farben ohne semantische Bedeutung.
Es gibt eine Legende, obwohl eine Direktbeschriftung möglich wäre.
Zahlenpräzision über dem Entscheidungsbedarf (z. B. 87,34 % in der Kommunikation).
Kannst du den Fokus noch erkennen, wenn das Bild auf 30 % verkleinert ist? Nein → Überarbeiten.
Kannst du es noch lesen, wenn du es in Graustufen umwandelst? Nein → Überarbeiten.

Teil IV – Anwendung nach Szenario

A. Tägliche Updates (Slack, E-Mail)

Zahlen ≤ 3; den Rest erzählen.
Schlussfolgerung zuerst, Zahlen in Klammern:
- ❌ „WoW-Änderung: +100 %“
- ✅ „Umsatz verdoppelt (47 → 94 Bestellungen)“
In Schriftarten mit fester Breite: Verwende ▁▃▅▇█ als Sparkline.
Wenn die Anzahl der Zahlen ≥ 4 → Screenshot einer kleinen Tabelle, nicht in den Text einfügen.

B. Berichte / Präsentationen (Decks)

Jede Seite EINE Headline-Zahl, prominent zentriert.
Die Headline muss einen Anker oder eine Vergleichsbasis haben:

„Umsatz Q1: 4,2 Mio. $ (vs. 3,1 Mio. $ in Q4; Branchendurchschnitt +5 %, wir +35 %)“
Ist vs. Ziel → Bullet-Diagramm, kein Tachometer.
Tabelle: Sichtbar ≤ 7 Zeilen; Rest im Anhang.
Absolut nicht: 3D, Farbverläufe, Logo-Wasserzeichen über dem Bild, Schattenwurf.

C. Website / Landing Page

Hero-Zahl: EINE große Zahl + eine Zeile Anker („≈ 12× zum Mond und zurück“).
Zahlen-Animation beim Scrollen: Nur beim ersten Eintritt in den Viewport; prefers-reduced-motion beachten.
KPI-Vertrauensleiste (3–4 Zahlen): Schriftgewicht + Schriftgrößenunterschiede verwenden, jede Zahl nicht in eine Box stecken (Box-in-Box ist in CLAUDE.md ausdrücklich verboten).
SVG-Diagramme + Systemschriftart + OKLCH-Markenfarben; auf Mobilgeräten mit Viewport-Einheiten responsiv gestalten.
Diagramme nicht als PNG in die Webseite einbetten – unscharf.

D. Dashboard / Produkt-UI

Ein Bildschirm bevorzugt; detaillierte Daten auf einer zweiten Ebene.
Bullet-Diagramm > Tachometer.
Direktbeschriftung > Legende.
Bedingte Tabellenfärbung: Helle Markenfarbtöne verwenden, keine rot-grünen Zebrastreifen.
Tooltip für Präzision, Hauptansicht für ungefähre Werte.
Echtzeitänderungen nicht blinken lassen; 200 ms Einblenden + aria-live-Benachrichtigung verwenden.

E. Öffentliche Reden

Crescendo mit 3 Zahlen, nach Größe ansteigend.
Jede Zahl auf einer eigenen Folie, mit Anker.
Nach dem Nennen des Ankers 2 Sekunden innehalten, damit er wirken kann.
Geschichte + Statistik kombinieren.
Lies keine 5 Dezimalstellen vom Pult ab.

F. Wissenschaftliches / Berichtswesen

Dies ist eine der wenigen Gelegenheiten, in denen nicht vereinfacht werden darf (Präzision ist die Information).
Für die Zusammenfassung / Executive Summary trotzdem nach Heath & Starr vereinfachen.
Tabelle: APA-Stil, Zahlen rechtsbündig, Einheiten in der Kopfzeile.
Jedes Diagramm mit einer Texterklärung versehen („Dieses Diagramm zeigt X“), den Leser nicht selbst interpretieren lassen.

Teil V – Selbstkontrolle mit Zehn-Punkte-Liste

Vor jeder Auslieferung durchgehen:

☐ Verliert die Aussage ihre Bedeutung, wenn ich diese Zahl streiche? Wenn nicht, streichen.
☐ Ist die Zahl auf eine „greifbare“ Genauigkeit vereinfacht (ganze Zahl / Hälfte / Drittel / „1 von N“)?
☐ Habe ich einen Anker gegeben, der diesem Leser vertraut ist?
☐ Habe ich nach „Informationstyp → Diagrammtyp“ ausgewählt, nicht nach „sieht gut aus“?
☐ Entspricht die primäre visuelle Codierung (Position/Länge/Farbe) dem Informationstyp?
☐ Gibt es im gesamten Diagramm NUR EINEN Fokuspunkt (Farbe / Größe / Position)?
☐ Sind alle Non-Data-Ink-Elemente entfernt (kein 3D, Gitterlinien schwach, Achsen minimal)?
☐ Balkendiagramm: Y-Achse beginnt bei 0; Liniendiagramm: Fokus direkt beschriftet?
☐ Kann ich den Fokus noch erkennen, wenn ich das Bild auf 30 % verkleinere und in Graustufen umwandle?
☐ Hebt der Begleittext / Titel die Erkenntnis hervor und wiederholt nicht nur, was im Diagramm steht?

Anhang A – Schnellbibliothek der Anker

Dimension	Anker
Zeit	1 Mio. Sekunden ≈ 12 Tage; 1 Mrd. Sekunden ≈ 32 Jahre
Geld	5 $/Tag ≈ 1.825 $/Jahr ≈ 18.000 $/10 Jahre
Entfernung	Erdumfang ≈ 40.000 km; Marathon ≈ 42 km
Bevölkerung	Stadion ≈ 80.000; San Francisco ≈ 800.000; Singapur ≈ 6 Mio.
Daten	Foto ≈ 3 MB; HD-Film ≈ 4 GB; GPT-4-Trainingsdaten ≈ TB-Bereich
Geschwindigkeit	Lesegeschwindigkeit ≈ 250 Wörter/Min.; normales Gehen ≈ 5 km/h
Wahrscheinlichkeit	1 zu 1 Mio. ≈ Wahrscheinlichkeit, innerhalb eines Jahres vom Blitz getroffen zu werden
Volumen/Gewicht	Ein Butterstück ≈ 113 g; ein Ei ≈ 50 g; ein Basketballfeld ≈ 420 m²

Anhang B – Bullet-Diagramm-Spezifikation (Erfindung von Few)

Ersetzt das Tachometer-Gauge und drückt mit weniger Pixeln mehr Informationen aus.

schlecht     zufriedenstellend   gut
█▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░
       ━━━━━━━━━━━━━━━━━              ← Ist-Wert (dunkler schmaler Balken)
                          │            ← Ziel (kurze vertikale Linie)
0          50            100

Bestandteile:

Hintergrund mit drei Graustufen-Bändern: Schlecht/Zufriedenstellend/Gut (von dunkel nach hell oder umgekehrt, monochromatische Helligkeitsabstufung).
Vorderer schmaler Balken: Aktueller Ist-Wert.
Zielmarkierung: Eine kurze vertikale Linie.
Quantifizierte Achse: Eine Zeile Skala.

Die Datendichte ist etwa 10× höher als bei einem Tachometer.

Anhang C – 30-Regeln-Schnellübersicht (Druckversion auf einer Seite)

Bedeutungsebene (Heath & Starr)

Standardmäßig löschen, wenn möglich.
Ganze Zahlen > Dezimalzahlen; Brüche > Prozent (bei kleinem Nenner).
Dem Leser vertraute Anker geben.
Dieselbe Tatsache in der Dimension erzählen, die die stärkste Emotion auslöst.
Den Leser selbst „zählen“ lassen.
Crescendo anordnen, nicht den Höhepunkt zuerst zeigen.
Geschichte mit Statistik verbinden; Statistik mit einem Menschen.
Statistik-Jargon vermeiden.

Visuelle Ebene (Few)

Prosa / Tabelle / Diagramm – nach „Was soll der Leser tun?“ auswählen.
Informationstyp → Diagrammtyp.
Ein Attribut codiert Daten; ein Attribut macht den Fokus.
Standardmäßig alles in Grau, Farbe für den Fokus behalten.
Non-Data-Ink entfernen.
Balkendiagramm: Y-Achse bei 0 beginnen; nach Wert sortieren.
Liniendiagramm: Direkt am Ende beschriften, keine Legende.
Standardmäßig kein Kreisdiagramm.
Tabelle: Rechtsbündig + gleichbreite Ziffern + Leerraum-Zeilengruppierung.
Dashboard ein Bildschirm; Bullet-Diagramm ersetzt Tachometer.

Allgemeine Disziplin

Niemals nur auf den Farbton verlassen (Farbenblindheit).
Graustufen + 30 % Skalierung testen.
Kein 3D / Schatten / Farbverlauf in Balken.
Direktbeschriftung > Legende.
Zahlenpräzision dem Entscheidungsbedarf anpassen.
Ein Bild, eine Information (keine doppelte Y-Achse).
Hintergrund nicht reinweiß/reinschwarz (OKLCH minimal mit Markenfarbe einfärben).
Titel/Begleittext hebt die Erkenntnis hervor, beschreibt nicht das Diagramm.
Dashboard hat einen primären Handlungsimpuls.
Keine Box-in-Box, 3D-Globus, Wortwolke, Netzdiagramm (es sei denn, es gibt wirklich 5+ Dimensionen für ein Profil).
prefers-reduced-motion immer beachten.
Vor der Auslieferung die Zehn-Punkte-Liste in Teil V durchgehen.

In Ihrer bevorzugten KI fragen

Dokumentation