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

график! На рисунке 2.2 много места посвящено всего двум числам. Этот график не особо помогает их интерпретировать, а пояснения вне его и вовсе могут исказить восприятие высоты столбцов: например, с первого взгляда не очевидно, что 20 – меньше половины от 41.

В данном случае было бы достаточно текста: в 2012 г. 20% детей воспитывались матерями-домохозяйками, в 1970 г. – 41%.

В презентации или отчете это можно оформить так, как на рис. 2.3.

Рис. 2.3 Число детей матерей-домохозяек (текст)

Уточню: можно представить те же данные под другим углом. Например, отразить динамику в процентах: «Число детей с матерями-домохозяйками снизилось более чем на 50% с 1970 по 2012 г.». Я рекомендую делать это осторожно: когда вы решаете использовать одно число вместо двух, подумайте, какую часть контекста вы теряете. В данном случае мне кажется, что точные значения (20 и 41%) помогают понять характер изменений.

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

Таблица

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

Таблицы в устных презентациях

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

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

Изучите таблицы на рис. 2.4. Обратите внимание, что во второй (тонкие границы) и третьей (минимальные границы) данные выделяются сильнее структурных элементов.

Рис. 2.4 Границы в таблицах

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

Рекомендованная литература

Если вы хотите больше узнать о дизайне таблиц, рекомендую вам книгу Show Me the Numbers («Покажи мне цифры») Стивена Фью[22]. Отдельная глава в ней посвящена дизайну таблиц, обсуждению структурных элементов и самым эффективным приемам оформления.

Перейдем к особому виду таблиц – тепловым картам.

Тепловая карта

Один из способов применения графических средств представления данных в таблице – тепловая карта (heatmap). В этом случае индивидуальные значения отображаются при помощи цвета.

Рассмотрим рисунок 2.5, где приводятся обычная таблица и тепловая карта в сравнении.

Рис. 2.5 Две визуализации одних и тех же данных

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

Для упрощения можно воспользоваться выделением цветом, что поможет глазам и мозгу быстрее найти нужную информацию. Во втором варианте таблицы – тепловой карте – чем интенсивнее синий цвет, которым выделена ячейка, тем выше значение в ней. Благодаря этому мы тратим на выделение крайних значений – самого низкого (11%) и самого высокого (58%) – гораздо меньше времени, чем в обычной таблице, где нет визуальных подсказок.

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

А теперь обсудим одно из самых популярных средств визуализации данных – диаграммы.

Диаграммы (графики, гистограммы и пр.)

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

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

Chart или graph?

В английском языке для обозначения диаграмм используются термины сhart и graph. Как правило, сhart – более широкая категория, включающая линейные графики, диаграммы и карты. Я не провожу такого различия, поскольку пользуюсь в основном простыми диаграммами.

Точечная диаграмма

Диаграмма рассеяния

Диаграмма рассеяния используется для показа взаимосвязи между величинами, поскольку позволяет располагать значения одновременно по осям Х и Y, чтобы увидеть, есть ли между ними взаимосвязь и какая. Чаще этот тип диаграмм применяют в науке (возможно, поэтому неподготовленному человеку они кажутся сложными). Но иногда диаграммы рассеяния эффективно используют и для решения бизнес-задач.

Предположим, вы управляете автобусным парком и хотите понять соотношение пробега и стоимость за милю (1,6 км). Диаграмма рассеяния может выглядеть примерно как на рис. 2.6.

Рис. 2.6 Диаграмма рассеяния

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

Рис. 2.7 Измененная диаграмма рассеяния

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

Диаграммы-линии

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