25 Interaktywnych Infografik dla Projektanta w Tobie
Od początku wieku infografiki wywierają ogromny wpływ na sposób, w jaki postrzegamy media internetowe. Na początku był rewolucyjny jako doskonałe medium zarówno do przedstawiania danych, jak i rozrywki publiczności.
Sukces infografik ewoluował od tego czasu. Zaledwie kilka lat temu infografiki stały się niezwykle popularne wraz z erupcją marketingu cyfrowego i optymalizacji pod kątem wyszukiwarek.
Wraz z ich popularnością przyszło kilka zmian w sposobie ich prezentacji. Tylko najlepsze z najlepszych zostały udostępnione w mediach społecznościowych, co zaowocowało wyższą świadomością marki i zaangażowaniem konsumentów.
W miarę jak tradycyjna infografika ewoluowała, aby nadążyć za zmieniającymi się gustami konsumentów, przyniosła światu interaktywną infografikę, która do tej pory staje się najbardziej poszukiwaną formą reprezentacji danych, a nawet sprawia, że niektóre statyczne infografiki są przestarzałe i nieistotne.
Aby pomóc Ci wyprzedzić grę dzięki projektowi graficznemu i stworzyć infografikę, która może stać się wirusowa, spójrz na tę listę niesamowitych interaktywnych infografik.
1 Eastern Tennessee z Derby Supply Chain Solutions
Ta infografika zaprojektowana w celu opisania niektórych historii, kultury i zabawnych faktów wschodniego Tennessee wykorzystuje przewijanie paralaksy, aby ożywić krajobraz, ponieważ różne fakty i informacje są ze sobą powiązane. To sprawia, że poznawanie tej konkretnej lokalizacji jest o wiele przyjemniejsze!
2 Pełna historia mediów społecznościowych autorstwa AvaLaunch Media
Prawdopodobnie nie wiedziałeś, że rasa ludzka ma wersję mediów społecznościowych, która sięga XIX wieku, prawda? Ta infografika pozwala użytkownikowi przeglądać różne okresy, aby odkryć długą i interesującą historię mediów społecznościowych na przestrzeni wieków. Możliwość kontrolowania szybkości i porządku informacji to ekscytująca perspektywa dla konsumentów.
3 Jak działa wyszukiwanie w Google
Google prawdopodobnie ma więcej statystyk i informacji na temat korzystania z Internetu i przeglądania Internetu niż jakakolwiek inna firma, i udostępnia niektóre z tych danych w tej infografice, która wyjaśnia popularność wyszukiwania w sieci i sposób, w jaki działają one w trzyczęściowej historii, którą użytkownicy mogą przewijać we własnym tempie.
4 przeglądarki internetowe i rozwiązania autorstwa Webby Monks
Ten animowany zrzut informacji jest po prostu zabawny. Podczas przewijania jaskrawo kolorowych i pełnych informacji grafik pojawiają się przyciągające wzrok grafiki, które pomagają ulepszyć dane i sprawiają, że nauka jest o wiele przyjemniejsza.
5 Oświecona szczęśliwa godzina: interaktywny przewodnik po tym, co popijasz według kolumny piątej
Wszyscy uwielbiają happy hour, ale wszystkie kalorie spożywane podczas tego jednego siedzenia nie mają większego wpływu na talię. Ta infografika wykorzystuje ustawienie paska i pozwala klikać różne rodzaje napojów, aby znaleźć informacje o wartości odżywczej każdego z nich, w tym kalorie i zawartość alkoholu. Zwróć uwagę na przekonujący charakter oprawy wizualnej.
6 Ewolucja Insight przez Vision Critical
Możesz nie interesować się historią badań rynkowych, ale nadal będziesz zainteresowany przejrzeniem tej wciągającej infografiki, która wykorzystuje odważną grafikę i różnorodne strony, aby podzielić się historiami wielu wpływowych ludzi i wydarzeń od 1900 do chwili obecnej.
7 praw politycznych kobiet na całym świecie z The Guardian
Dowiedz się zarówno o prawach kobiet w różnych częściach świata, jak i o wspaniałym interaktywnym projektowaniu dzięki tej żywej infografice. Widzowie mogą kliknąć dowolny kraj lub region na świecie, aby dowiedzieć się o prawach politycznych tamtejszych kobiet. Ta infografika jest genialna, ponieważ twórcy prezentują duże ilości informacji, ale twórcy wizualizacji przedstawiają je w taki sposób, aby użytkownicy mogli uzyskać potrzebne informacje bez poczucia przytłoczenia.
8 zagrożeń bezpieczeństwa handlu detalicznego autorstwa Nuspire
Ta interaktywna infografika wykorzystuje HTML5 i makietę typowej przestrzeni biurowej, aby dokładnie pokazać, jak bardzo firmy są narażone na ataki hakerów. Widzowie są proszeni o używanie spacji lub klawiszy strzałek, aby przechodzić od jednego zagrożenia bezpieczeństwa do drugiego. Pomaga dotrzeć z przekazem, ponieważ wizualizacja pokazuje firmy w najsłabszych lokalizacjach fizycznych. To zagrożenie, którego naprawdę mogą doświadczyć.
9 Dlaczego nie powinieneś pić i jechać z parkingów w centrum miasta w Leeds
Ta infografika jest inspirowana wakacjami, kiedy picie i jazda samochodem jest najgorsze. Konsumenci mogą powiedzieć tej infografice, ile wypili, a ona poinformuje ich, czy ta ilość przekracza ustawowy limit. Towarzyszy mu seria statystyk w celu promowania bezpieczniejszych ulic.
10 lotów interaktywnych autorstwa The Guardian
Oglądaj jednocześnie maleńkie odrzutowce i samoloty krzyżujące się w powietrzu, aby zobaczyć, jak często ludzie uciekają. Pokazuje zarówno najbardziej ruchliwe pory lotów, jak i obszary, w których odbywa się największy ruch lotniczy. Jest to co najmniej fascynująca reprezentacja danych, która zachęca do osobistej eksploracji danych.
11 13 powodów, dla których Twój mózg pragnie infografik od NeMam Studios
Jeśli zapomniałeś, dlaczego infografiki są tak skuteczne, ta animowana grafika Ci to przypomni. Dzięki jasnym kolorom, przewijaniu paralaksy i odpowiedniej ilości ruchu graficznego ta grafika + zapewnia widzom rozrywkę i informacje do samego końca.
12 Mapowanie zmarłych: zgony z broni palnej od Sandy Hook przez The Huffington Post
Ta otrzeźwiająca grafika przedstawia regiony, w których najczęściej dochodzi do śmierci z użyciem broni palnej w Stanach Zjednoczonych od czasu strzelaniny w szkole podstawowej Sandy Hook. Temat infografiki jest smutny, ale prezentacja świetnie nadaje się do przekazania wiadomości.
13 Dribbble: do czego służy? przez Dribbble LLC
Niemal każdy element tej infografiki HTML5 ożywa, gdy przesuniesz kursor, aby pokazać inny element korzystania z Dribble. Chociaż wiele informacji na tej grafice mogłoby być bardziej szczegółowych, użycie animacji sprawia, że dostęp do treści jest niezwykle łatwy i ekscytujący.
14 Jak działa silnik samochodowy od Animagraffs
Ta infografika trafia w samo sedno dzięki ich grafice, ponieważ zrozumienie, jak działa silnik samochodowy, to naprawdę coś, co trzeba zobaczyć w akcji. wyjaśnia w zwolnionym tempie, jak silnik budzi się do życia, za pomocą serii grafik pokazujących, co robi każda część silnika.
15 Ile rodzin jest podobnych do twoich? z New York Timesa
Jeśli kiedykolwiek zastanawiałeś się, czy sytuacja w twoim domu jest wyjątkowa, ta interaktywna wizualizacja da ci odpowiedź. Użytkownik może wybrać różne opcje wielkości rodziny i sytuacji, aby dowiedzieć się, jak pasuje reszta kraju. Nie jest tak aktualny, jak mógłby być, ale nadal stanowi doskonałą reprezentację właściwego sposobu wykorzystania animowanej grafiki.
16 Świetlana przyszłość car-sharingu
Przeglądając tę infografikę, możesz wskoczyć do małego, zielonego samochodu i jechać we własnym tempie, aby odkryć, jak car-sharing ma się zmieniać na przestrzeni lat. Istnieje więcej niż jeden sposób interakcji z tą infografiką. Możesz przewijać z boku na bok, aby przesunąć samochód lub najechać kursorem na określone elementy w wizualizacji, aby uzyskać więcej informacji. Różnorodne formy interakcji są niezwykle skuteczne w utrzymywaniu zaangażowania widzów od początku do końca.
17 prawdziwych opowieści o rybach autorstwa United Marine
Ta strona to marzenie każdego wędkarza. Nie tylko ujawnia niektóre z premierowych ryb łownych w każdym obszarze, ale także dzieli się historiami tych, którzy zmierzyli się z największą rybą drapieżną i wygrali. Łatwo jest przejść z jednego punktu informacyjnego do drugiego, a opowieści o dużych rybach są urzekające.
18 głodnych gigantów technologicznych od Simply Business
Ta infografika porównuje rozwój pięciu głównych firm technologicznych. Pokazuje zarówno czas wzrostu, jak i kwotę zarobioną przez każdą firmę. Jeśli klikniesz na ikonę każdej firmy, zostaniesz przekierowany na stronę z informacjami o stanie finansowym każdej firmy, co jest bardzo skutecznym sposobem na przekazanie wielu informacji przy zachowaniu integralności wizualnej.
19 Ewolucja sieci
Przyjrzyj się, jak ta grafika powoli przechodzi od powstania internetu do miejsca, w którym jesteśmy dzisiaj. Prosty początek, który prowadzi do bardziej złożonego stanu, skutecznie pokazuje, jak duży i rozpowszechniony stał się Internet w ciągu zaledwie 20 krótkich lat. Co więcej, użytkownik może wybierać spośród wielu języków.
20 Ewolucja współpracy społecznościowej dzięki Autodesk 360
Wybierz się na spacer ulicą od lat 50. do chwili obecnej i poznaj najbardziej wpływowych partnerów we współpracy. Użytkownik może przeglądać każdy okres i przeglądać historię w czasie wolnym. Infografika angażuje widza do samego końca, w którym firma ujawnia wezwanie do działania. Kolejna reprezentacja grafiki, która może skutecznie konwertować odbiorców.
21 Podłączanie: jak małe firmy wykorzystują technologię z dobrych infografik
Jednym z największych wyzwań infografiki jest przedstawienie dużej ilości informacji bez przytłaczania odbiorców. Ta wizualizacja robi to bez żadnych problemów, pozwalając odwiedzającemu kliknąć infografikę, aby przeczytać dane. Strona wizualna jest zarówno atrakcyjna, jak i pouczająca, prowadząc czytelnika do logicznej konkluzji.
22 Ewolucja konsoli do gier od Design by Soap
Zobacz, ile kosztowała wtedy konsola do gier zbudowana w 1972 roku w porównaniu z obecnymi. Wizualizacja przenosi cię z jednego roku do następnego, pokazując każdą utworzoną konsolę, rok jej wyprodukowania oraz koszt wtedy i teraz. Na każdej stronie konsoli znajduje się miejsce, w którym użytkownicy infografiki mogą przeczytać więcej informacji o konkretnej konsoli.
23 epickie podróże z gier konsolowych autorstwa Bingo Butlera
Gracze na całym świecie uwielbiają tę infografikę, która zawiera wnikliwe informacje o różnych popularnych grach wideo. Możesz wybierać spośród kilku różnych gier i odkrywać informacje o fabule i misjach w grze. Łatwo jest kliknąć i cieszyć się prezentowanymi informacjami. To idealna infografika dla firm, które chcą dotrzeć do wewnętrznego geeka konsumentów.
24 Początek wyjaśniony przez Togethera
Pamiętasz film Incepcja z 2010 roku z Leonardo DiCaprio i Josephem Gordonem-Levittem? Delikatnie mówiąc, jest to zdumiewające. Jeśli jesteś jednym z wielu, którym trudno było nadążyć za całą koncepcją początków i tym, jak postacie przechodziły z jednego etapu do drugiego, ta infografika jest dla Ciebie. Co ważniejsze, ta infografika jest doskonałym przykładem tego, jak opowiedzieć historię za pomocą taktyki paralaksy.
25 Bond: Prawo jazdy
W tej infografice każdy znajdzie coś dla siebie. Dla fanów samochodów pokazuje jedne z najfajniejszych samochodów w całej historii filmów o Bondzie. Dla fanatyków Bonda pokazuje trochę o każdym nakręconym filmie o Bondzie (w tym o tym, który jeszcze nie wyszedł). A dla projektantów to wyjątkowy sposób na zachwycenie odbiorców od początku do końca dzięki tej interaktywnej grafice.
Każdy z tych przykładów zawiera informacje o pomyślnym projektowaniu infografik. Studiując każdą z tych grafik, znajdziesz rzeczy, które uważasz za genialne, i rzeczy, które nie działają tak skutecznie. Tak czy inaczej, pomoże Ci to zainspirować Cię do efektywnego projektowania graficznego w 2015 roku.