SlideShare a Scribd company logo
1 of 140
Download to read offline
Kde je problém?
The purpose of visualization is insight,
not pictures.
Ben Shneiderman
Co mě naučili na škole...
hledání tématu
akademické psaní
hledání a citace zdrojů
design výzkumů
získávání vlastních dat
vizuální prezentace dat?
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
Grafy v diplomkách...
(výročních zprávách, výzkumech…)
...něco sdělují, ale špatně se čtou.
...vlastně nic nesdělují.
...mi neúmyslně lžou.
...mi záměrně lžou.
Arbitrární x senzorické
Základy
vizuálního
vnímání
Předpozornostní atributy
Pozornost
Paměť
Gestalt
Předpozornostní atributy
Pozornost
Paměť
Gestalt
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
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
A teď prakticky...
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,…
Předpozornostní atributy
Pozornost
Paměť
Gestalt
krátkodobá paměť
Předpozornostní atributy
Pozornost
Paměť
Gestalt
https://emeeks.github.io/gestaltdataviz/section1.html
Graf, který můžeme z hlediska vizuálního
vnímání považovat za efektivní, především
pracuje s předpozorností, je si vědom
limitů krátkodobé paměti a respektuje
základní zákony gestaltu.
Vizualizační
gramotnost
Ujasněte si,
co chcete sdělit
The purpose of visualization is insight,
not pictures.
Ben Shneiderman
1. Nebojte se nepoužít vizualizaci.
2. Zamyslete se nad správnou formou.
jakegrafy.jdem.cz
jakegrafy2.jdem.cz
Naše
sdělení
Co ukazuje
graf
Co říkají data
3. Omezte nebo rozšiřte vstupní data.
4. Rozlišujte mezi explorací a prezentací.
4. Rozlišujte mezi explorací a prezentací.
5. Udělejte si pořádek v datech.
5. Udělejte si pořádek v datech.
helpmeviz.com
6. Konzultujte a testujte.
Nezapomínejte
na kontext
7. Nevnímejte graf 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…
8. Graf by měl obstát sám o sobě
9. Netvořte překážky v kontextu grafu
9. Netvořte překážky v kontextu grafu
Nelhat,
nezatajovat,
nemanipulovat
3. Omezte nebo rozšiřte vstupní data.
3. Omezte nebo rozšiřte vstupní data.
10. Zkontrolujte si nastavení osy
10. Zkontrolujte si nastavení osy
A pozor! Soutěž!
Design a estetika
pro efektivní grafy
Design a estetika
pro efektivní grafy
Data-Ink Ratio
Above all else show the data.
Erase non-data-ink, within reason.
Edward Tufte
data-ink ratio =
datový inkoust
veškerý inkoust
11. Usilujte o rozumný minimalismus
11. Usilujte o rozumný minimalismus
12. Omezte chartjunk
Zbavte se všeho, co není důležité
pro efektivní příjem sdělení.
přesnost x zapamatovatelnost
13. Nepoužívejte 3D
Pokud nepřidává další rozměr informaci,
kterou se snažíte předat.
13. Nepoužívejte 3D
Pokud nepřidává další rozměr informaci,
kterou se snažíte předat.
https://michaelbach.de/ot/sze-ShepardTables/index.html
14. Zvýrazňujte důležité informace
15. Přemýšlejte nad barvami.
Smutek a smrt
15. Přemýšlejte nad barvami.
barvyakultury.jdem.cz
15. Přemýšlejte nad barvami.
Sémanticky
rezonantní
volba barvy
Sémanticky
rezonantní
volba barvy
16. Pozor na barvoslepost
17. Pozor na černobílý tisk
18. Opravdu
potřebujete barvu?
vyberbarev.jdem.cz
testbarvoslepost.jdem.cz
Praktické
příklady
Naučná literatura zastává jen 3 %
ve fondu zkoumané knihovny.
Co vlastně chceme sdělit?
Varianty A a E nejsou ekonomicky perspektivní
Zatímco varianta F, kterou jsme po spuštění výroby považovali za neperspektivní, na trhu
nalézá odbyt, výrobu dlouhodobě průměrných variant A a E doporučujeme zastavit.
Není jediné správné efektivní řešení,
ale každé efektivnější řešení je lepší
než to výchozí.
1. Vizualizace není povinnost, vizualizace je výhoda.
2. Nevytvářejte bezobsažné vizualizace.
Ujasněte si, co chcete říct.
3. Vždy si ověřte, že vizualizace bude správně čtena.
4. Sdělení je jasné i bez článku, vizualizace obstojí sama o sobě.
5. Nemanipulovat. (Platí pro akademický kontext.)
6. Snažte se o minimalismus, utlumte chartjunk.
7. Pozor na barvoslepost, pozor na černobílý tisk,
vytvářejte přístupné vizualizace.
8. Při tvorbě grafů a vůbec jakékoliv grafické komunikaci
přemýšlejte nad každým krokem!
Shrnutí na cestu domů
vizualizacedat.cz

