Podpůrná prezentace k lekci informačního vzdělávání Ústřední knihovny FF MU Obrázek za tisíce slov: efektivní vizuální komunikace (nejen) pomocí grafů.

1. Proč vizualizace?

2. Aktuálně máme hodně dat.
Data jsou všude.
Data jsou o všem.

3. 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
#bigdata
#nova-ropa
1,8 ZB
2,8 ZB
40 ZB

12. ...v nich chceme najít
vzory, trendy, změny a korelace.
Chceme z nich dostat smysluplné informace.
Vizualizujeme data,
protože...

17. ...můžeme efektivněji komunikovat
komplexní informace vizuální cestou.
Vizualizujeme data,
protože...

18. 1780

21. ...máme oči a náš mozek
pracuje s vizuální informací efektivně.
Vizualizujeme data,
protože...

22. 00.000x
Množina všech bodů v rovině,
které leží ve stejné vzdálenosti,
označované jako poloměr,
od pevně daného bodu,
zvaného střed.

23. Množina všech bodů v rovině,
které leží ve stejné vzdálenosti,
označované jako poloměr,
od pevně daného bodu,
zvaného střed.
60.000x

24. ...můžeme vizuálně (tj. lépe)
podpořit svůj argument.
Vizualizujeme data,
protože...

25. 43 %

26. ...vizualizace nám umožňují
lépe argumentovat manipulovat.
Vizualizujeme data,
protože...

30. Vizualizace je nástroj
s širokým spektrem použití.

31. Přesvědčování
Argumentace
Motivace
Ilustrace
Vhled
Emoce

32. Kde je problém?

35. The purpose of visualization is insight,
not pictures.
Ben Shneiderman

37. Unlike, say, language arts, the subject of
information graphics is rarely taught in schools,
nor is it part of on-the-job training. This leaves
professionals in every industry scrambling
to express themselves graphically.
Dona M. Wong

42. Vizualizace...
...něco sdělují, ale špatně se čtou.
...vlastně nic nesdělují.
...mi neúmyslně lžou.
...mi záměrně lžou.

43. Základy
vizuálního
vnímání

44. Předpozornostní atributy
Pozornost
Paměť
Gestalt

45. Předpozornostní atributy
Pozornost
Paměť
Gestalt

46. 7 2 3 4 8 6 3 5 9 0 6 5 4 3 7 2 9 8 6 3 5 6 3
0 9 8 6 3 7 5 3 7 8 9 2 3 7 6 5 1 0 9 3 8 7 2
3 4 5 6 3 8 9 0 6 5 4 3 3 2 9 8 6 3 5 6 5 2 0
9 8 6 3 5 5 3 4 8 9 2 2 7 6 5 1 0 9 3 8 6 2 3
4 5 6 3 5 9 0 6 5 4 3 7 2 9 8 6 3 4 6 4 5 0 9
8 6 2 2 5 3 7 8 9 2 3 7 6 5 1 0 9 3 8 1 2 3 4
5 6 3 5 9 6 6 5 4 3 7 2 9 8 6 3 5 6 5 2 0 9 8
6 3 5 5 3 7 8 9 2 3 6 6 7 1 0 9 3 8 7 2 3 4 5
6 3 1 9 0 6 5 4 3 3 2 9 8 6 2 5 6 5 2 0 9 8 6

47. 7 2 3 4 8 6 3 5 9 0 6 5 4 3 7 2 9 8 6 3 5 6 3
0 9 8 6 3 7 5 3 7 8 9 2 3 7 6 5 1 0 9 3 8 7 2
3 4 5 6 3 8 9 0 6 5 4 3 3 2 9 8 6 3 5 6 5 2 0
9 8 6 3 5 5 3 4 8 9 2 2 7 6 5 1 0 9 3 8 6 2 3
4 5 6 3 5 9 0 6 5 4 3 7 2 9 8 6 3 4 6 4 5 0 9
8 6 2 2 5 3 7 8 9 2 3 7 6 5 1 0 9 3 8 1 2 3 4
5 6 3 5 9 6 6 5 4 3 7 2 9 8 6 3 5 6 5 2 0 9 8
6 3 5 5 3 7 8 9 2 3 6 6 7 1 0 9 3 8 7 2 3 4 5
6 3 1 9 0 6 5 4 3 3 2 9 8 6 2 5 6 5 2 0 9 8 6

