Что такое инфографика
и какой она бывает

теория

Чем инфографика отличается от картинок с иконками и как её формат зависит от задач

Инфографика — это не картинки с иконками

За инфографику часто принимают картинки с иконками, графиками, числами и стрелками, которые внешне и правда могут быть похожи, но вот по смыслу — нет.
Если на картинке есть графики и иконки, но нет чёткой структуры и правильных акцентов, то это не инфографика, а набор разрозненных фактов. Например, как здесь:

Есть числа, цветовые акценты, иконки, но это не инфографика, потому что сложно сконцентрироваться и выделить главное. Плюс непонятно, куда смотреть и что хотел сказать автор

Или здесь:

Много информации, есть иконки, блоки, числа и даже стрелочка, но читателю самостоятельно нужно разбираться, что здесь происходит, какая информация главная и в чём посыл. А если не вникать в текст, вообще не понятно, рассказывают тут о катаракте или о чём-то другом

Если проводить аналогию, то иконки, графики, стрелки — это буквы, а инфографика — законченное произведение. Скомпонованные как попало буквы и слова вряд ли кто-то назовёт романом, зато картинки с иконками и числами нередко принимают за инфографику. Но инфографику отличают два важных свойства:

она делает информацию нагляднее,
и понятнее.

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

Инфографика упрощает
восприятие информации

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

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

При этом пока конвейер перенастраивают, работа стоит. Переключение внимания — это и есть перенастройка конвейера, только происходит она не на заводе, а у нас в голове.

Чтобы лучше понять, сколько энергии уходит на переключение внимания, проведите эксперимент: попробуйте сосчитать семёрки на этой картинке и отследите, сколько времени уйдёт:

Эксперименты по переключению внимания из книги «Как работать в рабочее время»

Теперь попробуйте сделать это ещё раз, а затем сравнить, сколько времени на поиск семёрок потребовалось в первый и во второй раз:

Разница между временем, потраченным в первый и второй разы, — это и есть потеря энергии из-за переключения внимания.

Чтобы сделать информацию проще для восприятия, инфографер сначала отвечает на вопрос: а что должен получить читатель? В случае с нашим примером читатель должен получить возможность быстро посчитать семёрки. Затем инфографер перерабатывает информацию: сам находит нужные семёрки. А после делает так, чтобы и читатель смог их быстро найти и сосчитать, в нашем примере — расставляет цветовые акценты на семёрках. Получается, инфографер выполняет за читателя часть работы.

Ещё один эксперимент: проверьте, сколько времени вам понадобится, чтобы сосчитать от 1 до 16:

Кажется, много. Но если сделать вот так, на подсчёт уйдёт минимум времени:

Во втором случае инфографер также разбирается с задачей, анализирует информацию, но использует другое решение — не расставляет акценты, а структурирует информацию так, чтобы читатель не тратил силы на её распутывание.

Переключение внимания отнимает у читателя силы не только в экспериментах из примеров. Любая тема, например обжарка кофе, производство руды, история Костромского княжества или принципы управления персоналом, состоит из блоков информации. Внутри этих блоков могут быть разные факты, мысли, идеи, и если всё это не структурировать, получится как в примерах с хаотично расположенными числами: читателю придётся самому выстраивать логические цепочки и выделять главное.

Инфографика отличается от визуализации

Ещё инфографику часто путают с визуализацией. Визуализация — это оформление простой информации, при котором данные подаются в другой форме, например текст превращается в схему. А инфографика — это переработка разнородной исходной информации, вычленение главного, структурирование и расстановка акцентов. Проще говоря, визуализация — это работа с оформлением, а инфографика — работа со смыслами.

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

Визуализация

Простая инфографика

Сложная инфографика

А теперь давайте посмотрим на примерах. Начнём с визуализации:

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

Простая инфографика в виде блок-схемы с иконками, стрелочками. Схема небольшая, но чтобы её создать, инфографер переработал огромный вордовский документ с разрозненными данными. По аналогии с буквами и произведениями, эту работу можно назвать главой в книге

Сложная инфографика. Чтобы создать такую, инфографер изучил работу компании, оборудование, производственные процессы, собрал данные по каждому этапу обработки руды. Затем структурировал всё это и расставил акценты. В итоге читатель может погрузиться в историю переработки руды: от карьера до готового изделия. Это уже целая повесть

