Tomáš Marek: Grafy pro podporu lekcí informační gramotnosti

107
Grafy a vizualizace pro podporu lekcí IG Mgr. Tomáš Marek 15. září 2016, začínáme v 17.00

Transcript of Tomáš Marek: Grafy pro podporu lekcí informační gramotnosti

Grafy a vizualizacepro podporu lekcí IG

Mgr. Tomáš Marek

15. září 2016, začínáme v 17.00

Proč děláme grafy?

Abychom v číslech našli

vzory, trendy, změny a korelace.

Abychom jednoduše předali

komplexní informace.

Aby naše sdělení bylo

efektivněji zpracováno.

60.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.

Abychom dokázali

rozhodovat lépe.

Abychom podpořili svůj argument.

43 %

Jak děláme grafy dnes?

Něco sdělují, ale špatně se čtou.

Vlastně nic moc nesdělují.

Mě neúmyslně manipulují.

Mě záměrně manipulují.

Kde je problém?

Cílem vizualizace je vhled, ne obrázek.

Ben Shneiderman

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

Proč (se) učit grafy?

„Čtení diagramu je naučená dovednost, neobjeví se

jen tak sama od sebe. Dosud bylo čtení grafů a

vizuální myšlení bráno jako náhodné výstupy

studijních osnov. Tyto dovednosti jsou však natolik

důležité, že nemohou být dány náhodě.“

Dreyfus a Eisenberg (1990)

Jak (se) učit grafy?

Závislosti, vztahy a práce s daty, jako očekávaný výstup M-5-2-02 „žák čte a

sestavuje jednoduché tabulky a diagramy“ na prvním stupni a M-9-2-04 „žák vyjádří

funkční vztah tabulkou, rovnicí, grafem“ na stupni druhém. Na prvním stupni

„sloupcový a kruhový diagram bez použití procent“. Na druhém stupni již „žák vyčte z

grafu podstatné informace (např. nejmenší a největší hodnota, růst, pokles)“, přičemž

v příkladu se pracuje se spojnicovými grafy. RVP pro gymnázia pak udávají

schopnosti žáka následovně: „reprezentuje graficky soubory dat, čte a interpretuje

tabulky, diagramy a grafy, rozlišuje rozdíly v zobrazení obdobných souborů vzhledem

k jejich odlišným charakteristikám“.

Pasivní tvorba grafů

Co vše brát v potaz při přípravě lekce IG?

36 000 vizuálních podnětů

90 % celkových podnětů

13 milisekund

PozornostPředpozornostní atributy

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

Zjednodušeně všechno, co narušuje vzory,

co se vymyká okolí.

Zjednodušeně všechno, co narušuje vzory,

co se vymyká okolí.

Krátkodobá paměť

Gestalt zákony

Vizualizačnígramotnost

Ujasněte si,

co vlastně chcete říct

Myslete na kontext

… 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 je 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…

Nemanipulujte

Design a estetikapro efektivní grafy

Chartjunk

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

Přemýšlejte nad barvami

Smutek a smrt

vyznambarev.jdem.cz

Sémanticky rezonantní

volba barvy

testbarvoslepost.jdem.cz

Opravdu potřebujete barvu?

Prakticképříklady

Kam dál?

Děkuji za pozornost

Čas na otázky…