W ciągu ostatnich kilku lat infografiki ewoluowały od statycznych obrazów do bogatych interaktywnych doświadczeń z animacjami i filmami dostosowanymi do unikalnych treści. Nie ogranicza się już do wstępnie przygotowanych, uniwersalne szablony. A dzisiejsza kompilacja zawiera najlepsze infografiki, które pokazują, jak wygląda interesujące i pouczające doświadczenie.

Większość infografik z tej listy została wybrana do pokazania różne drogi, z którym projektanci podchodzą do wizualizacji danych. Jest tu jednak również kilka hybryd, które ilustrują zacieranie granic między infografiką a bogatymi doświadczeniami multimedialnymi przy tworzeniu angażujących treści i fascynujących historii na stronach docelowych. Odejście od tradycyjnych form oznacza, że ​​wkraczamy na bardziej złożone terytorium medialne i to właśnie tego rodzaju eksperymenty z technologią i opowiadaniem historii będą miały kluczowe znaczenie dla kształtowania przyszłości. projekt graficzny.

1. Mapa wiatru

Mapa wiatru to zapierający dech w piersiach projekt, który pokazuje kierunek i prędkość wiatru nad Stanami Zjednoczonymi. Ten projekt ma raczej artystyczny niż użytkowy cel, co jest świetne: bardzo miło jest po prostu usiąść i patrzeć, jak cienkie, cienkie nitki wiją się po mapie. Prosty, ale przemyślany przykład tego, jak infografika przedstawiająca ścieżki kształtów może skorzystać z animacji i ruchomych obrazów.

2. W locie

W 2014 roku The Guardian uruchomił infografikę In Flight, pokazującą dane o lotach komercyjnych w czasie rzeczywistym (wydaje się, że nie są teraz aktualizowane, a szkoda), a także lekcję o historii lotnictwa. Przyciszone rozmowy między załogami lotniczymi na początku interaktywnego pokazu tworzą wyjątkową atmosferę. Wygląda na to, że w dzisiejszych czasach infografiki powoli zamieniają się w doświadczenie kinowe. Przynajmniej "W locie" wskazuje w tym kierunku...

3. Wybierz Księżyc

Niewiele dzieje się w infografice Dial A Moon, ale całkiem dobrze spełnia swoje zadanie. W 2015 roku dzięki NASA infografika faz księżyca była aktualizowana co godzinę i nie można było udać się do Google w poszukiwaniu tych tajemniczych informacji. Teraz możesz przeglądać zdjęcia, ręcznie wprowadzając miesiąc, dzień i godzinę.

4. Dzień z Plutonem

Magazyn Nature publikuje wiele interesujących infografik dla swoich odbiorców naukowych. Wśród nich był jeden o słynnym przelocie statku kosmicznego w pobliżu Plutona (24 godziny Plutona). Infografika zawierała wiele informacje tekstowe, ale wizualizacje umożliwiły łatwe zrozumienie najciekawszych, od budowy planety karłowatej po powstawanie jej księżyców. Teraz część tekstowa jest dostępna w Internecie, a także dwa animowane filmy z infografiki.

5. Jak zmieniły się amerykańskie domy

Wybierz się w podróż przez wielki amerykański sen, odzwierciedlony w ewolucji stylów domowych. Ta dobrze ilustrowana infografika pozwala zasiąść za kierownicą samochodu (także zmieniającego się w miarę przewijania, aby nadążyć za epoką) i poruszać się od 1900 do 2000 roku, mijając popularne od dziesięcioleci budynki. Po drodze spotkasz wielu przydatne materiały(w tym ówczesne uwarunkowania społeczno-polityczne, a także trendy w modzie), a wszystko kończy się pytaniem, które zachęca do wyobrażenia sobie przyszłości amerykańskiego domu. Infografika Decades Of American Homes jest doskonałym przykładem przewijania w poziomie i pasuje właśnie tutaj.

6. Ewolucja analityki marketingowej

W swojej infografice Evolution of Insight inteligentna firma badawcza Vision Critical śledzi rozwój rynku technologii marketingowych na całym świecie od lat 90. XIX wieku do dnia dzisiejszego. Działa podobnie do infografiki How American Homes Have Changed, a tym samym pozwala porównać skuteczność wykorzystania interaktywnej osi czasu dla dwóch bardzo różne historie. Infografika Decades Of American Homes ma tę zaletę, że przeglądanie domów podczas jazdy jest znacznie bardziej intuicyjne niż przeglądanie wspaniałych amerykańskich analiz. Dobre infografiki powstają wokół treści, a nie wokół niej.

