83
INFOGRAFIKI skuteczna wizualizacja danych

Szkolenie z wizualizacji danych

Embed Size (px)

DESCRIPTION

Szkolenie dla pracowników Lasów Państwowych, przeprowadzone przez Łukasza Musiała. Cisna, czerwiec 2013

Citation preview

Page 1: Szkolenie z wizualizacji danych

INFOGRAFIKI

skuteczna wizualizacja danych

Page 2: Szkolenie z wizualizacji danych

Dlaczego infografiki są dzisiaj tak popularne?

Page 3: Szkolenie z wizualizacji danych

Prędkość wzroku

Duński fizyk, Torr Norretranders przełożył prędkość naszych zmysłów na prędkości komputerów.

Przy okazji zauważył, że większość zmysłów działa bez udziału świadomości.

Page 4: Szkolenie z wizualizacji danych

Nieświadome przyswajanie

Badacz mózgu Larry Squire dowiódł, że nawet osoby z uszkodzeniem mózgu mogą uczyć się nowych zadań.

Jeden z jego pacjentów, nie potrafił zapamiętać dnia tygodnia, odpowiedzieć gdzie w jego domu jest łazienka, zapominał nowo poznane osoby po 10 minutach.

Mimo tego po kilku spacerach odbytych zawsze o tej samej porze dnia i tą samą drogą, nauczył się samodzielnie wychodzić na spacer.

To dzięki wskazówkom odbieranym przez wzrok - te same drzewa, płoty, domy, które bez udziału jego świadomości budowały nawyk podążania tą samą drogą.

Page 5: Szkolenie z wizualizacji danych

Zmiana modelu zdobywania wiedzy i umiejętności

Kiedyś Obecnie

Page 6: Szkolenie z wizualizacji danych

Miniaturyzacja i kompaktowość - więcej na mniejszej przestrzeni

Pierwszy komputer iPhone

Page 7: Szkolenie z wizualizacji danych

Big data

1. Volume – duża ilość danych

2. Variety – duża różnorodność danych

3. Velocity – duża szybkość pojawiania się nowych danych i konieczność ich analizy w czasie rzeczywistym

4. Value – znacząca wartość danych

Page 8: Szkolenie z wizualizacji danych

Communication clutter

komunikatówWIELOŚĆwymusza konieczność

WYRÓŻNIENIA

Page 9: Szkolenie z wizualizacji danych

Duża liczba danych do przekazania.

Złożony komunikat konieczny do przekazania masowemu odbiorcy.

Szybkie ulokowanie informacji w możliwie największej liczbie kanałów.

Kiedy infografika?

12

3

Page 10: Szkolenie z wizualizacji danych

System polityczny Stanów Zjednoczonych

11 stron A4 w Wikipedii36 421 znaków

Page 11: Szkolenie z wizualizacji danych
Page 12: Szkolenie z wizualizacji danych
Page 13: Szkolenie z wizualizacji danych
Page 14: Szkolenie z wizualizacji danych

Czy suplementy diety naprawdę działają?

Page 15: Szkolenie z wizualizacji danych
Page 16: Szkolenie z wizualizacji danych
Page 17: Szkolenie z wizualizacji danych

Z jakich źródeł energii korzystają Amerykanie?

Page 19: Szkolenie z wizualizacji danych

Po co tworzysz? Ustal cele

Page 20: Szkolenie z wizualizacji danych

Jakie cele ma osiągnąć twoja infografika?

Liczba linków (cytowań)Liczba odwiedzin na stronie

Zrozumienie zagadnienia przez wybraną grupę odbiorców

Mierzalne Trudno mierzalne

Page 21: Szkolenie z wizualizacji danych

Research

Page 22: Szkolenie z wizualizacji danych

Inspiracje

Szukaj inspiracji za granicą

Jakie infografiki stworzyła Twoja konkurencja?Jakie uzyskali efekty?Które infografiki cieszyły się największym odzewem?Czy jesteś w stanie ustalić dlaczego?

Page 23: Szkolenie z wizualizacji danych

Dane i tematy

