Содержание · 9
Выбор типа графика, честные оси, доступные цвета и подписи. Практические правила визуализации данных для дизайнеров.
Тип графика диктуется данными
Выбор визуализации — не стилистическое решение. Каждый тип данных имеет форму, которая читается лучше всего, и попытка сделать «красивее» обычно ухудшает читаемость.
Честные оси
Столбцовая диаграмма с осью, начинающейся не с нуля, преувеличивает различия в разы. Это самое распространённое искажение и самое заметное для подготовленного читателя.
Для линейных графиков обрезка оси допустима, если она обозначена: там сравниваются изменения, а не абсолютные величины.
- Столбцы — только от нуля.
- Линии — обрезка допустима с явным обозначением.
- Одинаковые интервалы по оси времени.
- Никаких трёхмерных эффектов — они искажают пропорции.
Цвет
Цвет в графике несёт смысл, поэтому его нельзя выбирать декоративно. Категориальные данные требуют различимых оттенков, последовательные — градиента одного тона, расходящиеся — двух тонов с нейтральной серединой.
Обязательное требование — различимость при нарушениях цветовосприятия: красно-зелёная пара недопустима как единственный носитель различия.
Категориальная палитра с различимой светлотой
Подписи и контекст
График без единиц измерения, источника и периода не является информацией. Эти три элемента обязательны независимо от того, насколько очевидными они кажутся автору.
Подписи данных лучше размещать прямо у элементов, а не в отдельной легенде: это избавляет от необходимости переводить взгляд туда-обратно.
График врёт не цифрами, а осью. Обрезанный ноль превращает рост на процент в рост вдвое.
Выбор типа диаграммы под вопрос читателя
Тип графика определяется не данными, а вопросом, на который читатель должен ответить, взглянув на него. Сравнение величин между собой — столбики. Изменение во времени — линия. Доля в целом — круг, и только если долей не больше пяти. Распределение — гистограмма или точечное поле. Связь двух величин — точечная диаграмма.
Самая частая ошибка — круговая диаграмма на восемь секторов: человек не может сравнить углы, отличающиеся на несколько процентов, и вынужден читать подписи. Если приходится читать подписи, диаграмма не работает — её заменяет таблица.
Оформление, которое не мешает данным
- Одна смысловая единица цвета: цветом кодируют категорию либо величину, но не то и другое сразу.
- Подписи у объектов, а не в отдельной легенде — глаз не должен ходить туда-обратно.
- Сетка тоньше и светлее данных: она вспомогательная, а выглядит часто главной.
- Округление до значащих разрядов: «34,7 %» и «35 %» несут одно и то же, но второе читается.
- Источник и период — обязательная часть графика, а не подпись под статьёй.
Карты и когда они не нужны
Карта — самый соблазнительный тип графика и самый обманчивый. Она показывает географию, а не величину: заливка регионов цветом сообщает читателю прежде всего размер территории, и Якутия на такой карте всегда громче Москвы, о чём бы ни шли данные. Поэтому картограмма годится там, где вопрос действительно про место — «где выше», — и не годится там, где вопрос про количество.
Лечится это двумя способами. Первый — нормировать: показывать не абсолютное число, а долю на тысячу жителей, иначе карта повторяет карту населения. Второй — отказаться от карты в пользу упорядоченного списка или столбцов, если читателю важно сравнить величины, а не найти их на местности. Проверка простая: если в подписи к карте хочется написать «а вот здесь на самом деле больше», карта выбрана зря.
- Абсолютные значения на карте регионов почти всегда повторяют численность населения.
- Кружки пропорционального размера честнее заливки: площадь региона перестаёт мешать.
- Шкала цвета для величин — последовательная, для отклонений от нормы — расходящаяся от середины.
- Больше семи ступеней шкалы человек не различает; обычно хватает пяти.
- Подпись обязана называть период и источник: карта без даты — это карта неизвестно чего.
Как проверить график до публикации
Готовый график проверяют не на красоту, а на однозначность. Самый быстрый способ — показать его человеку, не знакомому с темой, и попросить сказать одну фразу: что тут главное. Если он читает подписи дольше пяти секунд или называет не тот вывод, ради которого график сделан, дело не в читателе.
Дальше идут технические проверки, которые делаются за минуту. Распечатать в чёрно-белом: если серии перестали различаться, они опирались только на цвет. Уменьшить до ширины телефона: если подписи наложились, график не переживёт половину аудитории. И посмотреть на него издалека, прищурившись: остаться должно то, что и есть сообщение, а не сетка, легенда и рамка.
Что в итоге
Тип графика диктуется данными, ось столбцов начинается с нуля, а цвет несёт смысл, а не украшает.
Обязательный минимум подписей — единицы, период и источник: без них график не является информацией.
Коротко
- Когда данные лучше показать таблицей, а не графиком?
- Когда важны точные значения и их сравнивают поштучно. График нужен для формы явления — роста, спада, разброса; таблица — для факта. Смешение даёт красивую картинку, из которой ничего не следует.
- Можно ли обрезать ось значений не от нуля?
- В столбиковой диаграмме нельзя: длина столбца и есть величина, и обрезка искажает её в разы. В линейном графике допустимо, если диапазон подписан — там читается изменение, а не абсолютная величина.
Читайте также
Посмотреть примеры
Нашли ошибку или неточность в атрибуции? Напишите нам
Обсуждение
Загружаем…