Interaktywne infografiki. Wskazówki dotyczące tworzenia wspaniałych interaktywnych infografik. Grób królewski w Peru

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

Laboratorium Google Cardboard Design Lab to dobry „samouczek” dla początkujących projektantów wirtualnej rzeczywistości

Infografiki - jak gra przygodowa

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

Wirtualna rzeczywistość jest jak słuchawki dla oczu

Rzeczywistość wirtualna wymaga bezpiecznego środowiska, nie można do niej wchodzić „w drodze”. To ogranicza możliwości VR

Zamknięto sesję w pierwszej połowie dnia Archie Tse z „The New York Times” z prowokacyjnym tematem „Dlaczego NYT wykonuje mniej interaktywną pracę”.

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

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

Będziesz musiał przerysować grafikę 2 lub 3 razy, aby działała zarówno na komputerze stacjonarnym, jak i mobilnym

Jak te zasady zmieniły podejście NYT:

  1. Większość wizualizacji jest teraz statyczna
  2. Tekstów jest więcej
  3. Jeśli potrzebny jest ruch na obrazie, pojawia się on podczas przewijania

(Czwarty punkt stwierdza, że ​​nadal wykonują pracę interaktywną. Ale teraz powód musi być BARDZO znaczący).

Zrobiliśmy „wieloetapowo”. Użytkownicy zatrzymali się na kroku 3. Czytelnicy chcą po prostu przewijać, a nie klikać

Archie Tse: Przewijanie kontra. kliknięcie

Od 18 tygodni w każdą niedzielę wieczorem Andy Kriebel publikuje w VizWiz infografikę i oparte na niej dane. Zadanie polega na tym, aby w poniedziałek zarezerwować około godziny czasu, szybko przeanalizować wizualizację i stworzyć własną wersję.

Poniżej publikujemy wyniki poprzedniego tygodnia - Niewolnictwo w XXI wieku.

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

#MakeoverMonday autorstwa Andy’ego Cotgreave’a. Szczegółowy opis i interaktywny - na blogu Andy'ego:

Dowiedziałam się też, że 51% ludzi na świecie jest młodszych ode mnie, a 63% w Rosji starszych i że w tej chwili moje szanse na śmierć nie są zbyt duże. Liczby nagle przestały być „statystykami” i poruszyły mnie.

Wizualizacja danych - wykorzystuje duże zbiory danych przy mniejszej liczbie ręcznych prac projektowych; w oparciu o algorytmy. Na przykład interaktywne dzieło „New York Timesa”.

Sztuka wizualna - kodowanie jednokierunkowe. Piękne, choć trudne do rozszyfrowania wizualizacje, jak na przykład sztuka obliczeniowa Kunala Ananda.

Jaki jest problem?

W rezultacie wiele dzieł przyciąga jedynie wyrafinowanych użytkowników, ale nie pozwala niewtajemniczonym czytelnikom zrozumieć istotę zagadnienia, tym samym niwecząc cel wizualizacji – informowanie 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 dziennikarstwa interaktywnego. Wyglądają imponująco, jednak ich interpretacja dla wielu może być trudnym zadaniem.

Prawa gejów w USA, stan po stanie

Liczba dostępnych dziś źródeł danych i narzędzi do ich przetwarzania wyraźnie pokazuje, że nigdy wcześniej tak wiele osób nie próbowało oswoić się ze światem wizualizacji danych. A skoro jest taka ilość materiałów do studiowania, pozostaje tylko jedno pytanie "Gdzie zacząć?" może być onieśmielający dla każdego nowicjusza. Które biblioteki są zatem najlepsze i jakie polecają profesjonaliści? Zostanie to omówione w tym artykule.

Mówienie o wizualizacji danych i nie wspominanie o tym jest równoznaczne z mówieniem o historii stworzenia komputery osobiste i nie mów ani słowa o Steve’ie Jobsie. D3 (z angielskiego Data Driven Documents) jest bez przesady najważniejszą i dominującą biblioteką JavaScript typu open source na rynku. kod źródłowy, który jest powszechnie używany do tworzenia grafiki SVG. SVG (od angielskiego Scalable Vector Graphics) to z kolei format obrazu wektorowego obsługiwany przez przeglądarki internetowe, ale wcześniej mało używany.