7. Prawa społeczności LGBT na całym świecie

The Guardian zajmuje kolejne miejsce na naszej liście dzięki tej eleganckiej infografice wyjaśniającej status prawny praw LGBT w wielu kwestiach (małżeństwo, dyskryminacja w miejscu pracy, przestępstwa z nienawiści itp.) w każdym kraju na świecie. Poruszanie się po półokręgu zapewnia szybki i łatwy sposób porównywania statystyk między różnych krajów, a kompozycja infografiki utrzymuje swój globalny status na pierwszym planie w centrum. Istnieje również potężne wezwanie do działania, które ma na celu wypełnienie luki między samą świadomością a aktywizmem.

8. Nierówność można naprawić

Inny wspaniały przykład interaktywnych infografik, Inequality Is Fixable, zachęca publiczność do zagłębienia się w ten problem w bardzo osobisty sposób. Widz ma gwarancję, że nie straci zainteresowania materiałem, który mówi mu, ile jego szef zapłacił i dlaczego. Dzięki temu, że użytkownik jest częścią historii, programiści podsycają ciekawość i prowadzą użytkownika przez wszystkie niezbędne kroki, aż do wezwania do działania na końcu.

„Pozwoliliśmy na to – jak możemy to teraz naprawić?”

9. Narysuj siebie: jak dochód gospodarstwa domowego przewiduje szanse Twojego dziecka na pójście na studia?

Wiele infografik na tej liście wykorzystuje animację i interaktywność, aby zapewnić bogate wrażenia. Wizualnie ta infografika z New York Times (You Draw It: How Family Income Predicts Children’s College Chances) jest zgodna z klasycznym formatem wykresu, ale wykorzystuje również zrozumienie zachowań użytkowników, aby poszerzyć zakres projektowania infografik, takich jak lookahead i interaktywna wizualizacja. Prosząc czytelników o narysowanie własnej krzywej, wprowadzają element interesowności i tym samym dają ludziom naprawdę wartościowe informacje.

Nie najgorszy wynik! Oś pionowa to procent dzieci idących na studia. Oś pozioma to percentyl dochodu rodziców

10 Jak umierają Amerykanie

Z wyjątkiem obrazu tytułowego w tym przykładzie do renderowania treści są używane głównie dobre, staromodne wykresy. Ale to wcale nie jest nudne, ponieważ użytkownicy mogą samodzielnie poruszać się po danych, przesuwając kursor wzdłuż wykresów. Dzięki temu znacznie łatwiej jest porównać na przykład liczbę zgonów związanych z samobójstwami w latach 70. w porównaniu do dzisiejszej (wskazówka: teraz rośnie), wykres statyczny nie byłby tak dokładny.

11.

Odkąd Snowfall zadebiutował na całym świecie, The New York Times utrzymał swoją reputację jako najnowocześniejsze dziennikarstwo multimedialne. Zespół wydawniczy wykorzystuje połączenie projektu infografiki i dogłębnego opowiadania historii, aby stworzyć imponująco interesujące doświadczenie. Mają bardziej uderzające przykłady, ale The Russia Left Behind to praca, która wywołała pewien rezonans. Infografika działa jak interaktywna podróż po Rosji (nawigujesz po mapie).

12. Samochody Bond

Jeśli kiedykolwiek chcesz poznać historię Jamesa Bonda patrząc na jego samochody, podziękuj brytyjskiemu dealerowi samochodowemu Evansowi Halshawowi – dał Ci taką szansę. Interaktywna infografika Bond Cars pozwala poznać markę i projekt każdego z samochodów Bond, a także kilka dodatków. interesujące fakty. Korzystając z wszechobecnej taktyki slidera, możesz też "odsłonić" samochód w całej jego metalicznej okazałości (domyślnie podawany jest tylko jeden kolor). Autorzy twórczo rozwiązali więc problem konieczności dołączania zdjęć, które nie do końca pasują do estetyki infografik.

13. Kolory ruchu