48. A teď prakticky...

52. Zjednodušeně všechno, co narušuje vzory,
co se vymyká okolí.
Předpozornostní atributy
Orientace, tvar, délka čáry, šířka čáry,
velikost, pozice, odstín a sytost,
pohyb,…

54. Předpozornostní atributy
Pozornost
Paměť
Gestalt

55. krátkodobá paměť

57. Předpozornostní atributy
Pozornost
Paměť
Gestalt

60. https://emeeks.github.io/gestaltdataviz/section1.html

67. Vizualizace, kterou můžeme z hlediska
vizuálního vnímání považovat za efektivní,
především pracuje s předpozorností,
je si vědoma limitů krátkodobé paměti
a respektuje základní zákony gestaltu.

68. Základy
vizualizační
gramotnosti

69. Ujasněte si,
co chcete sdělit

70. The purpose of visualization is insight,
not pictures.
Ben Shneiderman

71. Nebojte se nepoužít vizualizaci.

72. Nebojte se nepoužít vizualizaci.

73. Nebojte se nepoužít vizualizaci.

74. Zamyslete se nad správnou formou.

76. Naše
sdělení
Co ukazuje grafCo říkají data

77. jakegrafy.jdem.cz

78. datavizcatalogue.com

79. Rozlišujte mezi explorací a prezentací.

80. Rozlišujte mezi explorací a prezentací.

81. Omezte nebo rozšiřte vstupní data.

82. Udělejte si pořádek na vstupu.

83. Udělejte si pořádek na vstupu.

84. helpmeviz.com
Konzultujte a testujte.

85. Nezapomínejte
na kontext

86. Nevnímejte vizualizaci jenom
jako doplněk textu.
… a pak se děje tohle a tady tohle a takhle to z dat toto a na
základě toho se toto takto přes to, z čehož vyplívá že v reakci na
toto můžeme konstatovat, ačkoliv přesto že tamto bylo tady, toto
a v podstatě i tamhle, data ovšem naprosto a zcela prokazatelně
ukazují že to bylo jinde a takto (viz graf č. 2) a protože je toto
takto a pak se děje tohle a tady tohle a takhle to z dat vyplívá
i toto a na základě toho se toto takto přes to, přesto že tamto
bylo i tamhle a vůbec i všude jinde než jak bylo zkoumáno…

87. Vizualizace by měla obstát sama o sobě

88. Netvořte překážky v kontextu

89. Netvořte překážky v kontextu

90. Nelhat,
nezatajovat,
nemanipulovat

91. Omezte nebo rozšiřte vstupní data.

94. Dejte si pozor na nastavení osy

95. Dejte si pozor na nastavení osy

98. Design a estetika
pro efektivní grafy

99. Design a estetika
pro efektivní grafy

103. Usilujte o rozumný minimalismus

105. Opatrně na chartjunk
Je nutné zbavit se všeho, co není důležité
pro efektivní příjem sdělení?

110. přesnost x zapamatovatelnost

114. viz.wtf
junkcharts.typepad.com

115. Nepoužívejte 3D pro plochá data
Pokud nepřidává další rozměr informaci,
kterou se snažíte předat…

116. Nepoužívejte 3D pro plochá data
Pokud nepřidává další rozměr informaci,
kterou se snažíte předat…

117. https://michaelbach.de/ot/sze-ShepardTables/index.html

118. Zvýrazňujte důležité informace

119. Přemýšlejte nad barvami, když nesou data

120. Smutek a smrt
Přemýšlejte nad barvami, když nesou data

121. barvyakultury.jdem.cz
Přemýšlejte nad barvami, když nesou data

122. Sémanticky
rezonantní
volba barvy

123. Sémanticky
rezonantní
volba barvy

124. Pozor na barvoslepost

125. Pozor na černobílý tisk

127. Opravdu
potřebujete barvu?

132. vyberbarev.jdem.cz

133. testbarvoslepost.jdem.cz

137. 90 % zákazníků neví o rešeršní službě
Zásadní služba knihovny trpí nedostatečnou propagací.
Zlepšení propagace by prospělo i dalším nabízeným službám.