Poszukaj najpopularniejszych tematów dotyczących Twojej branży. Sprawdź, czym najchętniej dzieli się Twoja grupa docelowa, o czym najchętniej dyskutuje, o co najczęściej pyta na grupach dyskusyjnych. Wszystkie te tematy są dobrymi zalążkami pomysłów na infografikę.

Jeżeli miałeś już wstępny pomysł, takie rozeznanie na rynku pozwoli Ci zweryfikować, czy jest to wystarczająco popularny temat wśród Twojej grupy docelowej.

Page 24: Szkolenie z wizualizacji danych
Page 25: Szkolenie z wizualizacji danych
Page 26: Szkolenie z wizualizacji danych
Page 27: Szkolenie z wizualizacji danych
Page 28: Szkolenie z wizualizacji danych
Page 29: Szkolenie z wizualizacji danych
Page 30: Szkolenie z wizualizacji danych
Page 31: Szkolenie z wizualizacji danych
Page 32: Szkolenie z wizualizacji danych
Page 33: Szkolenie z wizualizacji danych
Page 34: Szkolenie z wizualizacji danych
Page 35: Szkolenie z wizualizacji danych

Aktualne tematy

Analizując rynek sprawdź, czy istnieją obecnie bardzo popularne tematy, które możesz wykorzystać do stworzenia infografiki. Zazwyczaj takie tematy nie są zbyt długo na topie, ale ich krótkotrwała popularność bywa na tyle wysoka, że warto stworzyć infografikę.

Ważne aby taki temat był powiązany z Twoją branżą (lub była możliwość powiązania go z nią).

Drugim świetnym pomysłem na utworzenie infografiki jest wykorzystanie tematów, które są i będą zawsze popularne wśród Twojej grupy docelowej. W takim przypadku masz okazję stworzenia ponadczasowego kompendium, które będzie zawsze świetnym źródłem informacji.

Tematy ponadczasowe

Page 36: Szkolenie z wizualizacji danych

Grupa docelowa

Określ, kto dokładnie, które persony są adresatami Twojej infografiki. To pomoże Ci się skupić na właściwej formie i treści przekazu.

Określ kto jest grupą docelową, która może najchętniej dzielić się Twoją infografiką. Infografikę tworzysz nie tylko z myślą o tych, którzy są jej ostatecznym beneficjentem, ale też o tych, którzy zechcą się nią podzielić.

Przydatne będzie również zbadanie, jakimi materiałami najchętniej dzieli się Twoja grupa docelowa i w jaki sposób to robi.

Page 37: Szkolenie z wizualizacji danych

Pomysł

Page 38: Szkolenie z wizualizacji danych
Page 39: Szkolenie z wizualizacji danych

Możliwości wizualizacji

Które tematy lub dane mają największy potencjał ciekawej wizualizacji?

Czy któryś z tematów może poruszyć emocje i zachwycić odbiorców?

Czy istnieje temat, którym każdy będzie się chciał podzielić ze swoimi znajomymi, wywołując efekt viralowy?

Page 40: Szkolenie z wizualizacji danych

Projektowanie

Page 41: Szkolenie z wizualizacji danych

Design jest funkcją treści

Każde narzędzie jest wykorzystywana przez nas w pewnym celu. Każda treść jest komunikatem skierowanym do określonej grupy. Infografiki jak każde inne narzędzia powinny być użyteczne i umożliwiać efektywne osiąganie celów. Komunikaty powinny być zrozumiałe.

Wspaniały design nie tylko wygląda świetnie, ale jest również wartością dodaną do treści. Wydobywa z niej to co najlepsze. Ułatwia jej konsumpcję.

Page 42: Szkolenie z wizualizacji danych

Metafora i layout

Zebrałeś wszystkie dane. Zastanów się, jakie jest główne przesłanie Twojej infografiki? Co chcesz przede wszystkim przekazać odbiorcom?

Poszukaj metafory wizualnej, za pomocą której możesz przedstawić swoją koncepcję. Metafory, która dodatkowo podkreśli prezentowane dane i Twoje przesłanie. Na bazie metafory wizualnej utwórz szkic swojej infografiki. Rozplanuj prezentację danych, czyli liczb, tekstów, obrazków.