The Colours Of Motion to seria infografik, która analizuje filmy wyłącznie na podstawie ich palety barw, wywodzącej się z połączenia wszystkich klatek. Jeśli kiedykolwiek się zastanawiałeś, teraz masz odpowiedź. Nie możesz znaleźć tytułu w bazie danych? Po prostu wyślij wiadomość do programistów - akceptują prośby.

14. Grób królewski w Peru

National Geographic ma dość imponującą kolekcję tego, co nazywają „grafiką interaktywną” (z których większości towarzyszą szczegółowe opisy tekstowe, jak w przypadku np. Kolumny Trajana), ale wybraliśmy ten stosunkowo prosty przykład, aby podkreślić aplikację jakie metody są naprawdę skuteczne w interaktywnych infografikach. "Królewski Grób w Peru" (Królewski Grób Wari w Peru) ujawnia cechy pochówku szlachcianki tamtych czasów. Punkt ciężkości przesuwa się z opakowania mumii na jej dekoracje i pozycję. Dzieląc informacje na mniejsze porcje i umożliwiając użytkownikowi poruszanie się między nimi, interaktywna grafika pozwala uniknąć najbardziej podstępnych pułapek przeciążenia danymi i efekty wizualne. Co więcej, każda kolejna interakcja poszerza doświadczenie, czyniąc je znacznie bardziej satysfakcjonującym, niż gdyby wszystko zostało przedstawione na raz. Nasz mózg ma mechanizm, który odrzuca bodźce hamujące i dany typ interakcja staje się dla użytkownika świetnym rozwiązaniem, ułatwiającym przyswajanie informacji.

15. Czym jest „referendum w Szkocji”? Wyjaśnienie dla osób niebędących Brytyjczykami

The Guardian, podobnie jak New York Times, opiera się na dziennikarstwie multimedialnym, a ich wideo świetnie spełnia jedną z głównych funkcji infografiki: nadawanie kłopotliwym informacjom akceptowalnej formy. Dla wielu z nas spoza Wielkiej Brytanii referendum to bardzo zagmatwany temat. Na szczęście ten film (Scottish Referendum Explained for Non-Brits) pomoże ci szybko poznać jego ważne aspekty bez konieczności zagłębiania się w historię.

16. Zdrowie publiczne

Zadaniem przed Atlantykiem było opracowanie koncepcji poprawy zdrowia społeczeństwa. Firma Truth Labs zleciła napisanie trzyczęściowej serii na temat zdrowia populacji jako cyfrowej narracji. Głównym celem performera było zachowanie naturalnego przewijania dokumentu i zwykłych warunków czytania przez użytkownika, przy jednoczesnym stworzeniu doświadczenia różniącego się od wizualnej perspektywy. Aby urzeczywistnić swoją wizję, zapożyczyli narzędzia i strategie z kina, ale także opierali się na zbiorze zasad projektowania, aby wspierać czytelność jako kluczową zasadę.

17. Ziarna Joho

Austriacki producent kawy Joho's stworzył imponujące doświadczenie multimedialne Joho's Bean, aby opowiedzieć historię pochodzenia ziaren kawy: śpiew ptaków, dźwięk palonych ziaren kawy zapakowanych w torby oraz hałas ruchliwych ulic i ruchu w mieście.

Joho's zabierze Cię w podróż wyjaśniającą pochodzenie ich ziaren kawy

18. Pierwotna droga

The Wild Path to interaktywna opowieść o podróży stworzona za pomocą Canvas. Głównym elementem jest mapa, która animuje ścieżkę na mapie podczas przewijania strony. Projekt może nie działać we wszystkich przeglądarkach. Jest jednak wyposażony w towarzyszący artykuł wyjaśniający całą zakulisową technologię infografiki.

19.

Relacja The Guardian (wyniki wyborów na żywo) z wyborów prezydenckich w USA w 2016 r. wniosła zabawny element do poważnego interesu i lokali wyborczych. Interaktywna infografika śledząca głosy w czterech stanach. Domyślnie wykres pokazywał wyniki dla całego kraju, a jeśli użytkownik najechał na dowolny obszar na mapie, pokazywał, jakie liczby zdobyli tam kandydaci. Kandydaci na prezydenta zostali przedstawieni jako zabawne pikselowe awatary. Gdy infografiki były aktualizowane na żywo, mali ludzie zabarwiali stany, w których wygrali. Co jakiś czas obok kandydata pojawiał się cytat w bańce.

