Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Vizuální komunikace

58 views

Published on

Slajdy k přednášce. Informační vzdělávání v Ústřední knihovně FF MU: http://knihovna.phil.muni.cz/nase-sluzby/kurzy-a-prednasky

Published in: Education
  • Be the first to comment

  • Be the first to like this

Vizuální komunikace

  1. 1. Kde je problém?
  2. 2. The purpose of visualization is insight, not pictures. Ben Shneiderman
  3. 3. 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?
  4. 4. 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
  5. 5. 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.
  6. 6. Arbitrární x senzorické
  7. 7. Základy vizuálního vnímání
  8. 8. Předpozornostní atributy Pozornost Paměť Gestalt
  9. 9. Předpozornostní atributy Pozornost Paměť Gestalt
  10. 10. 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
  11. 11. 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
  12. 12. A teď prakticky...
  13. 13. 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,…
  14. 14. Předpozornostní atributy Pozornost Paměť Gestalt
  15. 15. krátkodobá paměť
  16. 16. Předpozornostní atributy Pozornost Paměť Gestalt
  17. 17. https://emeeks.github.io/gestaltdataviz/section1.html
  18. 18. 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.
  19. 19. Vizualizační gramotnost
  20. 20. Ujasněte si, co chcete sdělit
  21. 21. The purpose of visualization is insight, not pictures. Ben Shneiderman
  22. 22. 1. Nebojte se nepoužít vizualizaci.
  23. 23. 2. Zamyslete se nad správnou formou.
  24. 24. jakegrafy.jdem.cz
  25. 25. jakegrafy2.jdem.cz
  26. 26. Naše sdělení Co ukazuje graf Co říkají data
  27. 27. 3. Omezte nebo rozšiřte vstupní data.
  28. 28. 4. Rozlišujte mezi explorací a prezentací.
  29. 29. 4. Rozlišujte mezi explorací a prezentací.
  30. 30. 5. Udělejte si pořádek v datech.
  31. 31. 5. Udělejte si pořádek v datech.
  32. 32. helpmeviz.com 6. Konzultujte a testujte.
  33. 33. Nezapomínejte na kontext
  34. 34. 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…
  35. 35. 8. Graf by měl obstát sám o sobě
  36. 36. 9. Netvořte překážky v kontextu grafu
  37. 37. 9. Netvořte překážky v kontextu grafu
  38. 38. Nelhat, nezatajovat, nemanipulovat
  39. 39. 3. Omezte nebo rozšiřte vstupní data.
  40. 40. 3. Omezte nebo rozšiřte vstupní data.
  41. 41. 10. Zkontrolujte si nastavení osy
  42. 42. 10. Zkontrolujte si nastavení osy
  43. 43. A pozor! Soutěž!
  44. 44. Design a estetika pro efektivní grafy
  45. 45. Design a estetika pro efektivní grafy
  46. 46. 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
  47. 47. 11. Usilujte o rozumný minimalismus
  48. 48. 11. Usilujte o rozumný minimalismus
  49. 49. 12. Omezte chartjunk Zbavte se všeho, co není důležité pro efektivní příjem sdělení.
  50. 50. přesnost x zapamatovatelnost
  51. 51. 13. Nepoužívejte 3D Pokud nepřidává další rozměr informaci, kterou se snažíte předat.
  52. 52. 13. Nepoužívejte 3D Pokud nepřidává další rozměr informaci, kterou se snažíte předat.
  53. 53. https://michaelbach.de/ot/sze-ShepardTables/index.html
  54. 54. 14. Zvýrazňujte důležité informace
  55. 55. 15. Přemýšlejte nad barvami.
  56. 56. Smutek a smrt 15. Přemýšlejte nad barvami.
  57. 57. barvyakultury.jdem.cz 15. Přemýšlejte nad barvami.
  58. 58. Sémanticky rezonantní volba barvy
  59. 59. Sémanticky rezonantní volba barvy
  60. 60. 16. Pozor na barvoslepost
  61. 61. 17. Pozor na černobílý tisk
  62. 62. 18. Opravdu potřebujete barvu?
  63. 63. vyberbarev.jdem.cz
  64. 64. testbarvoslepost.jdem.cz
  65. 65. Praktické příklady
  66. 66. Naučná literatura zastává jen 3 % ve fondu zkoumané knihovny.
  67. 67. Co vlastně chceme sdělit?
  68. 68. 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.
  69. 69. Není jediné správné efektivní řešení, ale každé efektivnější řešení je lepší než to výchozí.
  70. 70. 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ů
  71. 71. vizualizacedat.cz

×