Geben wir dem Auge eine Chance Visualisierung von Informationen

Lars Schubert

Mail: Twitter: Blog: Web:

lars.schubert@graphomate.com @graphomate blog.graphomate.com www.graphomate.com

Gerade Verkufer wollen Aufmerksamkeit wecken "Alles, was sich berhaupt sagen lsst, lsst sich klar sagen."

Wittgenstein

Gerade Verkufer wollen Aufmerksamkeit wecken "Alles, was sich berhaupt sagen lsst, lsst sich klar sagen."

Wittgenstein

Warum wir visualisieren: Ein Bild sagt mehr als tausend Worte!

http://www.mpg.de/1346931/W006_Culture-Society_096-102.pdf

6.00 Uhr morgens

14.00 Uhr nachmittags

10.00 Uhr abends

glcklicher

http://www.mpg.de/1346931/W006_Culture-Society_096-102.pdf

Unser Gehirn verarbeitet Bilder schneller und besser als Text

Umsatz und Marketingkosten nach Niederlassungen in Mio. West Ost Sd Nord West Ost Sd Nord

2000 11,3 4,8 19,9 28,4 1,9 3,0 4,4 11,3

2001 12,4 5,8 19,9 30,3 2,8 10,2 5,0 11,0

2002 12,9 5,5 17,2 34,3 2,5 4,1 4,3 11,6

2003 12,0 10,9 16,4 32,0 2,0 4,1 5,0 4,4

2004 11,0 5,9 16,9 32,9 2,9 3,6 5,4 10,4

2005 14,0 3,8 16,4 34,4 2,2 12,9 4,7 11,5

2006 12,4 6,2 15,3 33,9 2,2 4,2 4,6 12,4

2007 12,4 12,9 14,9 33,1 3,5 3,8 5,1 8,9

2008 13,4 5,3 14,0 34,9 3,7 3,3 5,3 13,2

2009 15,4 6,3 12,3 30,4 5,2 4,4 4,0 13,7

2010 19,3 7,3 11,0 33,9 6,6 3,0 5,3 12,4

Umsatz

Marketingkosten

entschlsseln verschlsseln

entschlsseln

Unser Auge/Gehirn-System ist fehleranfllig! Wir sehen graue Punkte zwischen den Quadraten, wo keine sind

Hermann-Gitter

Unser Auge ist nicht in der Lage Winkel richtig abzuschtzen Welche der beiden Linien lsst sich mit der oberen Linie gerade verbinden?

Poggendorff-Illusion

Auch 3D-Effekte verwirren unsere optische Wahrnehmung Welches Monster ist kleiner?

Wir nehmen Farben im Kontext der Umgebung war A ist dunkler als B, oder?

Wir nehmen Farben im Kontext der Umgebung war A ist dunkler als B, oder?

Beispiel aus wikipedia

Noch ein Beispiel aus wikipedia

Ein eigenes Frhwerk: gut gemeint, aber nicht gut gemacht!

Alle Berichts- und Visualisierungswerkzeuge machen es sehr leicht, schlechte Diagramme zu erzeugen allen voran Excel!
Excel Chartjunk (~93%) Ntzliche ExcelCharts (~7%)

Regeln fr aussagekrftige Visualisierungen

Simplify

Darstellung vereinfachen, Rauschen vermeiden

Quelle: SUCCESS nach Rolf Hichert hichert.com

Simplify

Darstellung vereinfachen, Rauschen vermeiden

Quelle: Rolf Hichert hichert.com

Simplify

Darstellung vereinfachen, Rauschen vermeiden

GB Food Nettoumsatz in Mio. Euro 2004..2007

Belgien
19 10 6 04 05 06 Schweden 19 20 16 07 BUD 20 16

Schweiz 19 10 7 07 BUD

16 8 USA 3 2 3

Quelle: Rolf Hichert hichert.com

Regeln fr aussagekrftige Visualisierungen

Simplify Condense

Darstellung vereinfachen, Rauschen vermeiden Hohe Informationsdichte bieten

Quelle: SUCCESS nach Rolf Hichert hichert.com

Condense Hohe Informationsdichte bieten

Quelle: Ausschnitt des Londoner U-Bahn-Plans.

http://www.tfl.gov.uk/assets/downloads/standard-tube-map.pdf

BU 9915

Revenues

MUSD
150 120 90 60 30 0
A/F/B YTD Quarterly

A0112 121,4 37,3

A0212 111,6 25,1

A0303 21,3 21,3

A0306 45,1 23,8

A0309 71,6 26,5

A0312 103,5 31,9

A0403 22,7 22,7

A0405 39,9 17,2

B0406 47,7 25,0

B0409 71,3 23,6

B0412 95,4 24,1

Alpha Corporation Revenues in Mio. EUR, Return on Sales in % 2008, 2009 ACT and BUD
Germany
198 4,9% 187 154 147

France

Austria
158 47

Switzerland
4,8%

Belgium

Central Europe

08 J J D 08 J

134

08 J

99

51 65
D 08 J

134

136 48 47 J

J D J J D 08 J

14
D

UK Rest of Europe 123

168 142

Scandinavia

Italy

Iberia

Rest

121
68 73 J

53 D

79

83

08 J J

53 D

78 08 J J

70 27 D

19 J

18 D

08 J

J 262

USA
151

D 08 J 302 Canada

08 J

Brazil

Mexico

Rest

America
77

106

08 J J D 08 J

48 J D

81

99

78 34

33 J

32 D

48

46 J

53 D

08 J

08 J

08 J

Japan

China

Indonesia

Singapore

Rest

Asia

82
08 J

111

101 89

132 47 54 J D 08 J

101 51 J D

