Интерактивная инфографика

Графический способ подачи информации и данных, целью которого является ясная визуализация сложной информации. Одна из форм графического и коммуникационного дизайна. Интерактивная инфографика заставляет человека совершать какие-либо целенаправленные действия во время чтения, что значительно облегчает передачу и усвоение информации.

Разновидности

Подробнее

Числа в картинках

Наиболее распространённая категория, которая позволяет сделать числовые данные более удобоваримыми.
Расширенный список

Статистические данные, линия времени, просто набор фактов может быть визуализирован
Процесс и перспектива

Служит для визуализации сложного процесса или предоставления некоторой перспективы. Может вообще не содержать числовых данных.

Виды

По способу отображения

Подробнее

Статичная

Одиночные изображения без элементов анимации.
Динамическая

Инфографика с анимированными элементами. Основными подвидами динамической инфографики являются видеоинфографика, анимированные изображения, презентации.

Факторы эффективности

Подробнее
Нейронные связи

Почти половина нейронов головного мозга человека задействованы в обработке визуальной информации.
Потребление информации

Сегодня человек ежедневно потребляет в 5 раз больше информации, чем в середине 80-х годов XX столетия.
Рост мотивации

Инфографика помогает преодолеть защиту от информационного шума, так как визуальный контент на 80 % увеличивает мотивацию посетителя читать ваш материал.
Усвоение информации

Установлено, что человек усваивает лишь 70 % информации из инструкций лекарственных средств, которые содержат только текст. Если в инструкцию добавить картинки, человек усваивает 95 % информации.
Выполнение инструкций

Люди выполняют инструкции с иллюстрациями на 323 % лучше, чем инструкции без иллюстраций.

Примеры

Подробнее

Примеры

Подробнее
Карта Ветров (Wind Map)

Захватывающий образец дизайна, в котором показаны направление и скорость ветра над Соединенными Штатами. Данный дизайн несет скорее художественную, чем утилитарную цель. Пример того, как инфографика, показывающая траектории движения фигур, выигрывает от анимации и движущихся изображений.
"В полете"

В 2014 году The Guardian запустил инфографику "В полете" (In Flight), демонстрирующую данные о совершающихся в реальном времени коммерческих перелетах.
Россия, которая осталась позади

The Russia Left Behind от New York Times представляет собой работу, вызвавшую определенный резонанс. Инфографика функционирует как интерактивная поездка по России (вы прокладываете себе путь на карте).
Царская гробница в Перу

Разделяя информацию на небольшие части и позволяя пользователю перемещаться между ними, интерактивная графика избегает самых коварных ловушек: переизбытка данных и визуальных эффектов. Более того, каждое последующее взаимодействие расширяет опыт, делая его намного полезнее, чем в случае, если бы все было представлено сразу.
Результаты выборов в реальном времени

Освещение президентских выборов в США в 2016 году изданием The Guardian привнесло забавный элемент в серьезное дело. Интерактивная инфографика отслеживала голоса в четырех штатах. По умолчанию на графике были показаны результаты по всей стране, а если пользователь наводил курсор на какой-либо участок на карте — демонстрировались цифры, набранные именно там.
Машины Бонда

Интерактивная инфографика Bond Cars позволяет вам изучить модель и дизайн каждого из автомобилей Бонда, а также дает несколько дополнительных интересных фактов. Используя вездесущую тактику слайдера, вы также можете "раскрыть" автомобиль во всей его металлической красе (по умолчанию дается лишь одноцветный рисунок).