NARZĘDZIA WIZUALIZACJI

NARZĘDZIA WIZUALIZACJI
Kurs interaktywnej komunikacji wizualnej
ANDRZEJ ŁACHWA
[email protected]
5/8
Kraków, marzec 2014
Czas na decyzję użytkownika,
czy chce poznać naszą infografika
i zdobyć dzięki niej jakąś wiedzę,
jest bardzo krótki (to tylko kilka
sekund).
STUDIUM PRZYPADKU
www.smallmeans.com/new-york-times-infographics/
http://www.nytimes.com/interactive/2009/09/12/business/financial-markets-graphic.html
http://www.nytimes.com//interactive/2009/07/31/business/20080801-metrics-graphic.html
http://www.nytimes.com/interactive/2009/11/05/sports/baseball/20091105-rivera.html
Dobra infografika to nie tylko
narzędzie do zdobycia wiedzy,
to także zapadające w pamięć
metafory, animacje i efekty
estetyczne.
STUDIUM PRZYPADKU
www.guardian.co.uk/news/datablog/gallery/2012/sep/27/information-beautiful-awards
Infografika nadaje danym i
informacjom „graficzny sens”.
STUDIUM PRZYPADKU
https://www.fontfont.com/how-to-use-ff-chartwell#chartwell-web
http://awesome.good.is.s3.amazonaws.com/transparency/web/1101/good-energy/interactive.html
Infografika to informacje, które
są ułożone według określonego
scenariusza, opowiada historie
przy pomocy danych.
STUDIUM PRZYPADKU
http://pinterest.com/1stwebdesigner/web-design-infographics-in-2012/
Infografika nie prezentuje danych,
tylko jakieś tezy, prawidłowości,
relacje przyczynowo-skutkowe,
odkrywa struktury danych.
STUDIUM PRZYPADKU
http://www.nerdgraph.com/
Zadaniem infografiki jest zastąpienie
długiego i skomplikowanego opisu
słownego oraz tabel liczbowych
przekazem graficznym, który ułatwia
percepcję tych samych treści i wnosi
dodatkową wartość poznawczą.
STUDIUM PRZYPADKU
zobacz www.flightradar24.com
Dobra infografika mówi coś, czego
trudno byłoby się dowiedzieć w inny
sposób. Szczególnie widać to na
przykładzie dużej liczby danych
statystycznych.
Yworks Graphity
http://www.yworks.com/en/products_yfiles_practicalinfo_demos.html#java
http://live.yworks.com/yfiles-ajax/html/Graph_Viewer.html
http://www.yworks.com/products/yfileshtml/1.0.1/demos/Complete/demo.yfiles.algorithms.shortestpath/index.html
Infografika to obraz, który
łatwo sprzeda trudny temat.
Przykłady negatywne
(w odniesieniu do naszych projektów)
http://www.infographicsposters.com/business/major-bankruptcies-firms-in-the-business-history.html
http://www.nytimes.com/interactive/2009/08/31/sports/tennis/20090831-roger-graphic.html?_r=0
http://www.nytimes.com/interactive/2007/09/24/science/space/20070924_SPUTNIK_GRAPHIC.html#tab1
Infografika nadaje danym i
informacjom „graficzny sens”.