25 интерактивных инфографик для дизайнера внутри вас
С начала века инфографика оказала сильное влияние на то, как мы рассматриваем веб-медиа. С самого начала он был революционным как идеальное средство как для представления данных, так и для развлечения аудитории.
Успех инфографики развивался с тех пор. Всего несколько лет назад инфографика стала чрезвычайно популярной благодаря стремительному развитию цифрового маркетинга и поисковой оптимизации.
С их популярностью произошли некоторые изменения в том, как они были представлены. Только лучшие из лучших были опубликованы в социальных сетях, что привело к повышению узнаваемости бренда и вовлеченности потребителей.
По мере того, как традиционная инфографика развивалась, чтобы не отставать от меняющихся вкусов потребителей, она принесла миру интерактивную инфографику, которая на сегодняшний день становится самой востребованной формой представления данных, даже делая некоторые статичные инфографики устаревшими и неактуальными.
Чтобы помочь вам оставаться впереди игры с графическим дизайном и создать инфографику, которая может стать вирусной, взгляните на этот список потрясающей интерактивной инфографики.
1 Восточный Теннесси от Derby Supply Chain Solutions
Эта инфографика, предназначенная для описания истории, культуры и забавных фактов Восточного Теннесси, использует прокрутку параллакса, чтобы оживить пейзаж по мере того, как связаны различные факты и информация. Это делает изучение этого конкретного места намного более приятным!
Вы, наверное, не знали, что у человечества была версия социальных сетей, которая восходит к 1800-м годам, не так ли? Эта инфографика позволяет пользователю просмотреть различные периоды времени, чтобы открыть для себя долгую и интересную историю социальных сетей на протяжении веков. Возможность контролировать скорость и порядок информации — захватывающая перспектива для потребителей.
3 Как работает поиск от Google
У Google, вероятно, больше статистических данных и информации об использовании и просмотре Интернета, чем у любой другой компании, и они делятся некоторыми из этих данных в этой инфографике, которая объясняет популярность веб-поиска и то, как они работают, через историю из трех частей, которую пользователи могут прокручивать. в своем собственном темпе.
4 веб-браузера и разрешения от Webby Monks
Эта анимированная информационная свалка просто забавна. По мере того, как вы прокручиваете яркую и информативную графику, появляется захватывающая графика, которая помогает улучшить данные и сделать процесс обучения более увлекательным.
5 Просвещенный счастливый час: интерактивный путеводитель по тому, что вы пьете по пятой колонке
Все любят «счастливые часы», но все калории, съеденные за один присест, мало что сделают для вашей талии. Эта инфографика использует настройки бара и позволяет вам щелкать различные типы напитков, чтобы узнать информацию о питании для каждого из них, включая калории и содержание алкоголя. Обратите внимание на убедительность визуальных эффектов.
6 Эволюция взглядов от Vision Critical
Возможно, вас не волнует история маркетинговых исследований, но вам все равно будет интересно просмотреть эту захватывающую инфографику, которая использует яркую графику и множество страниц, чтобы поделиться историями многих влиятельных людей и событий с 1900-х годов до наших дней.
7 политических прав женщин во всем мире от The Guardian
Узнайте как о правах женщин в разных частях мира, так и об отличном интерактивном дизайне с помощью этой живой инфографики. Зрители могут нажать на любую страну или регион в мире, чтобы узнать о политических правах женщин в этой стране. Эта инфографика великолепна, потому что создатели представляют большие объемы информации, но создатели визуального представления представляют ее таким образом, чтобы пользователи могли получить нужную им информацию, не чувствуя себя перегруженными.
8 угроз безопасности розничной торговли от Nuspire
Эта интерактивная инфографика использует HTML5 и макет типичного офисного помещения, чтобы точно показать, насколько предприятия уязвимы для хакеров. Зрителям предлагается использовать пробел или клавиши со стрелками для перехода от одной угрозы безопасности к другой. Это помогает донести информацию до людей, поскольку визуальное представление показывает предприятиям самые слабые физические места. Это угроза, которую они действительно могут испытать.
9 Почему вам не следует садиться за руль в нетрезвом виде с парковок в центре города в Лидсе
Эта инфографика навеяна праздничными днями, когда вождение в нетрезвом состоянии является худшим. Потребители могут сообщить этой инфографике, сколько они выпили, и она сообщит им, превышает ли это количество установленный законом лимит. Он сопровождается серией статистических данных, призванных способствовать повышению безопасности улиц.
10 интерактивных полетов от The Guardian
Посмотрите, как крошечные реактивные самолеты и самолеты пересекаются в воздухе одновременно, чтобы увидеть, как часто люди летают. Он показывает как самое загруженное время для полетов, так и районы с наибольшим воздушным движением. Это увлекательное представление данных, мягко говоря, поощряет личное исследование данных.
11 13 причин, почему ваш мозг жаждет инфографики от NeMam Studios
Если вы забыли, почему инфографика так успешна, эта анимированная графика напомнит вам об этом. Благодаря ярким цветам, параллаксной прокрутке и нужному количеству графического движения, этот визуальный + держит зрителей развлеченными и информированными до самого конца.
12 Картографирование мертвых: смерти от огнестрельного оружия после Сэнди Хук, The Huffington Post
На этом отрезвляющем графике показаны наиболее распространенные регионы США, в которых гибли от огнестрельного оружия после стрельбы в начальной школе Сэнди-Хук. Тема инфографики грустная, но презентация блестяще доносит мысль.
13 Dribbble: для чего он используется? ООО «Дрибббл»
Почти каждый элемент этой инфографики HTML5 оживает, когда вы перемещаете курсор, чтобы показать другой элемент того, как использовать Dribble. Хотя большая часть информации на этом графике могла бы быть более конкретной, использование анимации делает доступ к содержимому чрезвычайно простым и увлекательным.
14 Как работает автомобильный двигатель от Animagraffs
Эта инфографика бьет прямо в голову своей графикой, поскольку понимание того, как работает автомобильный двигатель, действительно то, что вам нужно увидеть в действии. он объясняет в замедленной съемке, как двигатель оживает, с серией графиков, показывающих, что делает каждая часть двигателя.
15 Сколько семей похожи на вашу? из Нью-Йорк Таймс
Если вы когда-нибудь задавались вопросом, уникальна ли ваша домашняя ситуация, это интерактивное изображение даст вам ответ. Пользователь может выбрать различные варианты размеров семьи и ситуаций, чтобы узнать, как остальная часть страны совпадает. Он не так актуален, как мог бы быть, но по-прежнему представляет собой отличное представление о том, как правильно использовать анимированную графику.
16 Светлое будущее каршеринга
Когда вы просматриваете эту инфографику, вы можете сесть в маленькую зеленую машину и поехать в своем собственном темпе, чтобы узнать, как каршеринг должен измениться с годами. Существует несколько способов взаимодействия с этой инфографикой. Вы можете прокручивать из стороны в сторону, чтобы переместить автомобиль, или наводить курсор на определенные элементы визуального элемента, чтобы получить дополнительную информацию. Множественные формы взаимодействия чрезвычайно эффективны для удержания зрителей от начала до конца.
17 правдивых рыбных сказок от United Marine
Этот сайт — мечта рыбака. Он не только раскрывает некоторые из лучших промысловых рыб в каждой области, но также делится историями тех, кто поймал самую большую хищную рыбу и выиграл. Легко переходить от одного информационного пункта к другому, а истории о больших рыбах захватывают.
18 голодных технологических гигантов от Simply Business
Эта инфографика сравнивает рост пяти крупных технологических компаний. Он показывает как время роста, так и сумму, которую заработал каждый бизнес. Если вы нажмете на значок каждой компании, вы попадете на страницу о финансовом состоянии каждой компании, что является очень эффективным способом передачи большого количества информации при сохранении целостности визуального образа.
19 Эволюция Интернета
Взгляните на то, как этот график медленно движется от зарождения Интернета к тому, что мы имеем сегодня. Простое начало, которое приводит к более сложному состоянию, эффективно показывает, насколько большим и широко распространенным стал Интернет всего за 20 коротких лет. В довершение ко всему, пользователь может выбрать один из нескольких языков.
Прогуляйтесь по улице с 1950-х годов до наших дней и узнайте о некоторых из самых влиятельных партнеров по сотрудничеству. Пользователь может щелкнуть по каждому периоду времени и изучить историю на досуге. Инфографика удерживает внимание зрителя до самого конца, когда компания раскрывает свой призыв к действию. Еще одно графическое представление, способное эффективно конвертировать аудиторию.
21 Подключение: как малый бизнес использует технологии от Good Infographics
Одна из самых больших проблем инфографики — представить большой объем информации, не перегружая аудиторию. Этот визуальный элемент делает именно это без сучка и задоринки, позволяя посетителю щелкнуть инфографику, чтобы прочитать данные. Визуальное и привлекательное, и информативное, подводит читателя к логическому завершению.
22 Эволюция игровой консоли от Design by Soap
Посмотрите, сколько стоила игровая консоль 1972 года по сравнению с сегодняшним днем. Визуальное изображение переносит вас из года в год, показывая каждую созданную консоль, год ее выпуска и стоимость тогда и сейчас. На каждой странице консоли есть место, где пользователи инфографики могут прочитать дополнительную информацию об отдельной консоли.
23 эпических путешествия от консольных игр от Butler’s Bingo
Геймерам во всем мире нравится эта инфографика, в которой содержится полезная информация о различных популярных видеоиграх. Вы можете выбирать из нескольких разных игр и узнавать информацию о сюжете и миссиях в игре. Это легко щелкнуть и наслаждаться представленной информацией. Это идеальная инфографика для компаний, которые хотят привлечь внимание потребителей.
24 Начало, объясненное вместе
Помните фильм 2010 года «Начало» с Леонардо ДиКаприо и Джозефом Гордон-Левиттом? Это сбивает с толку, если не сказать больше. Если вы один из тех, кому было трудно уследить за всей концепцией создания и того, как персонажи переходили от одного этапа к другому, эта инфографика для вас. Что еще более важно, эта инфографика — отличный пример того, как рассказать историю с помощью тактики параллакса.
25 Бонд: водительские права
В этой инфографике каждый найдет что-то для себя. Для автомобильных фанатов он показывает одни из самых крутых автомобилей за всю историю фильмов о Бонде. Для фанатиков Бонда он показывает немного о каждом фильме о Бонде (включая тот, который еще не вышел). А для дизайнеров это показывает исключительный способ удерживать аудиторию от начала до конца с помощью этого интерактивного изображения.
Каждый из этих примеров предлагает что-то новое об успешном инфографическом дизайне. Изучая каждый из этих графиков, вы обнаружите, что вы считаете блестящим, а что не работает так успешно. В любом случае, это поможет вдохновить вас на создание эффективного графического дизайна в 2015 году.