Dnes
Základní stavební kameny vizualizace.
Základy vizuálního vnímání.
Příště
Co je to vlastně efektivita?
Grafy v akademickém prostředí.
(Ne)efektivní vizualizace.
Efektivní vizualizace I.
Vizualizační ingredience
Skilled chef doesn‘t just blindly throw
ingredients in a pot, turn the stow on high,
and hope for the best.
- Nathan Yau
Leden 4.1
Únor 5.2
Březen 8.2
Duben 15.6
Květen 9.5
Červen 22.8
souřadnicový systém
měřítko
vizuální vodítko / datový prvek
kontext
souřadnicový systém
měřítko
vizuální vodítko / datový prvek
kontext
Jméno Skleniček Typ Prům. čas mezi
skleničkami
Pohlaví
Petr 7 Pivo 12 Muž
Martina 4 Vodka 30 Žena
Lenka 3 Kořalka 48 Žena
Adam 2 Whiskey 60 Muž
Honza 23 Vodka 2 Muž
Jméno Skleniček Typ Prům. čas mezi
skleničkami
Pohlaví
Petr 7 Pivo 12 Muž
Martina 4 Vodka 30 Žena
Lenka 3 Kořalka 48 Žena
Adam 2 Whiskey 60 Muž
Honza 23 Vodka 2 Muž
Jméno Skleniček Typ Prům. čas mezi
skleničkami
Pohlaví
Petr 7 Pivo 12 Muž
Martina 4 Vodka 30 Žena
Lenka 3 Kořalka 48 Žena
Adam 2 Whiskey 60 Muž
Honza 23 Vodka 2 Muž
Rovnoběžné souřadnice
souřadnicový systém
měřítko
vizuální vodítko / datový prvek
kontext
souřadnicový systém
měřítko
vizuální vodítko / datový prvek
kontext
Vlastnosti
Vlastnosti
Vizuální proměnná může mít vlastnost:
▪ selektivní
▪ asociativní
▪ kvantitativní
▪ uspořádání
▪ rozsah
Selektivní
▪ Odlišné hodnoty snadno rozpoznáme
jako odlišné
▪ „Je A odlišné od B?“
Asociativní
▪ Shodné/blízké/podobné hodnoty jsme
schopni vnímat jako skupiny
▪ „Je A stejné jako B?“
nebo „Je A podobné B?“
Kvantitativní
▪ Ze vztahu mezi různými hodnotami
proměnné dokážeme vyvodit číslo
▪ „Jak velký je rozdíl mezi A a B?“
Uspořádání
▪ Dokážeme implicitně vnímat pořadí
zobrazených prvků
▪ „Je A větší nebo menší než B?“
Rozsah
▪ Kolik různých hodnot jsme na
proměnnou schopni namapovat
▪ Často omezený rozlišitelností
Vizuální proměnné
▪ pozice
▪ velikost (délka, obsah, objem)
▪ orientace (směr, úhel)
▪ tvar
▪ sytost/jas
▪ barva
▪ textura
▪ pohyb
Pozice
Pozice
▪ selektivní: ano
▪ asociativní: ano
▪ kvantitativní: ano
▪ uspořádání: ano
▪ rozsah:
kolem 5, aby zůstala asociativní,
kolem 20 ještě zachová rozlišitelnost
(roli hraje i vzdálenost mezi nimi)
Velikost
Velikost
▪ selektivní: ano
▪ asociativní: ano
▪ kvantitativní: délka ano, jinak spíš ne
▪ uspořádání: ano
▪ rozsah:
kolem 5, aby zůstala asociativní,
kolem 20 ještě zachová rozlišitelnost
Orientace/úhel
Orientace/úhel
▪ selektivní: ano, ale špatně
▪ asociativní: ano, ale špatně
▪ kvantitativní: orientace ne,
úhel velmi špatně
▪ uspořádání: orientace ne, úhel špatně
▪ rozsah:
4, aby zůstala bezpečně asociativní,
mezi 4—8 ještě zachová rozlišitelnost
(ale špatně, záleží jak velké jsou rozdíly
mezi hodnotami)
Tvar
Tvar
▪ selektivní: ano, ale…
▪ asociativní: silněji než selektivní,
ale stále jen slabě
▪ kvantitativní: ne
▪ uspořádání: ne
▪ rozsah:
v podstatě nekonečný, ale schopností
vnímání hodně omezený
Sytost/jas
Sytost/jas
▪ selektivní: ano
▪ asociativní: ano
▪ kvantitativní: teoreticky ano, prakticky ne
▪ uspořádání: ano
▪ rozsah:
6—7 ještě zachová asociativitu,
do 10 zachová rozlišitelnost
Barva
Barva
▪ selektivní: ano
▪ asociativní: ano
▪ kvantitativní: ne
▪ uspořádání: částečně ano, obecně ne
(roli hraje kulturní kontext)
▪ rozsah:
6—7 ještě zachová asociativitu,
do 10 zachová rozlišitelnost
Textura
Textura
▪ selektivní: slabě
▪ asociativní: slabě
▪ kvantitativní: ne
▪ uspořádání: částečně
▪ rozsah:
nekonečný ale omezený vnímáním
Pohyb
souřadnicový systém
měřítko
vizuální vodítko / datový prvek
kontext
Syntax a gramatika?
Základy vizuálního vnímání
36 000 vizuálních podnětů
90 % celkových podnětů
13 milisekund
“We thrive in information-thick world because of
our marvelous and everyday capacities to select,
edit, single out, structure, highlight, group, pair,
organize, discriminate, distinguish, cluster,
aggregate, outline, summarize, enumerate, glean
and synopsize.”
Edward Tufte
Paměť
Pozornost
Předpozornostní atributy
Zjednodušeně všechno, co narušuje vzory,
co se vymyká okolí.
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,…
Zjednodušeně všechno,
co narušuje vzory a vymyká se.
vnímání vztahů
Gestalt zákony
http://emeeks.github.io/gestaltdataviz/section1.html
krátkodobá paměť
vnímání hodnot
Proměnné dle
kvantitativní
efektivity
Weberův zákon
Stevensův zákon
vnímání barev
Přemýšlejte nad barvami
Smutek a smrt
Přemýšlejte nad barvami
vyznambarev.jdem.cz
Přemýšlejte nad barvami
DÚ
sbírejte týden data
1. vyberte si téma:
a. vyhazování odpadků
b. pití tekutin
2. navrhněte sledované atributy:
každý záznam má min. čtyři atributy,
i víc je v pohodě…
3. sbírejte data
(např. kdyby téma bylo “průchody dveřmi”;
zaznamenávat můžu čas, barvy, typ, směr
otevírání, pocit, materiál,...)
DÚ
4. sbližte se se svými daty
- hledejte v datech
- kategorizujte a organizujte
- najděte hlubší porozumění
- hledejte příběhy a vzory
DÚ
5. kreslete
navrhněte, jak to celé zobrazit
● sketche, návrhy, pokusy
● využijte, co víte z dnešní přednášky
● pokud jste zapomněli některé časy trackovat,
nezapomeňte nejistoty promítnout i do výsledku
DÚ
6. nezapomeňte sepsat legendu
vysvětlete, jak to číst a co je jak kódováno
7. vyfotit / naskenovat a hodit do
odevzdávárny
Inspirace?
Dear Data
http://www.dear-data.com/theproject
DÚ