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

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

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

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

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

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

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

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

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

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

  • круговую диаграмму,
  • интерактивную карту страны с возможностью выбора района,
  • горизонтальные графики.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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