Kdy byste v UI použili text, tabulku a kdy graf? Vysvětlete principy signal vs. noise a data‑ink ratio a obhajte volbu kódování dat (pozice/délka/plocha/barva). Uveďte typické chyby a jak jim předcházet.
1) Volba reprezentace
- Text: přesné, rychlé pro jednoduché sdělení (např. „Zbývá 3 dny“).
- Tabulka: nejlepší pro přesné hodnoty a skenování atributů.
- Graf: nejlepší pro trendy, porovnání, vzorce (když je důležitý tvar, ne jen číslo).
2) Signal vs. noise a data‑ink ratio
- Cíl: maximalizovat informaci a minimalizovat dekorace.
- „Inkoust“ má buď nést data, nebo podporovat čtení (osy, popisky).
3) Kódování dat (percepční spolehlivost)
- Pro přesné porovnání:
- pozice na společné ose (nejlepší),
- pozice na ne společné ose,
- délka,
- plocha/objem,
- úhel (koláč),
- barva/sytost (slabé pro přesnost).
4) Praktická pravidla
- Porovnání kategorií → sloupcový graf.
- Trend v čase → čárový graf.
- Distribuce → histogram/boxplot (podle gramotnosti uživatele).
- Vztah dvou proměnných → scatterplot.
5) Typické chyby
- Koláčový graf pro mnoho kategorií (špatná čitelnost úhlů).
- Dvojité osy → zavádějící interpretace.
- Ořezaná osa bez kontextu → zveličení rozdílů.
- Barva jako jediný rozdíl serií → nepřístupné.
6) Progressive disclosure
- Přehled (sumarizace) + detail na vyžádání (tooltip, drill-down, tabulka).
Shrnutí
Volba grafu je volba otázky, kterou má UI zodpovědět; pro přesnost preferujte pozici/délku, pro orientaci může stačit barva – vždy s rozmyslem a s ohledem na přístupnost.
Všechny otázky - Design uzivatelskych rozhrani
- 1. Vizuální design jako funkční jazyk UI
- 2. Barva: sémantika, kontrast a redundance
- 3. Layout a vizuální hierarchie: mřížky a whitespace
- 4. Gestalt principy v praxi UI
- 5. Fitts a Hick: dopad na vizuální návrh
- 6. Typografie: hierarchie, čitelnost a technika
- 7. Typografie, mikrokopie a prevence chyb
- 8. Vizualizace dat: volba kódování a grafu
- 9. Dashboard: hierarchie KPI a prezentace insightů
- 10. Ikony, metafory a signifikátory interakce
- 11. Stavy UI a zpětná vazba (feedback)
- 12. Design systém ve vizuálním designu (tokeny)
- 13. Konzistence vs lokální optimalizace (výjimky)
- 14. Etika vizuálního designu a dark patterns