Na tym etapie prac powinieneś mieć pomysł metafory wizualnej (o ile to możliwe dla Twojej infografiki) oraz rozplanowaną prezentację danych, czyli co gdzie powinno się znaleźć (mniej więcej).

Page 43: Szkolenie z wizualizacji danych

Marka jako tort

Identyfikacja wizualna, reputacja, opakowanie, logo, nazwa, cena, reklama

Gwarancje, jakość, dizajn, wykonanie, wydajność

Ludzie, postawy, środowisko, język marki, obsługa klienta, wartości

Systemy, procedury, zaopatrzenie, dostępność

Promise

Page 44: Szkolenie z wizualizacji danych

Copywriting

Przygotuj wszystkie teksty do infografiki, wszystko co powinno się na niej znaleźć. Później dokonasz ewentualnych korekt, ale już na tym etapie powinieneś mieć gotową wersję tekstów.

Upewnij się, że Twój tekst spełnia wytyczne co do stylu Twojej marki. Wszystko co komunikujesz, także w formie infografiki, powinno być spójne z charakterem Twojej marki. Jeżeli uważasz, że warto, możesz również przedstawić informacje zawarte w infografice jako opowieść.

Dokładnie i dwukrotnie sprawdź pisownię, gramatykę, literówki. Nie pomijaj tego kroku. Infografiki mają to do siebie, że kiedy już zostaną opublikowane i rozpowszechnione to nie ma możliwości ich poprawy tak jak wpisu na blogu.

Nie zaniedbuj tekstu do swojej infografiki. Infografika powinna posiadać świetny tekst. Bez niego będzie tylko zbiorem statystyk.

Page 45: Szkolenie z wizualizacji danych

Projekt wizualny

Postaw raczej na mocne kolory, ale oddające klimat infografiki. Lepiej kiedy jest żywo, mocno, wyraźnie, niż szaro, nudno i mdło.

Page 46: Szkolenie z wizualizacji danych

Projekt wizualny

Postaw raczej na mocne kolory, ale oddające klimat infografiki. Lepiej kiedy jest żywo, mocno, wyraźnie, niż szaro, nudno i mdło.

Page 47: Szkolenie z wizualizacji danych

Projekt wizualny

Twój wstępny szkic powinien być dobrze przełożony na linie siatki. Dobry layout, hierarchia nagłówków i informacji oraz proporcje.

Page 48: Szkolenie z wizualizacji danych

Projekt wizualny

Twój wstępny szkic powinien być dobrze przełożony na linie siatki. Dobry layout, hierarchia nagłówków i informacji oraz proporcje.

Page 49: Szkolenie z wizualizacji danych

Projekt wizualny

Nie zapomnij o brandingu własnej marki. Często zdarza się, że Twoja infografika prezentowana jest w miejscach, gdzie nie ma żadnego odnośnika do Twojej strony. Wtedy jedynym elementem promocyjnym jest sama infografika. Powinna więc zawierać logo i adres Twojego serwisu.

Page 50: Szkolenie z wizualizacji danych

Promocja

Page 51: Szkolenie z wizualizacji danych

Publikacja na własnym blogu lub stronie internetowej

Twoja infografika powinna zostać opublikowana na Twoim blogu lub stronie. Publikując infografikę na blogu, zadbaj o podstawowe rzeczy:

Napisz krótkie wprowadzenie do publikowanej infografiki. Warto aby było łatwe do skopiowania i zawierało link do Twojej strony. Część z odwiedzających może zechcieć skopiować te informacje, celem zamieszczenia ich na swojej stronie.

Dodaj infografikę. Jeżeli nie mieści się w pełnym formacie, to preferowanym sposobem wyświetlania jest lightbox.

Koniecznie umieść na końcu zachętę do podzielenia się infografiką oraz okno z gotowym do skopiowania kodem.

12

34

Page 52: Szkolenie z wizualizacji danych

Znajomi i konta własne

Skontaktuj się z wszystkimi osobami z listy. Przedstaw im finalną wersję Twojej infografiki i zachęć do jej dystrybucji. Część osób chętnie poleci Twoją infografikę, jeżeli jest wartościowa dla ich odbiorców.

