Данные: визуализируй, расскажи, используй. Сторителлинг в аналитике - Коул Нассбаумер Нафлик

На круговой диаграмме мы предлагаем аудитории сравнивать углы и площади сегментов. На кольцевой – длины дуг (например, на диаграмме на рис. 2.24 – дуг А и В). Насколько точен ваш глазомер, чтобы оценить длину каждой из дуг и сравнить их? Не особенно? Что и требовалось доказать. Не используйте кольцевые диаграммы.

Рис. 2.24 Кольцевая диаграмма

Не используйте 3D-диаграммы

Одно из золотых правил визуализации данных гласит: никогда не используйте формат 3D. Повторю: никогда не используйте формат 3D. Единственное исключение – если третье измерение применяется целенаправленно (но даже в этом случае ситуация с представлением данных может быстро выйти из-под контроля, так что будьте предельно внимательны). Как мы видели на круговой диаграмме в предыдущем примере, формат 3D искажает восприятие числовых значений, делая невозможными их сравнение или интерпретацию.

В формате 3D на диаграмме появляются избыточные элементы, например боковая и нижняя плоскости. Но эти отвлекающие внимание элементы – не самое страшное. Графические приложения дают довольно странные эффекты при построении объемных диаграмм. Например, вы можете считать, что графическое приложение осуществляет построение по передней или задней части столбца. К сожалению, не всё так просто. Например, в Excel высота столбца определяется в точке пересечения невидимой касательной плоскости с осью Y. В итоге получаются такие диаграммы, как на рис. 2.25.

Рис. 2.25 Гистограмма в 3D-формате

Сколько жалоб было получено в январе и феврале, судя по этой гистограмме? Изначально я использовала значение «один» и для первого, и для второго месяца. Однако, если посмотреть на гистограмму, сравнить высоту столбца с линией уровня и мысленно продолжить ее до пересечения с осью Y, визуально я бы сказала, что числовое значение должно быть примерно 0,8. Это просто неудачная визуализация данных. Не используйте формат 3D.

Вспомогательная ось Y редко бывает хорошей идеей

Иногда необходимо разместить данные из разных категорий вдоль общей оси Х. Часто этот шаг ведет к появлению вспомогательной оси Y – еще одной вертикальной оси справа от диаграммы. Рассмотрим пример на рис. 2.26.

Рис. 2.26 Вспомогательная ось Y

При интерпретации этой диаграммы нужно некоторое время, чтобы прочесть ее и понять, по какой оси какую категорию данных интерпретировать. Именно поэтому вспомогательной оси Y лучше избегать. Вместо этого проанализируйте два предложенных ниже варианта; возможно, какой-то из них окажется лучшим.

1. Укажите числовые значения на самой гистограмме.

2. Разделите две гистограммы по вертикали: сделайте отдельную ось Y для каждой (слева), но при этом оставьте общую ось Х.

Оба варианта показаны на рис. 2.27.

Рис. 2.27 Как избежать вспомогательной оси Y

Третий возможный вариант, не показанный здесь, – использовать цвет для объединения осей и данных, которые следует интерпретировать по ним. Например, в гистограмме на рис. 2.26 название оси Y, расположенной слева, – «Выручка», – можно было бы выделить синим и оформить синим столбцы, отражающие показатель выручки. А название оси Y, расположенной справа, – «Число специалистов по продажам», – оранжевым и оформить кривую на диаграмме тем же цветом. Я не рекомендую этот подход, обычно цвет можно использовать более стратегически. Подробнее об этом мы поговорим в главе 4.

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

Если вы столкнулись с проблемой вспомогательной оси Y и выбираете между альтернативными вариантами, предложенными на рис. 2.27, подумайте, какой уровень детализации вам необходим. В первом варианте фокус сделан на конкретные значения. Во втором внимание направлено на общие тенденции. Вывод таков: избегайте вспомогательной оси Y и используйте один из предложенных альтернативных вариантов.

Выводы

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

В большинстве случаев нет единственно верного способа: одну задачу можно решить с помощью разных типов диаграмм. Главное – четко сформулировать: что должны узнать слушатели? Затем выберите способ визуализации данных, который поможет справиться с этим лучше всего.

На вопрос: «Какая диаграмма мне нужна в данной ситуации?» – ответ может быть только один: та, которую ваша аудитория сможет прочесть легче всего. Самый простой способ это проверить – создать диаграмму и показать ее другу или коллеге. Попросите его поделиться своими впечатлениями: на чём он сосредоточился, что увидел, какие есть комментарии или вопросы. Это поможет вам оценить, насколько диаграмма отвечает вашей цели, или понять, что надо изменить.

Вы усвоили второй урок сторителлинга на основе данных: выберите эффективный способ визуализации.

Глава 3

Информационный мусор – ваш враг!

Представьте себе чистый лист бумаги или пустой экран: каждый элемент, который вы на него добавляете, становится для вашей аудитории когнитивной нагрузкой. Для его обработки нужна интеллектуальная энергия. Именно поэтому надо обращать пристальное внимание на визуальные элементы, которые вы используете в коммуникации. Общее правило простое: определите всё, что не добавляет информационной ценности (или имеет недостаточную ценность, чтобы оправдать свое присутствие), и избавьтесь от него. Данная глава посвящена определению такого информационного мусора и избавлению от него.

Когнитивная нагрузка[24]

Вы прекрасно знаете, что такое когнитивная нагрузка. Возможно, вы сидели в конференц-зале и слушали презентацию, когда выступающий остановился на одном из слайдов, который показался вам особенно сложным и перегруженным информацией. Разве в этот момент у вас не вырвалось непроизвольно: «Ничего себе!» (или что-то еще в таком духе)? Или, возможно, вы читали отчет либо статью в газете, и ваше внимание привлекла диаграмма. Вы подумали: «Это интересно, но понятия не имею, что мне с того». И вместо того чтобы тратить время на расшифровку, просто перевернули страницу.

В обоих случаях вы испытали избыточную когнитивную нагрузку (когнитивную перегрузку).

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

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