Инфографику обычно начинают с выбора шаблона, и поэтому она получается красивой и бессодержательной. Разбираем обратный порядок.
Коротко
- Без своих данных получится украшение.
- Одна мысль на одно изображение.
- Читаемость важнее оформления.
- Шаблон не спасёт пустую идею.
Когда она действительно нужна
Нужна
- Есть числа, которые стоит сравнить
- Есть порядок шагов
- Есть структура со связями
- Есть два варианта для сравнения
- Текстом это занимает страницу
Не нужна
- Данных нет, есть общие слова
- Одно число — хватит фразы
- Список из трёх пунктов
- Нужно просто «оживить» текст
- Всё уже сказано в таблице
Правая колонка целиком сводится к одному: содержания нет. Оформление не создаёт содержания — инфографика без данных превращается в набор иконок с подписями, который читателю нечего извлекать.
Что нужно подготовить до рисования
Записать мысль одной фразой
Что читатель должен понять.
Собрать числа с источниками
Свои данные или проверяемые.
Выбрать тип сравнения
Величины, доли, порядок, связи.
Убрать всё, что не про мысль
Обычно половину.
Написать подписи
До оформления, а не после.
Первый шаг отсекает большинство неудачных попыток. Если мысль не формулируется одной фразой, изображение получится про всё сразу: читатель посмотрит на него и не сможет сказать, что ему сообщили.
Как устроена читаемая инфографика
| Элемент | Требование |
|---|---|
| Заголовок | Сообщает вывод, а не тему |
| Единица измерения | Указана явно |
| Порядок элементов | Осмысленный, не случайный |
| Подписи | Рядом с элементом, не в легенде |
| Источник данных | Внизу, мелко, но есть |
| Пустое место | Его должно быть много |
Заголовок-вывод отличает полезную инфографику от оформительской. «Структура обращений» — тема; «Половина обращений приходит вне рабочего времени» — вывод, который читатель заберёт с собой, даже не рассматривая картинку.
Чем её собрать без дизайнера
| Категория инструмента | Для чего годится |
|---|---|
| Табличный редактор | Столбики и доли из своих чисел |
| Редактор презентаций | Схемы, блоки, стрелки |
| Браузерный конструктор | Шаблоны под быстрый результат |
| Векторный редактор | Когда нужен полный контроль |
| Редактор диаграмм | Структуры и процессы |
Названий конкретных сервисов здесь нет намеренно: они меняют условия и пропадают из доступа быстрее, чем обновляется статья. Выбирать стоит по трём признакам — умеет ли отдавать файл нужного качества, можно ли повторить тот же стиль в следующий раз и работает ли он у вас без ухищрений.
Ошибки, которые видно сразу
| Ошибка | Что с ней делать |
|---|---|
| Круговая диаграмма на десять долей | Заменить списком |
| Объёмные столбики | Сделать плоскими |
| Ось не с нуля | Начать с нуля |
| Иконки вместо данных | Добавить числа |
| Шесть цветов без смысла | Оставить один и акцент |
| Мелкий текст | Проверить на телефоне |
Третья строка — не вопрос вкуса. Обрезанная ось преувеличивает разницу: рост с 48 до 52 при оси от 45 выглядит как удвоение. Читатель, который это заметит, перестанет доверять и остальным вашим числам.
Как проверить результат
Показать человеку не из темы
Спросить, что он понял.
Посмотреть на телефоне
Не приближая.
Закрыть текст статьи
Понятно ли без него.
Сверить числа с источником
Ещё раз, после оформления.
Заполнить alt
Описать вывод словами.
Первая проверка самая честная и самая неприятная. Если человек не из темы за десять секунд не пересказал вывод, дело не в нём: заголовок не сообщает вывод либо на изображении слишком много всего.
Частые вопросы
С чего начинать инфографику?
С мысли, которую читатель должен забрать, и с данных под неё. Выбор шаблона — последний шаг, а не первый.
Что писать в заголовке?
Вывод, а не тему. «Структура обращений» — тема, «Половина обращений приходит вне рабочего времени» — вывод.
Чем рисовать, если дизайнера нет?
Табличным редактором, редактором презентаций, браузерным конструктором или редактором диаграмм. Выбирать по качеству файла, повторяемости стиля и доступности.
Какая ошибка подрывает доверие сильнее всего?
Ось не с нуля: она преувеличивает разницу, и заметивший это читатель перестаёт верить остальным числам.
Сделаем сайт, который приносит заявки
Спроектируем структуру под запросы, соберём и запустим — с учётом SEO с первого дня.
Обсудить разработку