Odzwierciedlenie wyników wyborów w czasie rzeczywistym

Żeton Wirtualna rzeczywistośćże dla innych będziesz wyglądać jak idiota

Google Cardboard Design Lab to dobry „podręcznik” dla początkujących projektantów VR

Infografika - jak gra RPG

Problem z Unity polega na tym, że nie jest łatwo zrobić coś dobrego w sieci.

Rzeczywistość wirtualna jest jak słuchawki dla Twoich oczu

Rzeczywistość wirtualna wymaga bezpiecznego środowiska, nie można do niego wejść w podróży. Ogranicza możliwości VR

Zamykałem sesję rano Archie Tse z The New York Times z prowokacyjnym tematem „Dlaczego NYT robi mniej interaktywnej pracy”.

Praca NYT opiera się na trzech zasadach wizualnego opowiadania historii:

1. Jeśli czytelnik musi klikać, a nie przewijać, musi się zdarzyć coś niezwykłego.
2. Załóżmy, że podpowiedzi i inne efekty najechania kursorem nigdy nie będą widoczne dla nikogo. Jeśli treść jest ważna, postaraj się, aby czytelnik od razu ją zobaczył.
3. Jeśli chcesz zrobić coś interaktywnego, pamiętaj, że będzie to kosztowne, aby działało na wszystkich platformach.

Będziesz musiał przerysować grafikę 2 lub 3 razy, aby działała zarówno na komputerach stacjonarnych, jak i urządzeniach mobilnych

Jak te zasady zmieniły podejście NYT:

1. Większość wizualizacji jest teraz statycznych
2. Więcej tekstów
3. Jeśli potrzebujesz ruchu na obrazie, pojawia się on podczas przewijania

(Punkt czwarty mówi, że nadal wykonują pracę interaktywną. Ale teraz okazja musi być BARDZO znacząca.)

Zrobiliśmy „wielokrokowe”. Użytkownicy zatrzymują się w kroku 3. Czytelnicy chcą tylko przewijać, a nie klikać

Archie Tse: Przewijanie vs. klikanie

Od 18 tygodni Andy Kriebel w każdą niedzielę wieczorem publikuje infografikę i dane, na których opiera się na VizWiz. Zadanie polega na wydzieleniu około godziny czasu w poniedziałek, szybkiej analizie wizualizacji i stworzeniu własnej wersji.

Poniżej publikujemy wyniki z zeszłego tygodnia - Niewolnictwo w XXI wieku.

#MakeoverMonday Andy'ego Kriebela. Szczegółowy opis i interaktywne - na blogu Andy'ego:

#MakeoverMonday autorstwa Andy'ego Cotgreave'a. Szczegółowy opis i interaktywność - na blogu Andy'ego:

Dowiedziałem się również, że 51% ludzi na świecie jest młodszych ode mnie, a 63% w Rosji jest starszych, a moje szanse na śmierć w tej chwili nie są zbyt duże. Liczby nagle przestały być „statystyką” i dotknęły mnie do sedna.

Wizualizacja danych - używa duże zestawy dane przy mniejszej ilości ręcznej pracy projektowej; w oparciu o algorytmy. Na przykład interaktywna praca New York Timesa.

Sztuka wizualna - kodowanie jednokierunkowe. Piękne, ale trudne do rozszyfrowania wizualizacje, takie jak sztuka obliczeniowa Kunala Ananda.

Jaki jest problem?

W efekcie wiele prac przyciąga tylko wyrafinowanych użytkowników, ale nie pozwala niewtajemniczonym czytelnikom zagłębić się w istotę zagadnienia, szkodząc tym samym celowi wizualizacji – informowaniu opinii publicznej. Dlatego tak ważne jest rozpoznanie i zrozumienie problemu umiejętności wizualnych w kontekście wizualizacji.

Nowa „gramatyka wizualna” dziennikarstwa

Oto trzy prace, które eksperymentują ze sposobami prezentacji interaktywnego dziennikarstwa. Wyglądają imponująco, ale ich interpretacja może być dla wielu trudnym zadaniem.

Prawa gejów w USA, stan po stanie

