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

Можно сделать еще одно интересное наблюдение: «По состоянию на 2014 г. розничные цены на продукты демонстрируют тенденцию к сближению в диапазоне от 180 (продукт C) до 260 долл. (продукт A) со средней розничной ценой 223 долл.». На рис. 8.9 использованы выделение цветом и маркеры, чтобы привлечь внимание аудитории к данным, подтверждающим это заключение.

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

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

Урок 5. Думайте как дизайнер

Возможно, вы не осознаёте этого, но на протяжении всего процесса создания визуализации данных вы уже рассуждали как дизайнер. Функция определяет форму: мы выбрали такой тип визуализации (форма), который позволит аудитории легко сделать (функция) то, чего мы от нее ждем. Чтобы аудитория четко понимала, как ей взаимодействовать с нашей диаграммой, мы уже отчасти избавились от информационного мусора, выделили одни элементы диаграммы для привлечения к ним внимания и вынесли другие на задний план.

Можно улучшить визуализацию, применив принципы эстетики и доступности, о которых шла речь в главе 5.

● Сделать визуализацию более понятной с помощью текста. Можно сделать название графика более лаконичным и оставить заглавной только первую букву, чтобы текст легче читался. Также нужно добавить названия вертикальной и горизонтальной осей.

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

На рис. 8.10 показан измененный график.

Рис. 8.10 Добавьте текст и выравнивание элементов

Урок 6. Расскажите историю

Итак, пора подумать, как, опираясь на созданную визуализацию данных на рис. 8.10, рассказать аудитории нашу историю, следуя определенной логике и порядку.

Предположим, у нас есть пять минут, чтобы сделать устную презентацию на тему «Конкурентная среда – ценообразование». Один из вариантов истории на основе данных я предлагаю в цепочке диаграмм на рис. 8.11 – 8.19.

Рис. 8.11

Рис. 8.12

Рис. 8.13

Рис. 8.14

Рис. 8.15

Рис. 8.16

Рис. 8.17

Рис. 8.18

Рис. 8.19

Проанализируем нашу последовательность. Для начала мы объяснили аудитории структуру презентации. В устном выступлении можно добавить подробности для расширения контекста, прежде чем перейти к следующему слайду, например: «Как вы знаете, нашими основными конкурентами на рынке будут пять продуктов», и дать краткий обзор динамики цен на эти продукты в хронологическом порядке. Можно обратить внимание на напряжение в конкурентной среде, возникшее при запуске продуктов C, D и E в момент, когда цены на них были значительно ниже текущих. Затем можно восстановить равновесие, когда цены стали демонстрировать тенденцию к сближению. Мы завершили выступление четким призывом к действию – рекомендацией по цене на наш продукт.

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

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

Выводы

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

Диаграммы «до» и «после» представлены на рис. 8.20.

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

Благодаря урокам, которые мы выучили и применили, теперь мы можем не просто показывать данные, а рассказывать истории на их основе.

Глава 9

Разбор примеров

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

● цветовые решения при использовании темного фона;

● использование анимации в презентациях;

● логику расположения элементов;

● стратегии избегания «диаграммы спагетти»;

● альтернативы круговой диаграмме.

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

Пример 1. Цветовые решения при использовании темного фона

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

Рис. 9.1 Линейный график на белом, синем и черном фоне

Как бы вы описали свои ощущения от синего и черного фона на рис. 9.1? Я бы сказала, что диаграмма «тяжелая». С белым фоном легче сосредоточиться на данных. Темный отвлекает от них, поскольку я начинаю думать о фоне. Светлые элементы на темном фоне дают более яркий контраст, но их сложнее читать. Поэтому я обычно избегаю темного и цветного фона.

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

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