Данные: визуализируй, расскажи, используй. Сторителлинг в аналитике - Коул Нассбаумер Нафлик
Пример 5. Альтернативы круговой диаграмме
Вернемся к летней программе по популяризации науки, которую мы обсуждали в главе 1. Напомню вкратце: по легенде, вы только что закончили летнюю пилотную программу, направленную на популяризацию науки среди учеников начальных классов. До ее начала и после завершения вы провели опрос участников и теперь планируете использовать эти данные, чтобы подтвердить эффективность программы и сделать запрос на дальнейшее финансирование. Диаграмма на рис. 9.28 – ваша первая попытка наглядно представить информацию.
Рис. 9.28 Первоначальная диаграмма
Результаты опроса участников показывают, что их отношение к науке изменилось в лучшую сторону, цель пилотной программы достигнута. До участия в ней больше всего школьников (40%, зеленый сегмент на диаграмме слева, рис. 9.28) относились к науке нейтрально («Все равно»); возможно, у них еще не сформировалось четкое мнение. После завершения программы (диаграмма справа) зеленый сегмент уменьшился до 14%. Сегменты «Скучно» (синий) и «Скорее нет» (красный) увеличились на 1% каждый. Самое значительное изменение произошло в положительном направлении. После программы почти 70% участников (фиолетовый и голубой сегменты) сообщили о повышении интереса к науке.
С точки зрения восприятия информации диаграммы оказывают нам медвежью услугу. Я уже говорила о круговых диаграммах в главе 2, так что, думаю, мои слова вас не удивят. Да, из представленных диаграмм можно понять, какую историю они рассказывают, но для этого придется приложить усилия и сравнить сегменты двух диаграмм. Как отмечалось ранее, наша задача – сократить объем работы, которую должна проделать аудитория для получения информации, и уж точно мы не хотим вызвать раздражение. Для этого можно выбрать другой тип диаграммы.
Рассмотрим четыре возможные альтернативы визуализации этих данных: простой текст, гистограмма, линейчатая диаграмма с накоплением и слоупграф, – и обсудим отдельные аспекты каждого из вариантов.
Альтернатива № 1: простой текст
Если рост в положительном направлении – единственная информация, которую мы хотим донести до аудитории, можно остановиться только на этих данных (рис. 9.29).
Рис. 9.29 Простой текст
Часто мы стремимся включить в визуализацию все имеющиеся данные, забывая о простоте и эффективности коммуникации, в которой акцент сделан всего на одном или двух числах, как на рис. 9.29. Однако если вам нужно представить больше данных, выберите одну из следующих альтернатив.
Альтернатива № 2: гистограмма
Чтобы сравнить два аспекта, лучше расположить их как можно ближе друг к другу и выровнять по общей базовой линии для облегчения задачи. В нашем примере это можно сделать с помощью гистограммы, в которой данные по результатам опросов «до» и «после» выровнены по горизонтальной оси (рис. 9.30).
Рис. 9.30 Гистограмма
В этом случае я остановила бы выбор на гистограмме: она дает возможность расположить текстовые блоки рядом с данными, которые описывает текст (для общего контекста здесь представлены и другие данные, но они как будто вынесены на задний план за счет использования более светлых оттенков). Кроме того, поскольку мы оперируем основными критериями «До» и «После», можно ограничиться всего двумя цветами – серым и синим, – а в дальнейших вариантах цветов будет три.
Альтернатива № 3: линейчатая диаграмма с накоплением
Когда важно понять соотношение частей и целого (альтернативы № 1 и № 2 его не показывают), можно использовать линейчатую диаграмму с накоплением (рис. 9.31). В этом случае есть две базовые линии для сравнения – по левому и правому краю. Это позволяет легко сравнить как «негативные» сегменты слева, так и «положительные» справа, благодаря чему диаграмма становится наглядным способом визуализации результатов опроса в целом.
Рис. 9.31 Линейчатая диаграмма с накоплением
На рис. 9.31 численные значения указаны не по самим столбцам, а по оси Х. Это сделано намеренно, чтобы на основании приведенной вверху шкалы диаграмму можно было читать и слева направо, и справа налево. Это позволит понять, как изменились показатели «До» и «После» и по «негативным» сегментам («Скучно», «Скорее нет»), и по «положительным» («Скорее да», «Увлекательно»). В примере с гистограммой (рис. 9.30) мы убрали оси и указали численные значения внутри самих столбцов. Это наглядная иллюстрация того, как разный взгляд на данные ведет к выбору разных дизайнерских решений. Всегда думайте о том, как вы хотите, чтобы аудитория использовала представленные вами данные. От этого зависят ваши дизайнерские решения: для каждой ситуации нужен свой вариант.
Альтернатива № 4: слоупграф
Четвертый вариант – слоупграф. Как и в случае с гистограммой, вы не получите представление о соотношении частей и целого (как это отражает первоначальная диаграмма или линейчатая с накоплением). Кроме того, расположить категории данных в определенном порядке при использовании слоупграфа не всегда возможно: здесь они размещены с учетом численных значений данных. На рис. 9.32 «положительные» сегменты отображены вверху, а «Скорее нет» и «Скучно» поменялись местами из-за того, что значения представлены в порядке убывания. Если порядок категорий принципиален, лучше выбрать гистограмму или линейчатую диаграмму с накоплением, где есть возможность контролировать этот аспект.
Рис. 9.32 Слоупграф
На рис. 9.32 легко можно увидеть динамику в процентах между «До» и «После» по каждой категории благодаря наклону соответствующей линии. Сразу очевидно, что категория, в которой произошел самый большой рост в процентном отношении, – «Увлекательно», а категория с самым сильным снижением – «Все равно». Кроме того, на графике этого типа четко виден порядок категорий от самой большой к самой маленькой (благодаря маркерам в пространстве, расположенным сверху вниз по левой и правой сторонам графика).
Вы можете выбрать любой вариант в зависимости от ситуации: от того, как вы хотите, чтобы аудитория взаимодействовала с информацией, или того, на чем хотите сконцентрировать внимание. Главное, помните, что у круговой диаграммы есть более эффективные альтернативы.
Выводы
В этой главе мы обсудили несколько самых распространенных проблем, встречающихся при коммуникации на основе данных, и возможные способы их решения. На практике вы неизбежно столкнетесь и с другими проблемами. Наша задача заключалась не в получении «ответов», а в анализе процесса критического мышления, благодаря которому мы пришли к ним. К тому же, как я уже неоднократно говорила, при визуализации данных редко существует единственно верный подход или решение.
Еще больше примеров
Разбор других практических примеров «до» и «после» с подробным анализом можно найти в моем