Lista kontaktowa

Opublikuj swoją infografikę na wszystkich kontach, które posiadasz. Czyli na firmowych kontach w mediach społecznościowych oraz kontach prywatnych. Zaangażuj znajomych i swoje kontakty do pomocy.

Jeżeli posiadasz listę mailingową, której odbiorcy mogą być zainteresowani Twoją infografiką, wykorzystaj to. Powiadom ich o infografice i zachęć do dzielenia się nią.

Lista mailingowa

Celem wzmocnienia pierwszego uderzenia promocyjnego możesz dodać płatną promocję. Wykorzystaj płatną promocję w serwisach takich jak StumbleUpon, Pinterest, Facebook lub Twitter. Dzięki mikrotargetowaniu trafisz dokładnie do grup, na których ci zależy.

Płatna promocja

Silne uderzenie

Page 53: Szkolenie z wizualizacji danych

Nawiąż dodatkowe relacje

Sprawdź, które serwisy opublikowały Twoją infografikę, ale nie zamieściły do niej linka. Jest szansa, że kiedy poprosisz o jego dodanie, link zostanie opublikowany. Do tego celu możesz użyć wyszukiwania obrazem Google.

Upomnij się o linki

Znajdź wpływowe osoby, które podzieliły się Twoją infografiką. Ponownie możesz użyć wyszukiwania obrazem Google, aby znaleźć osoby, które polecały infografikę opublikowaną poza Twoim blogiem. Kolejnym krokiem może być nawiązanie relacji z tymi osobami. Kiedy będziesz publikował kolejną infografikę, te osoby będą się znajdowały na Twojej liście kontaktów i zamieszczą linka do Twojego bloga.

Monitoring i follow-up

Page 54: Szkolenie z wizualizacji danych

Recepta na sukces

Page 55: Szkolenie z wizualizacji danych

Aby komunikować prawdziwe znaczenie przedstawianych danych, infografika

powinna opowiadać fascynującą historię. Przed wyprodukowaniem infografiki,

projektant (grafik) powinien współpracować z twórcami innych rodzajów treści

(np. z copywriterem, redaktorem, itd.) w celu określenia, z jakich wzorów i

trendów czerpać inspirację. Zespół powinien następnie określić, w jaki sposób

dane będą prezentowane - po to, by projekt komunikował najistotniejsze

elementy opowieści bez przeciążania odbiorców zbyt dużą ilością informacji.

Opowiadaj ciekawe historie

Page 56: Szkolenie z wizualizacji danych
Page 57: Szkolenie z wizualizacji danych

Najlepsze infografiki często powstają w procesie upraszczania

złożonych idei aż do ich najłatwiej przyswajalnych form. Pokazują

one trendy i relacje pomiędzy danymi za pomocą łatwo zrozumiałych

elementów graficznych. Mając to na uwadze, projektanci (graficy)

powinni wyeliminować wszelkie elementy, które nie przyczyniają się

bezpośrednio do zrozumienia opowieści. Twórcy infografik powinni

również z umiarem używać słów – niech dane i grafika mówią same

za siebie.

Komunikuj złożone dane w prosty sposób

Page 58: Szkolenie z wizualizacji danych
Page 60: Szkolenie z wizualizacji danych

Aby w pełni wykorzystać infografiki, upewnij się, że można je

współużytkować. W przypadku infografik internetowych, autorzy

powinni udostępniać w swoich serwisach narzędzia, które pozwalają

użytkownikom umieszczać te infografiki na ich profilach na

Facebooku, Twitterze, Google+, rozsyłać mailem lub w inny sposób

udostępniać je przyjaciołom i znajomym.

W wielu przypadkach wdrożenie tych narzędzi jest proste i polega na

zainstalowaniu odpowiednich plug-inów lub kodów udostępniania,

które zapewniają najbardziej popularne platformy social media.

Ułatwiaj rozpowszechnianie

Page 61: Szkolenie z wizualizacji danych
Page 62: Szkolenie z wizualizacji danych

Podstawowe zasady projektowania

Page 63: Szkolenie z wizualizacji danych

