2learn

Как рисовать честно

Что это такое

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

Почему это важно

Читатели принимают визуальную форму графика за вывод и не проверяют механику. Столбчатый график, чья ось начинается с 80, превращает изменение в один пункт в драматический подъём; пузырьковая диаграмма заставляет самое большое значение выглядеть в сотни раз больше значения, которое больше лишь вчетверо. И то и другое обычно для продуктовых дашбордов, и оба убеждают людей в том, что неправда. Однако честность здесь не моральная тонкость: именно она делает график пригодным как доказательство.

Ключевые идеи

Начинайте оси столбчатых графиков с нуля

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

Столбцы:  всегда от нуля
Линии:    могут начинаться с ненулевого значения, с пометкой, чтобы показать изменение

Положение и длина лучше площади и цвета

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

Точно           положение (точечная диаграмма) > длина (столбец) > угол > площадь > цвет
Для значений   точечные диаграммы и столбцы
Для группировки цвет, но всегда вместе с подписью или формой

Показывайте сравнение, а не только значение

Одно число ничего не значит без ориентира: прошлого периода, цели или аналога. Поместите ориентир на график, а не в голову читателя.

Слабо:    «312 обращений в поддержку на этой неделе»
Лучше:    «312 обращений в поддержку на этой неделе, цель 250, на прошлой неделе 288»

Подписывайте напрямую и убирайте лишнее

Ставьте подпись рядом с меткой, а не в легенду, которая заставляет глаз путешествовать. Уберите линии сетки, рамки, 3D-эффекты и градиенты, если они ничего не добавляют к чтению.

Дайте читателю проверить числа

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

Практика

Проверьте три графика на честность

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

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

Перерисуйте один вводящий в заблуждение график

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

Готово, когда: две версии приводят к разным выводам, и вы можете назвать конкретное изменение, которое это вызвало.

Частые ошибки

  • Обрезанная ось столбцов — крошечная разница выглядит огромной, и график лжёт; исправить: начинайте оси столбцов с нуля.
  • Площадь кодирует величину — пузыри преувеличивают наибольшие значения квадратом радиуса; исправить: используйте столбцы или точки либо осознанно задавайте размер по площади и подписывайте шкалу.
  • Значение без ориентира — читатель не может сказать, хорошо ли это; исправить: добавьте цель, прошлый период или значение аналога.
  • Легенда вместо подписей — глаз мечется между графиком и легендой, и сравнения замедляются; исправить: подписывайте метки напрямую.
  • Украшение, меняющее чтение — градиенты, 3D и тени искажают метки; исправить: уберите всё, что не несёт информации.

Что читать дальше

Разобранные примеры

Файлы cookie аналитики ставятся только с вашего согласия. До вашего выбора ничего не загружается и никуда не отправляется.