Разбор дашборда про кэш и безнал: баланс между «Красиво» и «Понятно»

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

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

Инфографика про безналичное общество в Новой Зеландии
«Безналичное общество?» - под таким заголовком аналитик Эмили Енг разместила свою версию визуализации отчета Банка Новой Зеландии (BNZ).

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

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

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

Одна диаграмма или добавим визуальных эффектов?

Рассмотрим подробнее версию Tableau. Отчет состоит из трех частей:

1
Сколько наличных денег новозеландцы носят в кошельке в течение недели?
Среднестатистический новозеландец располагает в неделю 70$ наличными. Но сумма сильно зависит от пола и возраста.
2
Где живут новозеландцы, у которых больше всего денег?
Новозеландцы, живущие в Окленде, имеют в кошельке больше всего наличных - 101$.
3
Как уровень дохода семьи влияет на ношение наличных денег?
Меня удивила одна вещь: новозеландцы с семейным доходом от 75 000$ до 100 000$ в год. носят в кошельке на 130$ больше, чем другие (посмотрите на часть «Семейный доход» на изображении ниже).
Гендер, возраст и регион
Автор использовала разные типы визуализации:

● круговую диаграмму,

● интерактивную карту страны с возможностью выбора района,

● горизонтальные графики.


Из-за такого многообразия виджетов для проведения комплексной оценки требуется больше усилий. Каждый визуальный элемент существует как бы отдельно.

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

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

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

Бар-чарты и их группировка

В центральной части дашборда в виде бар-чартов (горизонтальных гистограмм) показаны результаты опроса различных возрастных групп на что они тратят наличные деньги. Примерно 4 из 10 жителей Новой Зеландии тратят деньги на чрезвычайные ситуации и чуть более 3 из 10 - на небольшие транзакции.
Опрос - для чего жители Новой Зеландии используют наличные деньги
Многообразие ответов и легенда, привязанная лишь к одной из четырех гистограмм, затрудняют идентификацию и сравнение данных.

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

Таблица или нормированная гистограмма?

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

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

Нормированная гистограмма снова побеждает!

В конце дашборда снова бар-чарты, показывающие предпочтительный способ получения денег новозеландцами. Большинство новозеландцев хотели бы получить свои 1000$ в виде прямого банковского перевода через Интернет.
Опрос - как бы новозеландцы хотели получить перевод в $1000
Обратите внимание, что ранее на дашборде возрастные группы располагались вдоль оси x, но в последней визуализации они расположены вдоль оси y. Смена оси немного сбивает с толку.

В отчете банка используется более информативная гистограмма с накоплением.
То же самое, но визуально - гистограмма с накоплением

«Безналичное» ли общество Новой Зеландии?

Несмотря на простоту графических элементов в отчёте банка BNZ, по факту, они оказались более показательными и легкими для восприятия. Это лишний раз подтверждает важное правило разработки макета эффективного дашборда, когда приоритет должен отдаваться наглядности и информативности, а не дизайнерским «фишкам».

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

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

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

Ну и напоследок - ложка дегтя. На нашем красивом дашборде нет ответа на вопрос заголовка. Для того, чтобы оценить является ли Новая Зеландия «безналичным обществом» не хватает отражения динамики изменения соотношения безналичных/наличных расчетов по годам.

Несколько советов по дашбордам:

С аналитической точки зрения при создании визуализации думайте о следующем:

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

С точки зрения дизайна важно учитывать следующее:

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

Эти советы помогут вам не потерять главное и сохранить баланс между красивым изображением и грамотной визуализацией.
Читайте также
Подпишись на рассылку и получи в подарок «Каталог лучших отраслевых дашбордов»!

Хочешь получать актуальные статьи о визуализации данных?