Liczba dostępnych dziś źródeł danych i narzędzi do ich przetwarzania sama w sobie jest wyraźnym wskazaniem, że nigdy wcześniej tak wiele osób nie próbowało zadomowić się w świecie wizualizacji danych. A skoro dostępnych jest tak wiele materiałów do przestudiowania, pozostaje tylko jedno pytanie "Gdzie zacząć?" może przestraszyć każdego nowicjusza. Jakie są więc najlepsze biblioteki i co polecają profesjonaliści? Zostanie to omówione w tym artykule.

Mówienie o wizualizacji danych i nie wspominanie o niej to jak rozmowa o historii tworzenia komputery osobiste i nigdy nie mów ani słowa o Steve'ie Jobsie. D3 (z ang. Data Driven Documents) to bez przesady najważniejszy i dominujący na rynku Biblioteka JavaScript otwarty kod źródłowy, który jest powszechnie używany do tworzenia wykresów SVG. SVG (z ang. Scalable Vector Graphics) to z kolei format grafika wektorowa, który jest obsługiwany przez przeglądarki internetowe, ale rzadko używany w przeszłości.

Biblioteka D3 w dużej mierze zawdzięcza swoją popularność nagłemu zainteresowaniu SVG ze strony projektantów stron internetowych, co w dużej mierze wynika z tego, jak Grafika wektorowa patrz na ekrany o wysokiej rozdzielczości (w szczególności na wyświetlaczach Retina używanych w Urządzenia Apple), które stają się coraz bardziej powszechne.

„Bądźmy szczerzy, jeśli zadaniem jest wizualizacja danych w oparciu o SVG, to wszystkie inne biblioteki nie były nawet bliskie rozwiązania tego problemu” – mówi Moritz Stefaner, niezależny ekspert ds. wizualizacji danych i właściciel firmy. Prawda i piękno. „Istnieje również sporo ciekawych projektów opartych na D3, takich jak NVD3, który dostarcza standardowe komponenty graficzne – gotowe do użycia, ale z możliwością dostosowania; lub powiedzmy, Crossfilter to po prostu znakomite narzędzie do filtrowania danych”.

Scott Murray, programista-projektant i autor książek Interaktywna wizualizacja danych w Internecie, zgadza się z poprzednią opinią: „D3 ma niezwykłą moc, która polega na tym, że wykorzystuje wszystko, co mają do zaoferowania przeglądarki. Chociaż ma to wadę: jeśli przeglądarka czegoś nie obsługuje, na przykład obrazów 3D opartych na WebGL (z angielskiej biblioteki grafiki internetowej), to D3 również tego nie obsługuje.

I choć ta biblioteka jest naprawdę uniwersalna, to wciąż nie idealne rozwiązanie do każdego zadania. „Główną wadą biblioteki D3, że tak powiem, jest to, że nie zaleca ona ani nawet nie sugeruje żadnego konkretnego podejścia do wizualizacji”, dodaje Scott Murray. „Jest to więc naprawdę narzędzie do ładowania danych do przeglądarki, a następnie generowania komponentów DOM na podstawie tych danych”.

Chociaż D3 jest doskonałym narzędziem do niestandardowych obrazów, jeśli chcesz stworzyć standardowy wykres bez zbytniej pracy nad aspektem wizualnym, narzędzie takie jak Vega. Będąc frameworkiem opracowanym na bazie D3, Vega stanowi alternatywę dla wyświetlania komponentów graficznych. Korzystając z Vega, możesz wizualizować dane w formacie JSON The European Journalism Center and the Data Driven Journalism Project. Dokładne daty kursu nie są jeszcze znane, ale możesz się zarejestrować już teraz.

W ciągu pięciu dni uczestnicy kursu będą mogli dowiedzieć się, czym jest dziennikarstwo danych, jak działa i jakie kluczowe umiejętności należy opanować, aby zostać specjalistą w tej dziedzinie. Dowiedz się, gdzie szukać danych, aby wesprzeć swoje historie i jak znaleźć nowe spostrzeżenia na podstawie istniejących danych. Naucz się sztuki przekształcania nudnych danych w fascynującą historię, infografikę, a nawet interaktywną wizualizację. Zapoznaj się z podstawowymi zasadami projektowania graficznego, które powinien znać dziennikarz.

