Eine Chance für das Auge - aussagekräftige Visualisierung von Informationen

Click here to load reader

  • date post

    07-Jul-2015
  • Category

    Documents

  • view

    134
  • download

    0

Embed Size (px)

description

This is a presentation I held at the BarCamp in Kiel 20.08.2011. It's about how to make meaningful charts: information instead of decoration! Have fun :-)

Transcript of Eine Chance für das Auge - aussagekräftige Visualisierung von Informationen

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

Belgien19 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

MUSD150 120 90 60 30 0A/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 BUDGermany198 4,9% 187 154 147

France

Austria158 47

Switzerland4,8%

Belgium

Central Europe

08 J J D 08 J

134

08 J

99

51 65D 08 J

134

136 48 47 J

J D J J D 08 J

14D

UK Rest of Europe 123168 142

Scandinavia

Italy

Iberia

Rest

12168 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

America77

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

J

D

08 J

08 J

Japan

China

Indonesia

Singapore

Rest

Asia

8208 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

J

D

08 J

08 J

Australia175

New Zealand152 147

Africa

Oceania

Rest

RoW 87

121

103 98

99

52J 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 FinanzkriseMarktkapitalisierung 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.comQuelle: 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 verwendenN

Unify

Einheitliche Notation verwenden

N

Unify

Einheitliche Notation verwenden

Umsatz, Kosten in Mio. EU ZeitExport

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

StrukturNorth East West South

Quelle: Rolf Hichert hichert.com

Unify

Einheitliche Notation verwenden

DatenartenVorjahr (VJ)

Aktuelles Jahr (AJ)

Plan (PL) Prognose (PR)

ElementebreiteJahre

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