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

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

Затем я перехожу к изучению подписей на осях и вижу рядом с осью Y: «Число поломок». Я фиксирую, что шкала идет от «Мало» (наверху) к «Много» (внизу). После этого я читаю подписи по оси Х: степень удовлетворенности клиентов ранжируется от «Низкой» (слева) к «Высокой» (справа).

Далее я обращаю внимание на темно-серую точку и подпись «Предыдущий год ср.». Благодаря линиям, показывающим расположение этой точки относительно осей, я быстро вижу, что средние показатели по предыдущему году составляли примерно 900 поломок на 1000 и 72% «довольных» и «очень довольных» клиентов. Эти данные полезны для сравнения показателей моделей этого года.

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

Эффект суперкатегорий

Иногда для организации данных в таблицах и диаграммах полезно использовать суперкатегории (supercategories). Они помогают задать структуру и облегчить понимание. Например, если вы изучаете таблицу или диаграмму, показывающую данные по двадцати демографическим признакам, полезно структурировать и четко назвать их по группам или суперкатегориям, таким как возраст, расовая принадлежность, уровень дохода, уровень образования. Суперкатегории обеспечивают иерархическую организацию, упрощают восприятие информации.

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

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

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

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

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

Доступность

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

Плохой дизайн – чья вина?

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

В качестве примера доступного дизайна можно привести схему лондонского метрополитена, предложенную Гарри Беком[37] в 1933 г. По ней нельзя оценить расстояния между станциями и их точное местоположение, но Бек счел это неважным: пассажирам нужно знать, как добраться от одной станции до другой и где пересаживаться с ветки на ветку. По сравнению с предыдущими схемами версия, созданная Беком, была простой и доступной. Она стала настоящим эталоном: по ее принципу созданы карты метро разных городов мира. С небольшими изменениями она используется по сей день.

Мы обсудим две стратегии, относящиеся к доступности, в контексте коммуникации на основе данных: 1) не усложняйте; 2) текст – ваш друг.

Не усложняйте

«Сложно прочесть – сложно выполнить». Это вывод из исследования, проведенного Хюньином Сонгом и Норбертом Шварцем из Университета Мичигана в 2008 г. Оно включало два эксперимента. В ходе первого ученые предложили двум группам студентов инструкции к упражнению. Для первой пояснения были напечатаны простым шрифтом Arial, а для второй – замысловатым Brushstroke. У студентов спросили, сколько времени, по их мнению, займет выполнение упражнения и насколько вероятно, что они к нему приступят. Результаты показали: чем замысловатее шрифт, тем сложнее казалось упражнение и тем меньше была вероятность, что студенты возьмутся за него. В ходе второго эксперимента исследователи предлагали респондентам рецепт суши; результат был похожим.

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

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

● Сделайте дизайн легко читаемым. Используйте удобный тип и размер шрифта.

● Сделайте дизайн понятным. Используйте концепцию предоставления возможности.

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

● Избавьтесь от неоправданной сложности. Выбирайте самые простые варианты решений.

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