Instruktorzy kursu to pięciu czołowych światowych ekspertów w dziedzinie dziennikarstwa i wizualizacji danych.

Przyszłość wizualizacji danych jest interaktywna.

Ale jak stworzyć naprawdę oszałamiającą interaktywną infografikę?

Infografiki są wszędzie i coraz częściej stają się interaktywne.

W dzisiejszym artykule podzielimy się z Wami tajnikami tworzenia interaktywnych infografik, a także linkami do przydatnych zasobów.

1. Zrozum psychologię

Zanim zaczniesz tworzyć interaktywną infografikę, ważne jest, aby zrozumieć, dlaczego chcesz to zrobić w ten sposób.

Jak opisano na tej infografice, ludzie lepiej przyswajają informacje wizualne. Bardziej prawdopodobne jest, że przeczytamy, zrozumiemy i zapamiętamy prezentację, jeśli ma angażujące wizualizacje. to skuteczne narzędzie do nauki, ale może być jeszcze lepsze.

Nauka kinetyczna jest świetną alternatywą, ponieważ ludzie uczą się lepiej poprzez działania fizyczne.

Dlatego dodanie interaktywności do zakresu perspektywicznego wizualizacji pomoże Ci stworzyć jeszcze bardziej zapadające w pamięć i skuteczne infografiki.

To połączenie podejścia wizualnego i kinetycznego sprawia, że ​​animowane infografiki są treścią przyszłości. Oczywiście w przypadku niektórych motywów lepiej nie używać elementów interaktywnych, ale w większości przypadków tylko poprawią one treść.

Ruch dodaje znaczenia informacjom, pozwala użytkownikowi kontrolować doświadczenie i angażuje wyobraźnię w sposób, w jaki nie jest to możliwe w przypadku statycznej infografiki.

2. Dodaj efekty przewijania

Prawdopodobnie zauważyłeś ogromną zmianę w świecie online z treści tekstowych na treści wizualne.

Nie można zaprzeczyć sile wizualizacji w Internecie iw naszym codziennym życiu. YouTube i Instagram są zdominowane przez treści wizualne; YouTube to trzecia najczęściej odwiedzana witryna w sieci, a na Instagram każdego dnia przesyłanych jest ponad 80 milionów zdjęć.

Posty i artykuły na blogu są o 80% bardziej „konsumpcyjne”, jeśli mają kolorowe obrazy, nagłówki lub miniatury, a ludzie spędzą na stronie nie więcej niż 15 sekund, jeśli nie przykują ich uwagi od pierwszych sekund.

Infografiki cieszą się dużą popularnością wśród odbiorców i sprzedawców, a ludzie są dziś nimi o 800% bardziej zainteresowani niż w 2012 roku.

Co więcej, treść jest tworzona w zastraszającym tempie - 60% marketerów codziennie tworzy przynajmniej małą porcję nowych treści! Więcej dowiesz się w artykule przeglądowym.

Ponieważ coraz więcej osób zaczyna tworzyć treści, coś staje się jasne: aby być widzianym, trzeba się wyróżniać.

Naturalnie marketerzy treści już myślą o przyszłości treści wizualnych, zastanawiając się, co mogą teraz zrobić, co mogą wdrożyć i jakie nowe technologie są już na horyzoncie. To perspektywiczne myślenie może sprawić, że wszystkie Twoje wysiłki w zakresie content marketingu mogą się zepsuć; musisz się przystosować albo utoniesz.

Dzięki treściom wizualnym, takim jak infografiki, marketerzy mają wyjątkową okazję zobaczyć przyszłość, gdy się zbliża. Firmy, graficy i marketerzy zaczynają używać infografik do ich aktualizacji, aby były jeszcze bardziej atrakcyjne dla odbiorców. Nawet jeśli regularnie „po prostu publikujesz” infografiki, nigdy nie jest za wcześnie, aby dowiedzieć się o trendach, które dopiero zaczynają się rozwijać, podobnie jak nigdy nie jest za wcześnie, aby dowiedzieć się, jak włączyć je do swoich strategii content marketingowych.

Jeśli chcesz rzucić okiem w przyszłość, a może nawet nauczyć się kilku sztuczek przed wszystkimi innymi, nadszedł czas!