Biblioteka D3 w dużej mierze zawdzięcza swoją popularność nagłemu zainteresowaniu SVG wśród projektantów stron internetowych, co w dużej mierze wynika z tego, jak korzystne jest Grafika wektorowa pojawiają się na ekranach o wysokiej rozdzielczości (szczególnie na wyświetlaczach Retina stosowanych w urządzeniach Apple), które stają się coraz bardziej powszechne.

„Bądźmy szczerzy, jeśli problemem jest wizualizacja danych w oparciu o SVG, to wszystkie inne biblioteki nie są nawet blisko jego rozwiązania” – mówi Moritz Stefaner, niezależny ekspert ds. wizualizacji danych i właściciel firmy Prawda i piękno. „Jest też wiele ciekawych projektów tworzonych w oparciu o D3, jak np. NVD3, który udostępnia standardowe komponenty graficzne – gotowe do użycia, ale konfigurowalne; lub powiedzmy, że Crossfilter to po prostu znakomite narzędzie do filtrowania danych.

Scott Murray, projektant programista i autor książek Interaktywna wizualizacja danych dla Internetu, zgadza się z poprzednią opinią: „D3 jest niezwykle potężny, ponieważ 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łuży.

I choć biblioteka ta jest naprawdę uniwersalna, to wciąż nie jest idealnym rozwiązaniem dla 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 utworzyć standardowy wykres bez dużej pracy nad aspektem wizualnym, możesz znaleźć takie narzędzie Vega. Jako framework opracowany na bazie D3, Vega stanowi alternatywę dla wyświetlania komponentów graficznych. Za pomocą Vegi możesz wizualizować dane w formacie JSON Europejskie Centrum Dziennikarstwa i projekt Data Driven Journalism. Dokładne daty Kurs nie jest jeszcze znany, ale można się już zapisać.

Przez pięć dni uczestnicy kursu będą mogli dowiedzieć się, czym jest dziennikarstwo danych, jak działa i jakie kluczowe umiejętności powinni opanować, aby zostać specjalistą w tej dziedzinie. Dowiedz się, gdzie szukać danych na poparcie swoich historii i jak znaleźć nowe pomysły w 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.

Instruktorami kursu jest pięciu wiodących na świecie ekspertów w dziedzinie dziennikarstwa danych i wizualizacji.

W ciągu ostatnich kilku lat infografiki ewoluowały od statycznych obrazów do bogatych, interaktywnych doświadczeń z animacjami i elementami wideo dostosowanymi do unikalnych treści. Nie ogranicza się już do gotowych, uniwersalnych szablonów. A dzisiejszy wybór zawiera najlepsze przykłady infografik, które pokazują, jak wygląda ciekawe i pouczające doświadczenie.

Większość infografik na tej liście została wybrana w celu pokazania różne drogi, z jakim projektanci podchodzą do wizualizacji danych. Jednak jest tu także kilka „hybryd”, które ilustrują zacieranie się granic między infografikami a doświadczeniami multimedialnymi podczas tworzenia 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 mediów 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 projektowania graficznego.

1. Mapa wiatru

Mapa Wiatru to zapierający dech w piersiach projekt, który pokazuje kierunek i prędkość wiatru w Stanach Zjednoczonych. Ten projekt ma raczej cel artystyczny niż użytkowy i to jest cudowne: bardzo przyjemnie jest po prostu usiąść i patrzeć, jak cienkie nitki wiją się po mapie. Prosty, ale przemyślany przykład tego, jak infografiki przedstawiające trajektorie kształtów zyskują na animacji i ruchomych obrazach.

2. W locie

W 2014 roku The Guardian uruchomił infografikę In Flight, która pokazywała w czasie rzeczywistym dane dotyczące lotów komercyjnych (wydaje się, że nie są już aktualizowane, a szkoda), a także zawierała lekcję na temat historii lotnictwa. Wyciszone rozmowy załóg samolotów na początku interaktywnego pokazu tworzą wyjątkową atmosferę. Wygląda na to, że infografiki powoli zamieniają się obecnie w doświadczenia kinowe. Przynajmniej „In Flight” wskazuje w tym kierunku…

3. Wybierz Księżyc

