2learn

Выбор подходящего графика

Что это такое

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

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

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

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

Сначала назовите вопрос, потом форму

Запишите сравнение одним предложением, и только после этого выбирайте форму.

Вопрос                                Форма
Какая категория самая большая?        отсортированные столбцы
Как это менялось во времени?          линия
Это одна из многих или исключение?    точечная диаграмма или столбцы с ориентиром
Как части составляют целое?           столбцы с накоплением (или таблица)
Есть ли связь между двумя?            диаграмма рассеяния
Каково распределение?                 гистограмма

Столбцы для сравнения, линии для изменения

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

Сортируйте столбцы по значению, а не по алфавиту

Алфавитный порядок заставляет читателя просмотреть весь график, чтобы найти самое большое. Сортировка по значению превращает график в рейтинг.

По алфавиту:  Бристоль, Йорк, Лидс, Лондон, Манчестер
По значению:  Лондон 420, Манчестер 310, Бристоль 240, Лидс 180, Йорк 90

Оставляйте круговые и кольцевые для двух-трёх секторов

Читатель плохо сравнивает углы, поэтому две-три доли одного целого — примерно предел. Всё большее должно быть столбцами или таблицей.

Хорошая круговая:  мобильные 60% / настольные 40%
Плохая круговая:   восемь категорий, шесть из них меньше 5%

Таблица — законный ответ

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

Практика

Переделайте три графика

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

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

Отсортируйте один график по значению

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

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

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

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

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

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

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