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

Соотношение «визуализация – информация», или «сигнал – шум»

Существует ряд концепций, объясняющих, как снизить уровень когнитивной нагрузки аудитории в процессе визуальной коммуникации. В своей книге The Visual Display of Quantitative Information («Визуальное представление количественной информации») Эдвард Тафти призывает к увеличению соотношения «визуализация – информация» (data-ink ratio), утверждая, что «чем больше места занимают данные, тем лучше (при прочих равных)». Нэнси Дуарте в своей книге Resonate называет это соотношением «сигнал – шум», где сигнал – информация, которую мы хотим передать, а шум – элементы, которые этому препятствуют.

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

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

Информационный мусор

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

Очевидная причина, почему нужно избавляться от информационного мусора, – потому что он делает визуализацию сложнее, чем необходимо.

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

Принципы гештальта в визуальном восприятии

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

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

Близость

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

Рис. 3.1 Основные принципы гештальта: близость

Этот принцип используется в дизайне таблиц. На рис. 3.2 только из-за расстояния между точками ваш взгляд двигается по вертикали (вы видите столбцы) или горизонтали (вы видите строки).

Рис. 3.2 Вы видите столбцы или строки исключительно из-за расстояния между точками

Сходство

Элементы, схожие по цвету, форме, размеру, направлению, воспринимаются как более связанные и принадлежащие к одной группе. На рис. 3.3 вы воспринимаете вместе синие круги слева и серые квадраты справа.

Рис. 3.3 Основные принципы гештальта: сходство

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

Рис. 3.4 Вы видите строки из-за сходства между точками по цвету

Общая область

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

Рис. 3.5 Основные принципы гештальта: общая область

Один из способов применения этого принципа – обозначить визуальное разделение внутри данных, как показано на рис. 3.6.

Рис. 3.6 Затемненная область обозначает границу между фактическими и прогнозными данными

Завершенность

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

Рис. 3.7 Основные принципы гештальта: завершенность

В графических приложениях (например, Excel) часто есть элементы по умолчанию, например границы диаграмм и фоновая заливка. Согласно принципу завершенности, в них нет нужды: даже при их отсутствии диаграмма будет восприниматься как целое. К тому же если целенаправленно убрать все избыточные элементы, данные станут заметнее, как на рис. 3.8.

Рис. 3.8 График воспринимается как полноценный без внешних границ и фоновой заливки

Продолжение

Похоже на принцип завершенности: люди воспринимают элементы как целое, даже если это не так. Рассмотрим пример на рис. 3.9. Если предложить разделить элементы, представленные на рисунке 1, большинство людей будут ожидать результат, показанный под цифрой 2, а на деле элементы могут выглядеть так, как показано под цифрой 3.

Рис. 3.9 Основные принципы гештальта: продолжение

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

Рис. 3.10 Диаграмма с удаленной осью Y

Связь

Последний принцип гештальта, который мы рассмотрим, – принцип связи. Элементы, имеющие физическую связь, воспринимаются как принадлежащие к одной группе. Наличие соединительного элемента воспринимается как более серьезная связь, чем общие характеристики, такие как цвет, размер или форма. Рассмотрим рис. 3.11. Могу предположить, что вы сразу объединили в группу круги, выделенные границами (а не просто круги и квадраты, имеющие один цвет, размер или форму). Это принцип связи в действии. Соединительный элемент обычно воспринимается не сильнее, чем общая область, но можно изменить толщину или интенсивность границ для создания визуальной иерархии (о ней мы поговорим подробнее в главе 4).

Рис. 3.11 Основные принципы гештальта: связь

Один из способов применения принципа связи – построение линейного