89 27 08 J J 25 D 28

21 J

19 D

08 J

08 J

Australia
175

New Zealand
152 147

Africa

Oceania

Rest

RoW 87

121

103 98

99

52
J D

54

08 J J D 08 J J D 08 J 08 J

26 J

23 29 D

26 J

20 D

08 J

Source: F-CO of August, 12 2009

Regeln fr aussagekrftige Visualisierungen

Simplify Condense Check

Darstellung vereinfachen, Rauschen vermeiden Hohe Informationsdichte bieten Informationen richtig darstellen

Quelle: SUCCESS nach Rolf Hichert hichert.com

Check

Informationen richtig darstellen: Diagrammauswahl

Check

Informationen richtig darstellen: Diagrammauswahl

Check

Informationen richtig darstellen: Diagrammauswahl

Check

Informationen richtig darstellen: Diagrammauswahl

Check

Informationen richtig darstellen: Diagrammauswahl

J.P. Morgan verliert 48% seiner Marktkapitalisierung durch die Finanzkrise

Marktkapitalisierung in Mrd.$ 20. Jan. 2009: ; Ende Q2 2007:
%-Vernderung

Check

Informationen richtig darstellen: Diagrammauswahl

Check

Informationen richtig darstellen: Diagrammauswahl

Check

Informationen richtig darstellen: Skalierung beachten

BMW Group Investor Relations (Website)

Quelle: BMW Website am 28.10.2007: http://www.bmwgroup.com/bmwgroup_prod/e/nav/index.html?http://www.bmwgroup.com/bmwgroup_prod/e/0_0_www_bmwgroup_com/home/home.html

Check

Informationen richtig darstellen: Skalierung beachten

BMW Group Investor Relations (Website)

1,37 1,06

Quelle: BMW Website am 28.10.2007: http://www.bmwgroup.com/bmwgroup_prod/e/nav/index.html?http://www.bmwgroup.com/bmwgroup_prod/e/0_0_www_bmwgroup_com/home/home.html

Check

Informationen richtig darstellen: Skalierung beachten

BMW Group Investor Relations (Website)

1,33 1,06 1,10 1,21

1,37

Quelle: BMW Website am 28.10.2007: http://www.bmwgroup.com/bmwgroup_prod/e/nav/index.html?http://www.bmwgroup.com/bmwgroup_prod/e/0_0_www_bmwgroup_com/home/home.html

Check

Informationen richtig darstellen: Skalierung beachten

BMW Group Investor Relations (Website)

1,33 1,06 1,10 1,21

1,37

Quelle: BMW Website am 28.10.2007: http://www.bmwgroup.com/bmwgroup_prod/e/nav/index.html?http://www.bmwgroup.com/bmwgroup_prod/e/0_0_www_bmwgroup_com/home/home.html

Check

Informationen richtig darstellen: Skalierung beachten

BMW Group Investor Relations (Website)

1,33 1,06 1,10 1,21

1,37

+74%

Quelle: BMW Website am 28.10.2007: http://www.bmwgroup.com/bmwgroup_prod/e/nav/index.html?http://www.bmwgroup.com/bmwgroup_prod/e/0_0_www_bmwgroup_com/home/home.html

Check

Informationen richtig darstellen: Skalierung beachten

BMW Group Investor Relations (Website)

1,33 1,06 1,10 1,21

1,37 +30%

Quelle: Rolf Hichert hichert.com

Quelle: BMW Website am 28.10.2007: http://www.bmwgroup.com/bmwgroup_prod/e/nav/index.html?http://www.bmwgroup.com/bmwgroup_prod/e/0_0_www_bmwgroup_com/home/home.html

Check

Informationen richtig darstellen: Skalierung beachten

Check

Informationen richtig darstellen: Skalierung beachten

Regeln fr aussagekrftige Visualisierungen

Simplify Condense Check Unify

Darstellung vereinfachen, Rauschen vermeiden Hohe Informationsdichte bieten Informationen richtig darstellen Einheitliche Notation verwenden

Quelle: SUCCESS nach Rolf Hichert hichert.com

Unify

Einheitliche Notation verwenden

N

Unify

Einheitliche Notation verwenden

Unify

Einheitliche Notation verwenden

Umsatz, Kosten in Mio. EU Zeit

Export

Preise, Stckkosten in EU

Absatz, Produktion in Stck

Personalstand in FTE

Margen, Renditen in Prozent

Export

Export

Home

Home

Home

Q1

Q2

Q3

Q4

Q1

Struktur
North East West South

Quelle: Rolf Hichert hichert.com

Unify

Einheitliche Notation verwenden

Datenarten
Vorjahr (VJ)

Aktuelles Jahr (AJ)

Plan (PL) Prognose (PR)

Elementebreite
Jahre

Quartale

Monate

Noch einmal das Negativ-Beispiel: 23 Informationen, keine Standardisierung, falsche Diagramme, Rauschen, Strukturfehler

Quelle: http://centerview.corda.com/corda/dashboards/HumanCapitalManagement/main.dashxml#cordaDash=9

Ein alternative Visualisierung: ber dieses Dashboard werden 125 Informationen gezeigt!

Dynamischer Bericht zur Visualisierung von Geschftszahlen Bunt und effektvoll: viel Dekoration fr wenig Substanz

Die identische Datenbasis dargestellt mit graphomate Komponenten: einfache Darstellung, identische Diagramme, Skalierungshinweise

Quellen

Rolf Hichert

Stephen Few

Edward Tufte

hichert.com

perceptualedge.com

edwardtufte.com

Diskussion und Fragen

Mail: Twitter: Blog: Web:

lars.schubert@graphomate.com @graphomate blog.graphomate.com www.graphomate.com