Итак, инфографику от других форм подачи информации отличают два свойства:

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

Формат инфографики зависит от задачи, которую она решает

Инфографика может принимать разные формы, глобально мы выделяем три группы форматов:

статика — это буклеты, плакаты, инструкции, методички;
анимация — анимированные ролики и ролики-презентации;
диджитал — интерактивная инфографика, сторилендинги, интерактивные презентации.

Формат зависит от задачи, которую инфографика решает, и аудитории — кто и где будет её изучать. Для наглядности разберём несколько примеров инфографики в разных форматах в связке с задачами бизнеса.

Статика: буклет-инструкция по онбордингу сотрудников для Альфа-страхования

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

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

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

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

Анимация: ролики о грейдах для Ниссана

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

буклеты с общей информацией и пошаговыми чек-листами;
анимацию;
видеоролики.

Расскажем об анимации.

В анимированных роликах персонаж в форме Ниссана рассказывает о грейдах: какие к кому предъявляются требования и как с начального уровня перейти на продвинутый. Чтобы создать ролик, мы переработали громоздкий, многостраничный алгоритм из Экселя сначала в чек-листы, а потом — в сценарий ролика

Формат анимации выбрали неслучайно. У Ниссана уже были носители — плазмы в столовых, зонах отдыха, коридорах. В этих помещениях сотрудники не заняты работой, при этом им особо больше некуда смотреть, кроме как на экраны. Так у компании получилось постепенно обратить внимание всех сотрудников на грейды и заинтересовать их.

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

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

«Да, реально же, Петрович всего год назад работал в нашей команде, а сейчас уже начальник! Получается, и я так могу?»

Комбо форматов: диджитал, разворот в газете и настольная игра для Евраза

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

Сложность заключалась в разнородности аудитории — это были и простые рабочие, и офисные сотрудники. Чтобы охватить всех, мы использовали четыре формата:

разворот в корпоративной газете;
настольную игру;
сторилендинг;
интерактивный тест.

Мы предполагали, что офисным сотрудникам будет проще взаимодействовать с диджитал-форматами, а рабочим — со статикой. Но это не значит, что диджитал-форматы были недоступны рабочим, и наоборот.

Диджитал. Мы использовали два диджитал-формата: сторилендинг и интерактивный тест.

Сторилендинг «Риск-управление» рассказывает о новом подходе компании к управлению рисками. Здесь же объясняется, что теперь нужно, а чего не нужно делать, например: нужно наблюдать за производственной средой и вмешиваться, если есть риск, и не нужно молчать и ждать происшествий

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

Статика. Вторая аудитория проекта — это рабочие, которые большую часть времени проводят не за компьютерами, а в «полях». Для них мы выбрали статичные форматы: разворот в корпоративной газете и настольную игру.

Разворот газеты для рабочих, у которых нет постоянного доступа к компьютеру или телефону. Им проще узнавать новости из корпоративной газеты, например почитать её за обедом, в перерывах или в автобусе по дороге с работы домой

Настольная игра по риск-управлению. Чтобы её создать, мы проанализировали новую программу по управлению рисками и придумали сценарий игры. Главный показатель эффективности для нас — это интерес сотрудников к игре: в неё играют дома с семьёй и в перерывах с коллегами. И, в отличие от инструкций, игра обучает ненавязчиво

Короче

Главная задача инфографики — сделать так, чтобы читателю не приходилось прилагать усилия для восприятия информации. Для этого над ней работают инфограферы, которые не просто красиво рисуют, а изучают исходные данные, выделяют ключевые мысли, структурируют данные и расставляют акценты.

Инфографика отличается от других форм подачи информации крепкой структурой и правильно расставленными акцентами.

Формат инфографики зависит от задач, которые она решает, и аудитории: кто и где будет изучать инфографику.

Делился знаниями и опытом Николай Романов, стратегический директор Инфографики. Общалась и редактировала Светлана Дучак, редактор.

Читать другие статьи

6 главных ошибок в презентациях

10 простых сервисов визуализации данных

Расскажите о вашей задаче