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

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

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

Рассмотрим конкретный пример эффективного выделения в визуализации данных. Диаграмма, как на рис. 5.2, приведена в статье исследовательского центра Pew Research Center, опубликованной в феврале 2014 г. под названием «По новым данным переписи населения, больше американцев связывают себя узами брака, в основном это люди, получившие образование».

Рис. 5.2 Первоначальный график Pew Research Center

Как следовало из статьи, диаграмма должна была показать, что рост числа новых браков в период с 2011 по 2012 г. произошел исключительно за счет роста числа браков среди людей, получивших степень бакалавра и выше (игнорируем тот факт, что столбцы «Все категории» не отражают тенденцию роста). К сожалению, в таком виде визуализация не привлекает внимания к этой информации. Лично я замечаю лишь данные за 2012 г. по разным категориям, поскольку этот столбец темнее, чем остальные.

Изменив цветовые решения в диаграмме, можно полностью сместить акцент (рис. 5.3).

Рис. 5.3 Выделите важное

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

Исключите отвлекающие факторы

Как однажды сказал Антуан де Сент-Экзюпери, «совершенство достигается не тогда, когда уже нечего прибавить, но когда уже ничего нельзя отнять»[36]. В случае с визуализацией данных решение, что исключить или на чем не акцентировать внимание, порой важнее, чем решение, что добавить или выделить.

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

Вот несколько критериев, которые помогут определить потенциальные отвлекающие факторы.

● Не все данные одинаково важны. Используйте пространство своей презентации и внимание аудитории рационально, избавляйтесь от лишних данных или элементов.

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

● Задайте себе вопрос: что изменится, если удалить этот элемент? Ничего? Тогда смело удаляйте! Не поддавайтесь соблазну сохранить что-то, потому что это выглядит симпатично или вы потратили на это усилия. Если данные не поддерживают вашу основную мысль, они не отвечают цели коммуникации.

● Поместите необходимые, но не влияющие на смысл элементы на задний план. Опираясь на знания о привлекающих атрибутах, сместите фокус внимания аудитории. Для этого отлично подойдет светло-серый цвет.

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

Вернемся к предыдущему примеру. На рис. 5.3 мы умеренно использовали цвет для выделения важной информации. Диаграмму можно улучшить, если исключить отвлекающие факторы, как показано на рис. 5.4.

Рис. 5.4 Исключите отвлекающие факторы

Диаграмма изменена для устранения отвлекающих факторов. Самым серьезным из них стал выбор типа диаграммы – линейного графика. Как уже говорилось, с его помощью обычно легче показать динамику за определенный период. Кроме того, это помогло сократить число элементов: вместо пяти столбцов появилась одна линия с обозначением начальной и конечной точек. Так нам удалось полностью отразить данные с помощью четырех линий, а не 25 столбцов. Организация данных в формате линейного графика позволила использовать только ось Х для представления всех категорий. Изменения упростили процесс обработки информации (отпала необходимость смотреть год в легенде слева, а затем соотносить информацию по разным группам столбцов).

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

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

Курсив в подзаголовке снят: нет нужды привлекать к этим словам дополнительное внимание. В изначальном варианте между заголовком и подзаголовком было пустое пространство, что также акцентировало подзаголовок; в измененной версии отбивки нет.

Наконец, я сохранила выделение категории «Имеют степень бакалавра или выше» и даже усилила его, распространив выделение цветом на название категории и значения данных. Так я визуально объединила эти элементы, что упрощает интерпретацию диаграммы для аудитории.

За счет выделения важного и исключения отвлекающих факторов мы значительно улучшили визуализацию.

Рис. 5.5 Диаграмма: «до» и «после»

Создайте четкую визуальную иерархию информации

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

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

Рис. 5.6 Четкая визуальная иерархия информации

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