Oto trzy rodzaje infografik, które będą najczęstsze w (niedalekiej) przyszłości.

Jeśli szukasz fajnego narzędzia do infografiki, polecam Visme. Na początek oferują darmowe konto i świetne funkcje dla osób, które nie są projektantami. Już teraz możesz otrzymać darmowe konto.

1. Interaktywna infografika

Chociaż widzimy piękno interaktywnych stron internetowych i łatwych w użyciu gier, interaktywne infografiki są wciąż całkiem nowe w tej dziedzinie. Podobnie jak infografiki, zawierają oczywiście pewne informacje i zazwyczaj są dynamiczne. Jednak użycie elementów interaktywnych daje użytkownikom możliwość łączenia się z informacjami i tworzenia własnych.

Niezależnie od Twojej firmy, produktu, usługi lub wiadomości, możesz tworzyć interaktywne infografiki, które pozwalają ludziom oceniać siebie (na przykład „tu oblicz BMI”). Użytkownicy mogą również kliknąć odpowiednie informacje, które przeniosą ich do bardziej precyzyjnie ukierunkowanego zasobu lub z powrotem do strony docelowej, generując w ten sposób ruch. To bardzo elastyczny i zabawny sposób na zaangażowanie odbiorców.

Wielu marketerów dostosowało się już do tego rodzaju infografiki i szybko się przenosi. Ale jednocześnie wielu przyjmuje za podstawę prosta infografika:

….po prostu wyobraź sobie, co jeszcze możesz zrobić z interaktywnymi infografikami.

Możesz spróbować:

• Korzystanie z technik przewijania, które sprawiają, że obrazy lub kształty wyróżniają się z tła
• Tworzenie „wyskakujących okienek”, które rozszerzają obszary tekstowe
• Wyświetlaj obrazy lub statystyki po ich kliknięciu
• Przekształcanie infografiki w wiele stron, które użytkownicy mogą przeglądać

Więcej szczegółowy przykład interaktywna infografika, spójrz na tę:

Aby infografika była wysoce interaktywna (z przewijaniem, wyskakującymi okienkami itp.), musisz nauczyć się trochę o HTML5 lub CSS, albo zatrudnić kogoś innego, aby to za Ciebie rozpracował.

Pomimo dodatkowego wysiłku zostaniesz nagrodzony treścią, która jest wyjątkowa, angażująca i skuteczna.

Dlaczego miałbyś spróbować wdrożyć infografikę w najbliższej przyszłości?

• Inspiruje odbiorców do angażowania się i udostępniania Twoich treści
• Generuje ruch (poprzez linki)
• To udowadnia swoim odbiorcom, że jesteś innowacyjny, zaradny i zaangażowany w dostarczanie aktualnych i interesujących treści.
• Istnieją poziomy interaktywnych infografik, które umożliwiają zarządzanie jej rozwojem.

2. Osadzone wideo i GIF

To inny rodzaj infografiki, który coraz częściej widzimy dzisiaj. Infografiki oferujące krótkie filmy, a nawet GIF-y (Graphic Data Interchange Format) to świetny sposób na przyciągnięcie uwagi i wyróżnienie infografiki z tłumu. Chociaż ogranicza to platformy, możesz udostępniać swoje infografiki w czasie rzeczywistym.

Wiele prostych narzędzi do infografik, takich jak Easel.ly, oferuje opcję „Osadzone wideo z YouTube” lub możesz dodać wideo do infografiki utworzonej w Photoshopie za pomocą warstwy wideo. Możesz nawet dodać wideo do slajdu Powerpoint, który możesz również przekształcić w infografikę.

Co więcej, możesz znaleźć miliony GIF-ów w sieci i wkleić je w ten sam sposób. Haczyk polega na tym, że musisz rozpowszechniać infografikę jako adres URL, aby upewnić się, że jest prawidłowo osadzona w Twojej witrynie. Nie możesz rozpowszechniać ani zapisywać takich infografik w formacie .jpeg lub PDF. Niewątpliwie, w miarę jak staje się coraz bardziej popularny, pojawią się inne narzędzia do wstawiania wideo i GIF-ów, aby jeszcze bardziej ułatwić ten proces.

Ale jeśli chcesz użyć tego typu infografik, zanim wszyscy, nawet ich psy, nauczą się tego robić, zacznij już teraz od narzędzi, które znajdziesz w Internecie.

