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

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

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

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

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

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

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

Автор использовала разные типы визуализации:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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