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

53
Geben wir dem Auge eine Chance  Visualisierung von Informationen Lars Schubert Mail: [email protected] Twitter: @graphomate Blog: blog.graphomate.com Web: www.graphomate.com

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

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 1/53

Geben wir dem Auge eine Chance – Visualisierung von Informationen

Lars Schubert

Mail: [email protected]: @graphomateBlog: blog.graphomate.comWeb: www.graphomate.com

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 2/53

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 3/53

Gerade Verkäufer wollen Aufmerksamkeit wecken"Alles, was sich überhaupt sagen lässt, lässt sich klar sagen." Wittgenstein

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 4/53

Gerade Verkäufer wollen Aufmerksamkeit wecken"Alles, was sich überhaupt sagen lässt, lässt sich klar sagen." Wittgenstein

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 5/53

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

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 6/53

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

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 7/53

6.00 Uhr morgens 14.00 Uhr nachmittags 10.00 Uhr abends

glücklicher

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

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 8/53

Unser Gehirn verarbeitet Bilder schneller und besser als Text

Umsatz und Marketingkosten

nach Niederlassungen in Mio.€

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010

West 11,3 12,4 12,9 12,0 11,0 14,0 12,4 12,4 13,4 15,4 19,3

Ost 4,8 5,8 5,5 10,9 5,9 3,8 6,2 12,9 5,3 6,3 7,3

Süd 19,9 19,9 17,2 16,4 16,9 16,4 15,3 14,9 14,0 12,3 11,0

Nord 28,4 30,3 34,3 32,0 32,9 34,4 33,9 33,1 34,9 30,4 33,9

West 1,9 2,8 2,5 2,0 2,9 2,2 2,2 3,5 3,7 5,2 6,6

Ost 3,0 10,2 4,1 4,1 3,6 12,9 4,2 3,8 3,3 4,4 3,0

Süd 4,4 5,0 4,3 5,0 5,4 4,7 4,6 5,1 5,3 4,0 5,3

Nord 11,3 11,0 11,6 4,4 10,4 11,5 12,4 8,9 13,2 13,7 12,4

Umsatz

Marketingkosten

verschlüsseln

entschlüsseln

entschlüsseln

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 9/53

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

Hermann-Gitter

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 10/53

Unser Auge ist nicht in der Lage Winkel richtig abzuschätzenWelche der beiden Linien lässt sich mit der oberen Linie gerade verbinden?

Poggendorff-Illusion

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 11/53

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

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 12/53

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

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 13/53

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

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 14/53

Beispiel aus wikipedia

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 15/53

Noch ein Beispiel aus wikipedia

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 16/53

Ein eigenes Frühwerk: gut gemeint, aber nicht gut gemacht!

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 17/53

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 18/53

Excel „Chartjunk“ (~93%) 

NützlicheExcelCharts (~7%)

Alle Berichts- und Visualisierungswerkzeuge machen es sehr leicht,schlechte Diagramme zu erzeugen – allen voran Excel!

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 19/53

Regeln für aussagekräftige Visualisierungen

Simplify Darstellung vereinfachen, „Rauschen“ vermeiden

Quelle: SUCCESS nach Rolf Hichert – hichert.com

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 20/53

Simplify Darstellung vereinfachen, „Rauschen“ vermeiden 

Quelle: Rolf Hichert – hichert.com

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 21/53

Simplify Darstellung vereinfachen, „Rauschen“ vermeiden 

3 2 3

8

BUD

19 20

6

19

107

16

1619

16

Schweden

04 05 06 07

Belgien Schweiz

20

USA

GB FoodNettoumsatz in Mio. Euro2004..2007

10

BUD

07

Quelle: Rolf Hichert – hichert.com

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 22/53

Regeln für aussagekräftige Visualisierungen

Condense Hohe Informationsdichte bieten

Simplify Darstellung vereinfachen, „Rauschen“ vermeiden

Quelle: SUCCESS nach Rolf Hichert – hichert.com

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 23/53

Condense Hohe Informationsdichte bieten

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 24/53Quelle: Ausschnitt des Londoner U-Bahn-Plans. http://www.tfl.gov.uk/assets/downloads/standard-tube-map.pdf

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 25/53

0

30

60

90

120

150

A/F/B YTD 121,4 111,6 21,3 45,1 71,6 103,5 22,7 39,9 47,7 71,3 95,4

Quarterly 37,3 25,1 21,3 23,8 26,5 31,9 22,7 17,2 25,0 23,6 24,1

A0112 A0212 A0303 A0306 A0309 A0312 A0403 A0405 B0406 B0409 B0412

MUSD

BU 9915 Revenues

Alpha Corporation

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 26/53

28 21 19

27 19

CentralEurope

Rest ofEurope

America

Asia

RoW

France

Ø08J J D

147134

47

Scandinavia

Ø08J J D

68 73 53

Canada

Ø08J J D

7748

106

China

Ø08J J D

89

132

47

New Zealand

Ø08J J D

147121 103

Germany

Ø08J J D

187154

198

UK

Ø08J J D

168

123

USA

Ø08J J D

262302

151

Japan

Ø08J J D

111 10182

Australia