KONTRAST POZWALA ODBIORCY OD RAZU DOSTRZEC GŁÓWNY ELEMENT KOMUNIKATU

SEKWENCJAHIERARCHIA

JEDNOŚĆROZMIESZCZENIE

PUSTA PRZESTRZEŃ

OKREŚLA KIERUNEK W JAKIM NALEŻY ODCZYTYWAĆ INFORMACJEOBRAZUJE RELACJE MIĘDZY ELEMENTAMIWYKAZUJE ODBIORCY, ŻE PODANE INFORMACJE SKŁADAJĄ SIĘ NA SPÓJNĄ CAŁOŚĆGENERUJE ZNACZENIE WNIOSKOWANE Z ROZMIESZCZENIA ELEMENTÓW

DAJE WIDZOWI PRZESTRZEŃ DO ODETCHNIĘCIA

Na co zwracamy uwagę?

Page 64: Szkolenie z wizualizacji danych

Człowiek może skupić się jednorazowo na jednym elemencie. Każdy przekaz powinien posiadać jedną najważniejszą informację, która skupi uwagę odbiorcy.

Kontrast - co mam zapamiętać?

ROZMIAR ODCIEŃ ODLEGŁOŚĆ KOLORKSZTAŁT

Ważne i często lekceważone: wyróżnienie wszystkich elementów projektu skutkuje nie wyróżnieniem żadnego.

Page 65: Szkolenie z wizualizacji danych

W kulturze europejskiej czytamy od lewej do prawej, ale w wielu kulturach wschodu kolejność jest odwrotna. Należy mieć to szczególnie na uwadze w komunikatach skierowanych do zagranicznych inwestorów / klientów.

Sekwencja - od czego mam zacząć?

Wskazanie miejsca od którego należy zacząć

czytać

Rozmiar i perspektywa wskazują lewy róg jako

punkt początkowy

Page 66: Szkolenie z wizualizacji danych

Poszczególne elementy projektu muszą tworzyć spójną i logiczną całość. Dlatego związki między nimi nie mogą być przypadkowe.

Hierarchia - jak to się łączy?

Elementy są sobie równeZnaczenie: musimy zespołowo zrealizować wskazany cel; wszyscy jesteśmy do tego jednakowo przysposobieni

Element nadrzędny dominujeZnaczenie: Musimy zespołowo zrealizować wskazany cel. Jedna z osób decyduje i przydziela zadania.

Element podrzędny dominujeZnaczenie: Musimy zespołowo zrealizować wskazany cel, przy czym niektóre zespoły będą musiały zmierzyć się z większymi przeszkodami

Page 68: Szkolenie z wizualizacji danych

Ciąg FibonaciegoPierwszy wyraz jest równy 0, drugi jest równy 1, każdy następny jest sumą dwóch poprzednich.

0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, 1597, 2584, 4181

Page 69: Szkolenie z wizualizacji danych
Page 70: Szkolenie z wizualizacji danych
Page 71: Szkolenie z wizualizacji danych

W sztuce i matematyce złoty podział odcinka na dwie części, to taki podział, w którym stosunek dłuższej części do krótszej z nich jest równy stosunkowi długości całego odcinka do części dłuższej.

Złoty podział / złota zasada

Page 72: Szkolenie z wizualizacji danych

Złudzenia optyczne i sztuczki dzięki czemu płaski projekt wydaje się przestrzenny, jest wieloznaczny, niebanalny.

Co czyni projekt ciekawym?

Page 73: Szkolenie z wizualizacji danych

Pokój Amesa

Page 74: Szkolenie z wizualizacji danych
Page 75: Szkolenie z wizualizacji danych
Page 76: Szkolenie z wizualizacji danych

Mocne punkty obrazu

Page 77: Szkolenie z wizualizacji danych
Page 78: Szkolenie z wizualizacji danych
Page 79: Szkolenie z wizualizacji danych
Page 80: Szkolenie z wizualizacji danych
Page 81: Szkolenie z wizualizacji danych

Naśladowanie rzeczywistości

Page 82: Szkolenie z wizualizacji danych
Page 83: Szkolenie z wizualizacji danych

Dziękuję