Na infografice Dial A Moon niewiele się dzieje, ale całkiem dobrze spełnia swoje zadanie. W 2015 roku dzięki NASA infografiki przedstawiające fazy Księżyca były aktualizowane co godzinę i nie trzeba było korzystać z Google w poszukiwaniu tej tajemniczej 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 ciekawych infografik dla odbiorców zainteresowanych nauką. Wśród nich był jeden dotyczący słynnego przelotu statku kosmicznego w pobliżu Plutona (24 Hours Of Pluto). Infografika zawierała wiele informacji tekstowych, ale grafika ułatwiła zrozumienie najważniejszych wydarzeń, od budowy planety karłowatej po proces formowania się jej księżyców. Część tekstowa jest już 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 bogato ilustrowana infografika pozwala wsiąść za kierownicę samochodu (który zmienia się także w miarę przewijania, aby nadążać za epoką) i poruszać się od XX wieku do początku XXI wieku, mijając budynki popularne w poszczególnych dekadach. Po drodze napotkasz mnóstwo przydatnych materiałów (w tym ówczesne warunki społeczno-polityczne, a także trendy w modzie), a wszystko zakończy się pytaniem, które rzuca ci wyzwanie, aby wyobrazić sobie przyszłość amerykańskiego domu. Infografika Decades Of American Homes jest doskonałym przykładem przewijania w poziomie i tutaj się przydaje.

6. Ewolucja analityki marketingowej

W infografice Evolution of Insight firma Vision Critical zajmująca się analizą użytkowników śledzi rozwój rynku technologii marketingowych na całym świecie od lat 90. XIX wieku do dnia dzisiejszego. Działa podobnie do infografiki Jak zmieniły się amerykańskie domy i dzięki temu pozwala porównać skuteczność wykorzystania interaktywnej osi czasu dla dwóch bardzo różnych historii. Infografika Decades Of American Homes ma tę zaletę, że widzisz domy podczas jazdy, co jest znacznie bardziej intuicyjne niż przeglądanie Great American Analytics. Dobre infografiki powstają wokół treści, a nie wokół niej.

7. Prawa LGBT na świecie

The Guardian zajmuje kolejne miejsce na naszej liście dzięki tej sprytnej infografice wyjaśniającej krajobraz prawny praw LGBT w szeregu kwestii (małżeństwo, dyskryminacja w miejscu pracy, przestępstwa z nienawiści itp.) w każdym stanie na świecie. Ruch półkolowy zapewnia szybki i łatwy sposób porównywania statystyk między różnymi krajami, a kompozycja infografiki utrzymuje w centrum uwagi status globalny. W tym miejscu znajduje się również mocne wezwanie do działania, którego celem jest wypełnienie luki między świadomością a aktywizmem.

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

Inny świetny przykład interaktywnej infografiki, Nierówność można naprawić, zachęca odbiorców do zagłębienia się w problem, nadając mu jednocześnie głęboko osobisty charakter. Widz na pewno pozostanie zainteresowany materiałem, który powie mu, ile jego szef zaniża i dlaczego. Włączając użytkownika w historię, programiści wzbudzają ciekawość i prowadzą go przez wszystkie niezbędne kroki aż do wezwania do działania na końcu.

„Pozwoliliśmy, aby to się stało. Jak możemy to teraz naprawić?”

9. Narysuj: jak dochód rodziny wpływa na szanse dziecka na naukę w college'u