Ø08J J D

175152

87

Switzerland

Ø08J J D

65

134 136

Iberia

Ø08J J D

78121

70

Mexico

Ø08J J D

34 33 32

Singapore

Ø08J J D

27 25

Oceania

Ø08J J D

5426 23

Austria

Ø08J J D

9951

158

Italy

Ø08J J D

8353

79

Brazil

Ø08J J D

997881

Indonesia

Ø08J J D

101 5154

Africa

Ø08J J D

9952

98

Belgium

Ø08J J D

48 4714

Rest

Ø08J J D

18

Rest

Ø08J J D

48 46 53

Rest

Ø08J J D

Rest

Ø08J J D

29 26 20

Ø

Ø

Ø

Ø

Ø

Ø

Ø Ø

Ø

Ø

Ø ØØ

Ø

ØØØ

Ø

Ø

Ø

ØØ

Ø

Ø

142

89

4,8%4,9%

Revenues in Mio. EUR, Return on Sales in %2008Ø, 2009 ACT and BUD

Source: F-CO of August, 12 2009

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 27/53

Regeln für aussagekräftige Visualisierungen

Check Informationen richtig darstellen

Condense Hohe Informationsdichte bieten

Simplify Darstellung vereinfachen, „Rauschen“ vermeiden

Quelle: SUCCESS nach Rolf Hichert – hichert.com

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 28/53

Check Informationen richtig darstellen: Diagrammauswahl

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 29/53

Check Informationen richtig darstellen: Diagrammauswahl

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 30/53

Check Informationen richtig darstellen: Diagrammauswahl

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 31/53

Check Informationen richtig darstellen: Diagrammauswahl

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 32/53

Check Informationen richtig darstellen: Diagrammauswahl

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

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

%-Veränderung

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 33/53

Check Informationen richtig darstellen: Diagrammauswahl

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 34/53

Check Informationen richtig darstellen: Diagrammauswahl

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 35/53

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 GroupInvestor Relations (Website)

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 36/53

1,06

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

BMW GroupInvestor Relations (Website)

Check Informationen richtig darstellen: Skalierung beachten

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 37/53

1,06 1,10

1,331,21

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

1,37

Check Informationen richtig darstellen: Skalierung beachten

BMW GroupInvestor Relations (Website)

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 38/53

1,06 1,10

1,331,21

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

1,37

Check Informationen richtig darstellen: Skalierung beachten

BMW GroupInvestor Relations (Website)

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 39/53

1,06 1,10

1,331,21

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

1,37 +74%

Check Informationen richtig darstellen: Skalierung beachten

BMW GroupInvestor Relations (Website)

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 40/53

+30%1,06 1,10

1,331,21

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

1,37

Check Informationen richtig darstellen: Skalierung beachten

BMW GroupInvestor Relations (Website)

Quelle: Rolf Hichert – hichert.com

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 41/53

Check Informationen richtig darstellen: Skalierung beachten

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 42/53

Check Informationen richtig darstellen: Skalierung beachten

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 43/53

Regeln für aussagekräftige Visualisierungen

Check Informationen richtig darstellen

Condense Hohe Informationsdichte bieten

Unify Einheitliche Notation verwenden

Simplify Darstellung vereinfachen, „Rauschen“ vermeiden

Quelle: SUCCESS nach Rolf Hichert – hichert.com

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 44/53

Unify Einheitliche Notation verwenden

   N

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 45/53

Unify Einheitliche Notation verwenden

N

U if Ei h itli h N t ti d

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 46/53

Zeit 

North

East

West

South

Struktur 

Export

Home

Q1 Q2 Q3 Q4 Q1

Umsatz, Kosten in Mio. EU

Export

Home

Absatz, Produktion in Stück

Margen, Renditen in Prozent

Personalstand in FTE

Export

Home

Preise, Stückkostenin EU

Unify Einheitliche Notation verwenden

Quelle: Rolf Hichert – hichert.com

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 47/53

Datenarten

Vorjahr (VJ)

Aktuelles Jahr (AJ)

Plan (PL)

Prognose (PR)

Elementebreite

Jahre

Quartale

Monate

Unify Einheitliche Notation verwenden

Noch einmal das Negativ-Beispiel: 23 Informationen

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 48/53

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

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

Ein alternative Visualisierung:

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 49/53

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

Dynamischer Bericht zur Visualisierung von Geschäftszahlen

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 50/53

Dynamischer Bericht zur Visualisierung von GeschäftszahlenBunt und effektvoll: viel Dekoration für wenig Substanz

Die identische Datenbasis dargestellt mit graphomate Komponenten:

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 51/53

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

Q ll

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 52/53

Quellen

hichert.com perceptualedge.com edwardtufte.com

Rolf Hichert Stephen Few Edward Tufte

Di k i d F

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

5/9/2018 Eine Chance f r das Auge - aussagekr ftige Visualisierung von Informationen - slidepdf.com

http://slidepdf.com/reader/full/eine-chance-fuer-das-auge-aussagekraeftige-visualisierung-von-informationen 53/53

Diskussion und Fragen

Mail: [email protected]: @graphomateBlog: blog.graphomate.com