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

Рис. 3.18 Удалите границы графика

2. Удалите линии сетки

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

Рис. 3.19 Удалите линии сетки

3. Удалите маркеры данных

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

Рис. 3.20 Удалите маркеры данных

4. Приведите в порядок метки оси

Одна из моих «больных мозолей» – нули после десятичного разделителя в значениях по оси Y. Они не несут смысловой нагрузки, к тому же и числа выглядят сложнее, чем на самом деле! Избавьтесь от этих бесполезных нулей, чтобы снизить нагрузку. Также можно сократить названия месяцев по оси Х и расположить их горизонтально, чтобы не использовать диагональные элементы.

Рис. 3.21 Приведите в порядок метки оси

5. Укажите названия категорий рядом с данными

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

Рис. 3.22 Укажите названия категорий рядом с данными

6. Используйте соответствующий цвет

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

Рис. 3.23 Используйте соответствующий цвет

Эта визуализация еще не полная. Однако определение информационного мусора и избавление от него помогло нам значительно снизить когнитивную нагрузку и повысить доступность информации. На рис. 3.24 приведено сравнение графиков «до» и «после».

Рис. 3.24 График: «до» и «после»

Выводы

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

Теперь вы знаете, как выявить информационный мусор и избавиться от него.

Глава 4

Направьте внимание аудитории

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

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

Человек видит мозгом

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

Рис. 4.1 Упрощенная схема зрительного восприятия

Краткое описание механизмов памяти

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

Иконическая память

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

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

Краткосрочная память

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

Одно из решений – указать названия категорий рядом с данными (чтобы зрителям не приходилось постоянно переводить взгляд от легенды к данным, мы воспользуемся принципом близости в теории гештальта, который обсудили в главе 3). В целом следует организовать информацию в более крупные, связные блоки, которые может обработать краткосрочная память.

Долгосрочная память

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