Инфографика

Инфографика: как данные и процессы превращают в картинку

Инфографика — визуальное представление информации, данных и знаний, в котором графика, числа и короткий текст работают вместе. Слово заимствовано из английского infographic — сокращения от information («информация») и graphic («графика»). Задача инфографики — дать читателю структуру: что больше чего, что за чем следует, из чего состоит целое. Абзац текста этого не умеет, потому что читатель собирает картину по кускам, а на схеме видит её сразу.

Приёму больше двух веков. В 1786 году Уильям Плейфэр выпустил «Коммерческий и политический атлас» со столбчатыми и линейными диаграммами. В 1869 году Шарль Минар нарисовал поход армии Наполеона на Москву: на одной карте показаны численность войск, маршрут и температура. В 1925–1934 годах в Вене Отто Нейрат с командой разработал метод картинной статистики, позднее названный Isotype: систему пиктограмм для передачи статистики людям без специальной подготовки.

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

Виды инфографики: от столбиков до карты и таймлайна

По формату инфографику делят на статичную (картинка), анимированную (видео, GIF) и интерактивную (данные меняются по клику). Статичную проще встроить в статью и карточку товара, анимированную — в соцсети и презентации, интерактивную — в лонгриды и аналитические разделы.

Принципы: как сделать инфографику, которую дочитают

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

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

Как создают инфографику: пять шагов и инструменты

1. Цель и аудитория. Что читатель должен понять или сделать после взгляда на картинку.
2. Данные. Собирают и проверяют числа, отбрасывают лишнее.
3. Структура. Рисуют черновик на бумаге или в схеме: порядок блоков и иерархию.
4. Дизайн. Подбирают форму для данных, цвета, шрифты и иконки.
5. Проверка. Показывают человеку из аудитории: понял ли он главное за десять секунд.

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

Инфографика для маркетплейсов: короткий разбор с расчётом

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

Пример расчёта. Допустим, карточку смотрят 10 000 раз в месяц, конверсия в заказ 2%, то есть 200 заказов. После замены двух текстовых слайдов инфографикой конверсия выросла до 2,3%: 230 заказов, плюс 30. При среднем чеке 1 500 ₽ это 45 000 ₽ выручки в месяц. Окупаемость считают как прирост выручки за вычетом стоимости слайдов; цифры в примере условные, у вашей карточки результат будет свой.

Частые вопросы