Jeśli chcesz przenieść to na wyższy poziom, możesz zrobić film z infografiki, którą już masz. To świetna okazja, aby być widzianym na YouTube, Instagramie, a nawet platformach wideo, takich jak Vimeo, Snapchat i nie tylko. Poniższy film jest doskonałym przykładem tego, jak zamienić infografikę w film.

Po co umieszczać wideo lub GIF w infografice?

• Daje to element zaskoczenia - ludzie nie oczekują, że obraz się poruszy!
• Jest bardzo zabawna i oryginalna, co zwiększa szansę, że ludzie będą wchodzić w interakcje i udostępniać Twoją infografikę.
• to dobry sposób pokaż wszystkim wyjątkowość swojej marki

3. Animowana infografika

Animowana infografika ma duża ilość modele wizualne i wymagają dużej uwagi. Gdy użytkownik przegląda stronę, zwykle nie oczekuje, że cokolwiek się poruszy, więc dobrym pomysłem jest nauczenie się wszystkich tych technik, zanim zrobią to inni.

Ponieważ wiele animowanych infografik jest dość skomplikowanych i może wymagać pewnego rodzaju projektowania graficznego, kodowania i/lub wiedzy o oprogramowaniu, są one wysoko cenione.

Oto przykład tego, o czym mówię:

Jeśli chcesz dowiedzieć się więcej o tym, jak tworzyć animowane infografiki, sprawdź tę infografikę od Tabletop Whale. Możesz również znaleźć różne usługi, które pomogą Ci w tworzeniu tego rodzaju infografik. W każdym razie jest to jeden z najbardziej złożonych procesów w ewolucji infografiki.

Dlaczego miałbyś poświęcać swój czas, energię i/lub pieniądze na tworzenie animowanych infografik?

• Dzięki temu wyróżnisz się z tłumu, bo nie każdy ma do tego dostęp oprogramowanie lub treści
• Za kilka lat stanie się to powszechne - będziesz jednym z pierwszych, którzy to zrobią!
• Animacja sprawi, że informacje zawarte w infografice będą bardziej zapadające w pamięć.
• Zainspiruje Twoich użytkowników do współpracy z Tobą

Nic z tego nie jest science fiction.

Może to brzmieć zbyt technicznie i wydawać się teraz czymś przekraczającym twoje możliwości, ale jest prawdopodobne, że tego typu infografiki staną się bardzo powszechne za 2-3 lata. Już teraz widzimy duży przełom w animowanych infografikach i infografikach gif, zwłaszcza że gifi wciąż zyskują na popularności. Infografiki stają się jednym z najczęściej konsumowanych i najczęściej tworzonych rodzajów treści w Internecie. Czemu? Tak, ponieważ mózg potrzebuje tylko 250 milisekund, aby zaakceptować i przetworzyć znaczenie symbolu.

Jeśli przeciętna osoba spędza w witrynie około 15 sekund, a potem się nudzi, to naturalnie chcesz wyświetlić na ekranie wszystko, co może ją opóźnić – lub przynajmniej otrzymać wiadomość w ciągu 15 sekund lub mniej. Niektóre badania wykazały nawet, że ludzie mogą skupić się na czymkolwiek przez nie więcej niż 8 sekund, a liczba ta zmniejsza się z roku na rok.

To jest przyczyna i być może produkt uboczny naszej ciągłej potrzeby informacji. Żyjemy w erze informacji i wszystkie informacje są dla nas dostępne. Ale oznacza to również, że im więcej osób próbuje udostępniać wiadomości i odpowiadać na każde możliwe pytanie, tym więcej produkowanych treści staje się hałasem w tle.

Jeśli obecność infografiki dzisiaj jest wskaźnikiem, to wkrótce będzie wszędzie. Oznacza to nowe zmiany w Twojej pracy. Żadna kampania marketingowa w historii nie zakończyła się sukcesem, robiąc cały czas to samo.

Pomysł polega na tym, aby infografikę traktować jako coś więcej niż obraz w formacie .jpeg. Infografikę można dostosować do różnych środowisk i używać na wielu różnych platformach. Przedsiębiorcy i marketerzy już dostrzegli w tym potencjał. I ty?