More Related Content

More from Ústřední knihovna FF MU

Digitální portfolio pro sebeprezentaci i sebepoznání
Digitální portfolio pro sebeprezentaci i sebepoznáníDigitální portfolio pro sebeprezentaci i sebepoznání
Digitální portfolio pro sebeprezentaci i sebepoznáníÚstřední knihovna FF MU
 
Jak si vybrat téma práce a najít k němu vhodné zdroje
Jak si vybrat téma práce a najít k němu vhodné zdrojeJak si vybrat téma práce a najít k němu vhodné zdroje
Jak si vybrat téma práce a najít k němu vhodné zdrojeÚstřední knihovna FF MU
 
Jak si vybrat téma práce a najít k němu vhodné zdroje
Jak si vybrat téma práce a najít k němu vhodné zdrojeJak si vybrat téma práce a najít k němu vhodné zdroje
Jak si vybrat téma práce a najít k němu vhodné zdrojeÚstřední knihovna FF MU
 
Práce s elektronickými informační zdroji pro Sdružená uměnovědná studia II.
Práce s elektronickými informační zdroji pro Sdružená uměnovědná studia II.Práce s elektronickými informační zdroji pro Sdružená uměnovědná studia II.
Práce s elektronickými informační zdroji pro Sdružená uměnovědná studia II.Ústřední knihovna FF MU
 

More from Ústřední knihovna FF MU (20)

Digitální portfolio pro sebeprezentaci i sebepoznání
Digitální portfolio pro sebeprezentaci i sebepoznáníDigitální portfolio pro sebeprezentaci i sebepoznání
Digitální portfolio pro sebeprezentaci i sebepoznání
 
Jak na citace podle ISO 690
Jak na citace podle ISO 690Jak na citace podle ISO 690
Jak na citace podle ISO 690
 
Jak na citace podle APA Style
Jak na citace podle APA StyleJak na citace podle APA Style
Jak na citace podle APA Style
 
Jak si vybrat téma práce
Jak si vybrat téma práceJak si vybrat téma práce
Jak si vybrat téma práce
 
Odborné informace onlie
Odborné informace onlie Odborné informace onlie
Odborné informace onlie
 
EIZ pro pedagogiku andragogiku
EIZ pro pedagogiku andragogikuEIZ pro pedagogiku andragogiku
EIZ pro pedagogiku andragogiku
 
Jak napsat životopis a motivační dopis
Jak napsat životopis a motivační dopisJak napsat životopis a motivační dopis
Jak napsat životopis a motivační dopis
 
Jak na obhajobu diplomové práce
Jak na obhajobu diplomové práceJak na obhajobu diplomové práce
Jak na obhajobu diplomové práce
 
Jak na citace podle APA
Jak na citace podle APAJak na citace podle APA
Jak na citace podle APA
 
Jak na citace podle ISO 690
Jak na citace podle ISO 690Jak na citace podle ISO 690
Jak na citace podle ISO 690
 
Tvorba odborného textu
Tvorba odborného textuTvorba odborného textu
Tvorba odborného textu
 
Efektivní čtení odborného textu
Efektivní čtení odborného textuEfektivní čtení odborného textu
Efektivní čtení odborného textu
 
Jak si vybrat téma práce a najít k němu vhodné zdroje
Jak si vybrat téma práce a najít k němu vhodné zdrojeJak si vybrat téma práce a najít k němu vhodné zdroje
Jak si vybrat téma práce a najít k němu vhodné zdroje
 
Zahraniční praxe a stáže
Zahraniční praxe a stážeZahraniční praxe a stáže
Zahraniční praxe a stáže
 
Jak na citace podle ISO 690
Jak na citace podle ISO 690Jak na citace podle ISO 690
Jak na citace podle ISO 690
 
Jak na citace podle APA Style
Jak na citace podle APA StyleJak na citace podle APA Style
Jak na citace podle APA Style
 
Tvorba odborného textu
Tvorba odborného textuTvorba odborného textu
Tvorba odborného textu
 
Efektivní čtení odborného textu
Efektivní čtení odborného textuEfektivní čtení odborného textu
Efektivní čtení odborného textu
 
Jak si vybrat téma práce a najít k němu vhodné zdroje
Jak si vybrat téma práce a najít k němu vhodné zdrojeJak si vybrat téma práce a najít k němu vhodné zdroje
Jak si vybrat téma práce a najít k němu vhodné zdroje
 
Práce s elektronickými informační zdroji pro Sdružená uměnovědná studia II.
Práce s elektronickými informační zdroji pro Sdružená uměnovědná studia II.Práce s elektronickými informační zdroji pro Sdružená uměnovědná studia II.
Práce s elektronickými informační zdroji pro Sdružená uměnovědná studia II.
 

Vizuální komunikace