Коул Нассбаумер – автор блога StorytellingWithData.com, в котором она делится знаниями и опытом превращения данных в изображения и сюжеты. Ее цель – оживить данные и использовать их для того, чтобы рассказать читателям историю, с акцентом на простоту и легкость интерпретации.
У меня есть склонность к горизонтальным столбиковым диаграммам.
Первая и самая важная причина такого нежного к ним отношения – то, что они легко читаются. Когда мы рассматриваем столбиковую диаграмму, наши глаза сравнивают конечные точки. По расположению столбиков на общей линии отсчета (горизонтальной или вертикальной) можно легко и быстро определить самую большую и самую маленькую из категорий, а также увидеть и дополнительные отличия между ними.
Вот почему стоит использовать горизонтальные столбиковые диаграммы, в особенности если названия ваших категорий достаточно длинные: ориентация графика позволяет расположить текст слева направо – именно так, как читает большинство людей – таким образом вы можете улучшить удобочитаемость информации, которую предоставляете (сравните с необходимостью располагать названия категорий вертикально или даже по-диагонали – я рекомендую избегать таких вариантов, просто потому, что их неудобно читать)
Также следует отметить, что ориентация столбиков может изменить способ восприятия информации просто в силу того, как она организована. В некоторых случаях это может сделать горизонтальный график предпочтительнее стандартной вертикальной диаграммы.
Давайте рассмотрим это на примере. Взгляните на приведенный ниже график, обращая внимание на то, в какой последовательности происходит восприятие информации:
Когда я считываю информацию с этого изображения, мои глаза сначала видят заголовок, затем двигаются левее к верхушке оси Y (как раз здесь могло бы быть идеальное место для названия этой оси, чтобы я знала, что на ней обозначено). Далее, я сканирую верхушки столбиков, как бы рисуя глазами букву «Z», и только в конце этого маршрута глаза натыкаются на названия категорий, приходится читать и возвращаться в контекст данных над ними, чтобы попытаться вникнуть в суть представленной здесь информации.
Это не конец света, но это отнимает время. Время, которое можно было бы провести с большей пользой.
Давайте посмотрим на то, как мы воспринимаем информацию, когда она представлена в немного другом стиле. Я внесла несколько изменений в новый вариант диаграммы:
- Заменила описательное название на деятельное (это первое, с чем сталкивается читатель!), чтобы обрисовать общую идею графика и подготовить почву для следующих пунктов.
- Добавила текст, для лучшего понимания контекста (используя преаттентивные атрибуты выделенного и цветного текста, чтобы привлечь ваше внимание к важным деталям), теперь читатель знает, что именно искать в данных еще до того, как он перешел непосредственно к ним.
- Перевернула диаграмму на бок, сделал из нее горизонтальный столбиковый график, названия категорий теперь ориентированы слева направо. Легче читать, правда?
- Упорядочила данные по убыванию. Это создает визуальную структуру, данные становятся проще для восприятия. (Заметьте, если у ваших категорий существует внутренний порядок, который действительно важен, используйте его; но при отсутствии такого порядка, лучше отсортировать данные по убыванию или возрастанию значений).
- Обозначила ось X (ту, которая была осью Y в первоначальной версии), чтобы было очевидно, что на этой оси вы видите суммы в тысячах долларов. Я избавилась от самой оси, вместо этого я отметила столбики теми численными значениями, которые они собственно и представляют.
- Устранила ненужный беспорядок: цветной фон и рамки таблицы исчезли (еще у нас было нагромождение нулей на оси X, но они самоустранились после удаления оси)
- Уменьшила ширину столбиков (она стала высотой, после того, как мы уложили график на бок). Обычно я рекомендую делать столбцы шире, чем белое пространство между ними, но вы же не хотите делать их настолько широкими, чтобы наши глаза по ошибке пытались сравнивать их площадь вместо высоты. Ширина столбиков на первой диаграмме приближалась к этому пограничному моменту.
- Использовала цвета стратегически в рамках графика, чтобы связать смысл текста над ним с доказательствами, представленными в диаграмме.
Вот что получилось в результате внесения этих изменений. И опять – обращайте внимание на порядок обработки информации:
Для меня это работает так: глаза делают остановку на заголовке, на тексте голубого цвета, затем на названии графика и, наконец, на названиях категорий слева и соответствующими данными справа. В этом случае, к тому моменту как я доберусь до данных, я уже знаю, о чем идет речь (благодаря обозначениям) и что я здесь ищу (благодаря пояснительному тексту над графиком).
Мы умеем читать столбиковые диаграммы, поэтому понимание первого примера скорее всего не вызвало у вас серьезных трудностей. Однако, заметьте, как несколько изменений смогли сделать информацию гораздо более доступной.
Все вышесказанное вовсе не означает, что горизонтальные столбиковые диаграммы всегда будут предпочтительнее их вертикальных двойников, но скорее подчеркивает некоторые вещи, о которых стоит задуматься при выборе между двумя вариантами. Если вы сомневаетесь – начертите оба графика и сопоставьте их, сравнивая, который из них вашей аудитории будет проще понять.
Автор: Коул Нассбаумер
Оригинал статьи: My penchant for horizontal bar graphs
