Инфографика

Происхождение и история термина

У современной инфографики есть исторические предшественники в статистической графике. Например, атлас Уильяма Плейфера The Commercial and Political Atlas впервые вышел в 1786 году. Библиотека Чикагского университета показывает лист из его третьего издания, опубликованного в 1801 году: график государственного долга Англии с временной осью, денежной шкалой и пояснениями исторических событий. ^[6]

Этот пример помогает увидеть принцип: числа, линии и текст работают совместно. Это ранний пример объяснения количественных сведений с помощью графика и поясняющих надписей. В современной программе НИУ ВШЭ статистические визуализации соседствуют со схемами логических связей и процессов. ^[2] Таким образом, предмет статьи шире отдельного вида диаграмм.

Суть и механизм

Начало работы — вопрос, на который должен ответить читатель. Например: «Насколько подорожала поездка?» В пособии американского Национального института рака, NCI, выбор сообщения связан с целью, способом привлечения внимания и обстоятельствами восприятия. ^[3] В редакционной работе этот принцип можно применить так: сначала выяснить, нужна ли человеку точная цена, сравнение маршрутов или объяснение порядка оплаты. Это разные задачи для одного набора сведений.

Затем факты переводят в графическую форму. Такое преобразование называют визуальным кодированием: величину, например, передают длиной столбца, а порядок действий — расположением шагов и направлением стрелок. ONS описывает визуализацию данных через линии, формы и цвета; для объяснительной графики рекомендует выделять существенное сравнение и сохранять нужный контекст. ^[1]

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

Изображение также требует словесного сопровождения. Американские Центры по контролю и профилактике заболеваний, CDC, в рекомендациях по коммуникации отмечают, что люди могут по-разному понимать визуальные материалы; поэтому нужны ясные заголовки, обозначения и подписи. ^[4] Для редактора это повод проверить, не приходится ли читателю угадывать значение цвета или значка.

Виды и классификации

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

Отдельно ONS различает исследовательскую визуализацию, которая помогает искать закономерности, и объяснительную, которая передаёт результаты анализа аудитории. ^[1] Рабочий график аналитика и готовая инфографика поэтому могут выглядеть по-разному: во втором случае читателю нужно дать контекст, который автор уже знает.

Как применяется на практике

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

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

В первой версии такой работы можно ошибочно выделить только крупное «+25%». Вторая версия с обеими ценами позволяет проверить, к какой сумме относится процент. Это пример редакционного решения, а не результат проведённого исследования читателей.

Российский учебный ориентир — программа курса НИУ ВШЭ на 2023/2024 год. В критерии итогового проекта включены точность информации, разборчивость, соответствие визуального языка сообщению и единый стиль. ^[2] Эти признаки помогают обсуждать качество конкретной работы; учебные требования курса не являются обязательными нормативами для всех редакций.

Как измерить или проверить

В тарифном примере абсолютное изменение — разность новой и старой цены: 50 − 40 = 10 рублей. Относительный прирост показывает, какую долю прежней цены составляет прибавка: (50 − 40) / 40 × 100% = 25%. В знаменателе, то есть под чертой дроби, стоит исходная цена. Если бы исходное значение было нулевым, такой процент нельзя было бы вычислить: деление на ноль не определено.

Проценты не следует смешивать с процентными пунктами. В другом учебном случае доля выросла с 40% до 50%: разность составляет десять процентных пунктов, а относительный прирост по-прежнему равен 25%. ONS отдельно рассматривает процентное изменение и изменение в процентных пунктах как разные производные показатели. ^[1] Поэтому подпись должна показывать, какой именно расчёт выполнен.

Теперь проверим графическую форму. Если столбцы цен начинаются с нуля, их длины относятся как 50 к 40: новый столбец в 1,25 раза длиннее. Если же обрезать шкалу и начать столбцы с 35, видимые длины будут равны 15 и 5; их отношение — три. Числа в подписях останутся правильными, но длины перестанут передавать отношение цен. Поэтому ONS предписывает начинать от нуля шкалу столбчатых диаграмм. ^[1]

Это правило нельзя механически переносить на любой график. Для линейного графика, где точки не соединены с осью заполненными столбцами, ONS допускает начало шкалы выше нуля, чтобы показать небольшие изменения. Для нескольких графиков с сопоставимыми данными рекомендуются одинаковые шкалы. ^[1] Читателю в любом случае должно быть видно, с какой отметки начинается отсчёт.

Понятность можно проверить отдельно от арифметики: предложить человеку, не знакомому с таблицей, назвать главный вывод и найти его основание на рисунке. Такой приём рекомендует ONS. ^[1] Такая проверка касается конкретного сообщения: верно ли человек прочёл цену, период и размер изменения.

Доступность содержания

Сложная графика содержит больше информации, чем обычно помещается в короткой подписи. Руководство W3C WAI предлагает двухчастное текстовое представление: краткое описание, позволяющее опознать изображение, и подробное изложение существенного содержания. Для диаграммы оно может включать значения, шкалы и показанные отношения. ^[5]

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

Ошибки, ограничения и спорные вопросы

Одна ошибка — скрыть условия сравнения. В нашем примере сопоставление разовой поездки с абонементом без пояснений отвечало бы уже на другой вопрос. Другая — заменить отсутствующее наблюдение нулём: «нет сведений о цене» и «поездка бесплатна» означают разные ситуации. Упрощение оформления не должно стирать это различие.

График также не доказывает причинность. Руководство NIST, Национального института стандартов и технологий США, объясняет это на диаграмме рассеяния — графике пар значений двух показателей: видимая связь сама по себе не устанавливает причину. ^[7] В учебной ситуации рост продаж после рекламной кампании можно показать на графике, но из такого изображения не следует, что весь рост вызван рекламой. Для причинного вывода нужны дополнительные основания.

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

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

Связанные термины

• zhurnalistika-dannykh
• kartochki
• podpis-k-foto
• longrid
• kontent-marketing