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

Рис. 9.2 Первоначальная диаграмма на белом фоне

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

На рис. 9.3 показано, как выглядела измененная диаграмма, «более соответствующая фирменному стилю клиента».

Рис. 9.3 Диаграмма на темном фоне

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

Пример 2. Использование анимации в презентациях

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

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

Представим, что вы работаете в компании, выпускающей онлайн-игры. Ваша задача – рассказать о динамике числа активных пользователей одной из игр, назовем ее Moonville. Чтобы продемонстрировать рост числа пользователей с момента ее запуска в конце 2013 г., можно использовать график, как на рис. 9.4.

Рис. 9.4 Первоначальный график

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

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

Я построила бы свое выступление – и показывала график – так.

Расскажу вам нашу историю успеха: как со временем увеличилось число пользователей игры Moonville. Однако сначала поясню, что вы увидите на графике. На вертикальной оси указано число активных пользователей, или уникальных пользователей за последние 30 дней. Мы проанализируем, как изменилось их число с момента запуска игры в конце 2013 г. до настоящего времени. Шкалу времени вы можете увидеть по горизонтальной оси (рис. 9.5).

Рис. 9.5

Мы запустили игру в сентябре 2013 г. К концу первого месяца у нас было всего 5000 активных пользователей. Эта цифра отмечена синей точкой на графике (рис. 9.6).

Рис. 9.6

Первые отзывы на игру были неоднозначными. Несмотря на это и почти полное отсутствие маркетинговых мероприятий, за первые четыре месяца число активных пользователей почти удвоилось – до 11 000 к концу декабря (рис. 9.7).

Рис. 9.7

В начале 2014 г. наблюдался резкий рост числа активных пользователей. В основном это вызвано тем, что мы рассказывали об игре своим друзьям и родным (рис. 9.8).

Рис. 9.8

В оставшиеся месяцы 2014 г. число пользователей почти не увеличилось, поскольку мы прекратили продвигать игру и сосредоточились на ее улучшении (рис. 9.9).

Рис. 9.9

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

Рис. 9.10

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

Рис. 9.11

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

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

Пример 3. Логика расположения элементов

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

Утверждение универсально, но, чтобы