Wiele infografik na tej liście wykorzystuje animację i interaktywność, aby zapewnić bogate wrażenia. Wizualnie ta infografika z New York Timesa (You Draw It: How Family Income Predicts Children's College Chances) nawiązuje do klasycznego formatu wykresu, ale wykorzystuje również zrozumienie zachowań użytkowników, aby rozszerzyć zakres projektowania infografik, a mianowicie technikę proaktywnego i interaktywną wizualizację. Prosząc czytelników o narysowanie własnej krzywej, wprowadzają element egoizmu i w ten sposób dostarczają ludziom naprawdę cennych informacji.

Nie najgorszy wynik! Oś pionowa przedstawia odsetek dzieci, które poszły na studia. Oś pozioma: percentyl dochodu rodziców

10. Jak umierają Amerykanie

Z wyjątkiem obrazu tytułowego, w tym przykładzie do wizualizacji treści wykorzystano głównie zwykłe stare wykresy. Ale to wcale nie jest nudne, ponieważ użytkownicy mogą samodzielnie poruszać się po danych, przesuwając kursor po wykresach. Dzięki temu znacznie łatwiej jest porównać na przykład liczbę zgonów spowodowanych samobójstwami w latach 70. z obecną sytuacją (wskazówka: obecnie rośnie), czego wykres statyczny nie dałby tak dobrze.

11.

Odkąd Snowfall zadebiutował, ciesząc się powszechną uwagą i uznaniem, dziennik „The New York Times” utrzymuje swoją reputację doskonałego dziennikarstwa multimedialnego. Zespół wydawniczy wykorzystuje połączenie projektu infografiki i dogłębnego opowiadania historii, aby stworzyć imponująco wciągające doświadczenie. Mają bardziej uderzające przykłady, ale Rosja pozostawiona jest dziełem, które wywołało pewien rezonans. Infografika pełni funkcję interaktywnej wycieczki po Rosji (poruszasz się po mapie).

12. Samochody Bonda

Jeśli kiedykolwiek zechcesz poznać historię Jamesa Bonda, oglądając jego samochody, podziękuj brytyjskiemu dealerowi samochodowemu Evansowi Halshawowi za danie Ci szansy. Jego interaktywna infografika o samochodach Bonda pozwala poznać markę i projekt każdego z samochodów Bonda, a także oferuje kilka dodatkowych interesujące fakty. Stosując wszechobecną taktykę slidera, można także „odsłonić” samochód w całej jego metalicznej okazałości (domyślnie podawany jest tylko jednokolorowy design). W ten sposób autorzy twórczo rozwiązali problem konieczności umieszczania zdjęć, które nie do końca wpisują się w estetykę infografiki.

13. Kolory ruchu

Kolory ruchu to cykl infografik analizujących filmy wyłącznie na podstawie ich palety barw, powstałej z połączenia wszystkich klatek. Jeśli kiedykolwiek się nad tym 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. Grobowiec królewski w Peru

National Geographic ma całkiem imponującą kolekcję tego, co nazywają „grafiką interaktywną” (większości z nich towarzyszą szczegółowe opisy tekstowe, takie jak Kolumna Trajana), ale wybraliśmy ten stosunkowo prosty przykład, aby podkreślić, jakie techniki zastosowań są naprawdę skuteczne w interaktywne infografiki. „Perujski królewski grobowiec Wari” ukazuje specyfikę pochówku ówczesnej szlachcianki. Uwaga przenosi się z opakowań mumii na jej dekoracje i położenie. Dzieląc informacje na małe fragmenty i umożliwiając użytkownikowi poruszanie się między nimi, interaktywna grafika pozwala uniknąć najbardziej podstępnych pułapek: przeciążenia danych i efektów wizualnych. Co więcej, każda kolejna interakcja wzbogaca doświadczenie, czyniąc je znacznie bardziej satysfakcjonującym, niż gdyby wszystko było prezentowane na raz. Nasz mózg ma mechanizm, który odrzuca przytłaczające bodźce i ten typ interakcja staje się doskonałym rozwiązaniem dla użytkownika, 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, zajmuje się dziennikarstwem multimedialnym, a ich wideo świetnie spełnia jedną z głównych funkcji infografik: umieszczanie uciążliwych informacji w przystępnej formie. Dla wielu z nas, mieszkających poza Wielką Brytanią, referendum jest tematem bardzo zagmatwanym. Na szczęście ten film (Poradnik referendum w Szkocji dla osób niebędących Brytyjczykami) pomoże Ci szybko poznać ważne aspekty bez konieczności zagłębiania się w historię.

16. Zdrowie publiczne

Misją Atlantyku było opracowanie wizji poprawy zdrowia publicznego. Zleciła Truth Labs opracowanie trzyczęściowej serii „Zdrowie populacji” w formie cyfrowego opowiadania historii. Głównym celem artysty było zachowanie naturalnego przewijania dokumentu i normalnego doświadczenia użytkownika podczas czytania, przy jednoczesnym stworzeniu doświadczenia różniącego się od perspektywy wizualnej. Aby go ożywić, zapożyczyli narzędzia i strategie z filmu, ale także oparli się na zestawie zasad projektowania, których kluczową zasadą było wspieranie czytelności.

17. Ziarna Joho

Austriacki producent kawy Joho's stworzył wciągające doświadczenie multimedialne Joho's Bean, aby opowiedzieć historię pochodzenia ziaren kawy. Narracja płynnie łączy dźwięk, wideo i fotografię, angażując niemal wszystkie zmysły użytkownika. Podążając za rolnikiem przez plantację kawy, słychać śpiew ptaków, dźwięk pakowania palonych ziaren kawy do torebek, odgłos ruchliwych ulic i ruchu w mieście. Totalne zanurzenie!

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

18. Nieskazitelna droga

The Wild Path to interaktywny dziennik podróży stworzony przy użyciu 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. Ale towarzyszy mu artykuł wyjaśniający wszystkie zakulisowe technologie tworzenia infografik.

19.

Relacja dziennika The Guardian z wyborów prezydenckich w USA w 2016 r. (wyniki wyborów na żywo) wniosła element zabawy do poważnej sprawy związanej z numerami lokali wyborczych i lokalami wyborczymi. Interaktywna infografika śledziła głosy w czterech stanach. Domyślnie wykres pokazywał wyniki dla całego kraju, a gdy użytkownik najechał kursorem na dany obszar na mapie, pokazywał, jakie liczby zdobyli tam kandydaci. Kandydaci na prezydenta byli przedstawiani jako zabawne, pikselowane awatary. W miarę aktualizowania infografiki w czasie rzeczywistym uczestnicy kolorowali zwycięskie stany. Od czasu do czasu obok kandydata w dymku pojawiał się cytat.

Odzwierciedlenie wyników wyborów w czasie rzeczywistym

Przyszłość wizualizacji danych jest interaktywna.

Ale jak stworzyć naprawdę niesamowite interaktywne infografiki?

Infografiki są wszędzie, a ostatnio stają się coraz bardziej interaktywne.

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

1. Zrozumieć psychologię

Zanim stworzysz infografikę interaktywną, ważne jest, aby zrozumieć, dlaczego chcesz, aby była interaktywna.

Jak szczegółowo opisano w tej infografice, ludzie lepiej postrzegają informacje wizualne. Dużo chętniej przeczytamy, zrozumiemy i zapamiętamy prezentację, jeśli ma ona angażującą oprawę wizualną. to skuteczne narzędzie do nauki, ale może być jeszcze lepsze.

Uczenie się kinetyczne jest świetną alternatywą, ponieważ ludzie uczą się lepiej poprzez aktywność fizyczną.

Dlatego dodanie interaktywności do obiecującego pola 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 poprawią one jedynie treść.

Ruch dodaje znaczenia informacjom, pozwala użytkownikowi kontrolować doznania i angażuje wyobraźnię w sposób, jakiego nie potrafią statyczne 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 materiałów wizualnych w Internecie i w naszym codziennym życiu. YouTube i Instagram są zdominowane przez treści wizualne; YouTube to trzecia najczęściej odwiedzana witryna w sieci, a na Instagramie codziennie publikowanych jest ponad 80 milionów zdjęć.

Posty i artykuły na blogu są o 80% bardziej prawdopodobne, jeśli zawierają kolorowe obrazy, nagłówki lub miniatury, a ludzie spędzą w witrynie nie więcej niż 15 sekund, jeśli nie przyciągną one od razu ich uwagi.

Infografiki są popularne wśród odbiorców i sprzedawców detalicznych i są dziś o 800% bardziej interesujące dla ludzi niż w 2012 roku.

Do tego treści powstają w zastraszającym tempie – 60% marketerów codziennie tworzy przynajmniej niewielką ilość nowych treści! Więcej dowiesz się z artykułu recenzyjnego.

W miarę jak coraz więcej osób zaczyna tworzyć treści, jedno staje się jasne: aby zostać zauważonym, musisz się wyróżniać.

Naturalnie content marketerzy 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 kryją się na horyzoncie. Ten typ myślenia przyszłościowego może polepszyć lub zniweczyć Twoje wysiłki związane z marketingiem treści; musisz się dostosować, inaczej utoniesz.

Dzięki treściom wizualnym, takim jak infografiki, marketerzy mają wyjątkową okazję zobaczenia nadchodzącej przyszłości. Firmy, graficy i marketerzy zaczynają wykorzystywać infografiki i aktualizować je, aby uczynić je jeszcze bardziej atrakcyjnymi dla swoich odbiorców. Nawet jeśli już regularnie „publikujesz” infografiki, nigdy nie jest za wcześnie, aby dowiedzieć się o trendach, które dopiero zaczynają się rozwijać, tak samo jak nigdy nie jest za wcześnie, aby dowiedzieć się, jak wdrożyć je w swoje strategie content marketingu.

Jeśli chcesz spojrzeć w przyszłość, a może nawet nauczyć się kilku sztuczek przed wszystkimi innymi, teraz jest na to czas!

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

Jeśli szukasz fajnego narzędzia do tworzenia infografik, polecam sprawdzić Visme. Na początek oferują bezpłatne konto i świetne, przyjazne dla użytkownika funkcje dla osób niebędących projektantami. Już teraz możesz otrzymać darmowe konto.

1. Infografiki interaktywne

Chociaż widzieliśmy już piękno interaktywnych stron internetowych i łatwych w obsłudze gier, interaktywne infografiki są wciąż dość nowe w swojej dziedzinie. Podobnie jak infografiki, zawierają one oczywiście pewne informacje i zazwyczaj mają charakter dynamiczny. Jednak korzystanie z elementów interaktywnych daje użytkownikom możliwość łączenia się z informacjami i tworzenia własnych.

Bez względu na Twoją firmę, produkt, usługę czy przekaz, możesz stworzyć interaktywną infografikę, która pozwoli ludziom ocenić siebie (na przykład „oblicz tutaj swoje BMI”). Użytkownicy mogą również kliknąć odpowiednie informacje, które przekierują ich do bardziej szczegółowych zasobów lub z powrotem na stronę docelową, generując w ten sposób ruch. To bardzo elastyczny i zabawny sposób na zaangażowanie odbiorców.

Wielu marketerów przystosowało się już do tego typu infografiki i szybko się to przenosi. Ale jednocześnie wielu nadal przyjmuje za podstawę proste infografiki:

….wyobraź sobie, co jeszcze możesz zrobić dzięki interaktywnym infografikom.

Możesz spróbować:

  • Używanie technik przewijania, które sprawiają, że obrazy lub kształty wyróżniają się na tle
  • Konstruowanie „wyskakujących okienek”, które rozszerzają obszary tekstowe
  • Obrazy lub statystyki pojawiają się po kliknięciu
  • Zmień swoją infografikę w wiele stron, które użytkownicy mogą przeglądać

Aby zobaczyć bardziej szczegółowy przykład interaktywnej infografiki, spójrz na tę:

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

Pomimo dodatkowego wysiłku zostaniesz nagrodzony wyjątkową, angażującą i skuteczną treścią.

Dlaczego warto w najbliższej przyszłości spróbować wdrożyć infografiki?

  • Zachęca to odbiorców do interakcji i udostępniania Twoich treści.
  • Generuje to ruch (poprzez linki)
  • To udowadnia Twoim odbiorcom, że jesteś innowacyjny, zaradny i zamierzasz dostarczać aktualne i interesujące treści.
  • Istnieją warstwy interaktywnych infografik, które ułatwiają zarządzanie rozwojem

2. Osadzone wideo i GIF

To inny rodzaj infografiki, z którym spotykamy się dziś coraz częściej. Infografiki zawierające krótkie filmy lub nawet pliki GIF (Graphics Interchange Format) to świetny sposób na przyciągnięcie uwagi i wyróżnienie infografiki z tłumu. Chociaż jest to ograniczone w zależności od platformy, możesz udostępniać swoje infografiki w czasie teraźniejszym.

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 programu Powerpoint, który możesz także zamienić w infografikę.

Co więcej, możesz znaleźć miliony GIF-ów online i wstawić je w ten sam sposób. Problem polega na tym, że będziesz musiał rozpowszechnić infografikę jako adres URL, aby mieć pewność, że zostanie ona prawidłowo osadzona w Twojej witrynie. Nie możesz rozpowszechniać ani zapisywać takich infografik w formacie .jpeg lub PDF. Bez wątpienia, gdy stanie się to coraz bardziej popularne, pojawią się inne narzędzia do wstawiania plików wideo i GIF, które jeszcze bardziej ułatwią ten proces.

Jeśli jednak chcesz używać tego typu infografiki, zanim wszyscy wokół Ciebie, nawet ich psy, nauczą się, jak to zrobić, zacznij już teraz, korzystając z narzędzi dostępnych w Internecie.

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

Po co osadzać wideo lub GIF w infografice?

  • Daje to element zaskoczenia – ludzie nie spodziewają się, że obraz się poruszy!
  • Jest to bardzo zabawne i oryginalne, co zwiększa szansę na interakcję i udostępnienie Twojej infografiki.
  • Ten dobry sposób pokaż wszystkim wyjątkowość swojej marki

3. Animowane infografiki

Animowane infografiki posiadają ogromną ilość wzorów wizualnych i wymagają dużej uwagi. Gdy użytkownik przegląda stronę, zwykle nie spodziewa się, że cokolwiek się poruszy, dlatego dobrze jest nauczyć się wszystkich tych technik, zanim zrobią to wszyscy inni.

Ponieważ wiele animowanych infografik jest dość skomplikowanych i może wymagać pewnego rodzaju projektowania graficznego, kodowania i/lub znajomości oprogramowania, 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żna także znaleźć różne usługi pomagające w tworzeniu tego typu infografik. W każdym razie jest to jeden z najtrudniejszych procesów w ewolucji infografik.

Dlaczego warto inwestować swój czas, energię i/lub pieniądze w tworzenie animowanych infografik?

  • To naprawdę sprawi, że wyróżnisz się z tłumu, ponieważ nie każdy ma dostęp do tego rodzaju oprogramowanie lub treść
  • Za kilka lat będzie to codzienność – będziesz jednym z pierwszych, którzy to zrobią!
  • Animacja sprawi, że informacje zawarte w infografice będą bardziej zapadające w pamięć
  • To zainspiruje użytkowników do współpracy z Tobą.

To nie jest science-fiction.

Może się to obecnie wydawać zbyt techniczne i przekracza Twoje możliwości, ale jest prawdopodobne, że za 2-3 lata tego typu infografiki staną się bardzo powszechne. Już teraz możemy zaobserwować wyraźny przełom w dziedzinie animowanych infografik i GIF-ów, zwłaszcza że GIF-y cieszą się coraz większą popularnością. Infografiki stają się jednym z najchętniej konsumowanych i najczęściej tworzonych rodzajów treści w Internecie. Dlaczego? Tak, ponieważ mózg potrzebuje tylko 250 milisekund, aby zaakceptować i przetworzyć znaczenie symbolu.

Jeśli przeciętny człowiek spędza w witrynie około 15 sekund, a potem zaczyna się nudzić, wtedy naturalnie chcesz wyświetlić na ekranie wszystko, co może go powstrzymać – lub przynajmniej otrzymać wiadomość w ciągu 15 sekund lub szybciej. Niektóre badania dowodzą nawet, że człowiek jest w stanie skoncentrować się na czymś nie dłużej niż 8 sekund, a liczba ta z roku na rok maleje.

To jest powód i być może produkt uboczny naszej ciągłej potrzeby otrzymywania informacji. Żyjemy w erze informacji i każda informacja jest dla nas dostępna. Oznacza to jednak również, że im więcej osób próbuje dzielić się wiadomościami i odpowiadać na każde możliwe pytanie, tym więcej produkowanych treści staje się szumem tła.

Jeśli dzisiejsza dostępność infografik jest jakąkolwiek wskazówką, wkrótce będą one wszędzie. Oznacza to nowe zmiany w Twojej pracy. Żadna kampania marketingowa w historii nie odniosła sukcesu, wykonując w kółko to samo.

Pomysł jest taki, aby postrzegać infografikę jako coś więcej niż tylko obraz JPEG. Infografiki można dostosować do różnych mediów i wykorzystywać na wielu różnych platformach. Przedsiębiorcy i marketerzy dostrzegli już w tym potencjał. A ty?