Советы по улучшению визуализации данных в дашбордах от Tableau

Советы по дизайну дашбордов

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

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

что такое дашборд в дизайне

Пример 1: линейные графики

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

цветовая гамма для дашборда
Можно сделать следующее:

  • Добавьте обозначения для оси Х. Как правило, обозначения полезно скрывать. Но только не для оси Х.
  • Дизайн графика с двумя осями более управляем:
— для анализа продаж подходит столбиковая или линейная диаграмма, где легко можно увидеть наивысшее значение,

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


цветовая гамма для дэшборда
  • Чтобы как-то показать значения оси Y, не показывая ее саму, можно добавить линию максимум и выровнять текст по правому краю. Даже если при изучении дашборда будут использоваться фильтры, максимальное значение останется неизменным.
  • Подписи лучше выровнять по левому краю и прописать в одну строчку. Так дашборд воспринимается более последовательно, становится более логичным. Подписи выравниваются по левому краю, а значения максимума по правому, чтобы предотвратить визуальную путаницу и беспорядок. Если они будут расположены ближе друг к другу, будет труднее понять, что к чему относится.
  • В данном случае нулевая линия сверху на графике прибыли — это скорее постоянная линия отсчета, чем реальная ось координат. С ней проще контролировать преобразование графика в минималистичный вариант.

Пример 2: график прибыли

дэшборд что это такое
Кольцевая диаграмма — почти всегда удачное решение. Но создание отдельного кольца для каждого года — плохой выбор (см. классическую работу Стивена Фью "Save the pies for dessert", стр. 11). Таким образом увидеть динамику изменений почти невозможно. Замените кольцевую на сложную столбиковую диаграмму. Она занимает меньше места и позволяет подписывать значения (при этом пропадает необходимость в оси Y).

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

Пример 3: таблица с условным форматированием в виде тепловой карты

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

Пример 4: общие рекомендации при составлении дэшбордов

Цвет:

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

  • для удобства восприятия на данном примере диаграммы по продажам располагаются слева, а диаграммы по прибыли — справа.
Заключение
А какие еще изменения вы бы внесли в получившийся дашборд?

Финальный вариант конечно не идеален. Например, голубая таблица с условным форматированием в виде тепловой карты и использование голубого цвета в географической карте — не самое удачное сочетание. Несмотря на это, пример показывает, что дашборд может быть красивым и функциональным одновременно.
дэшборд что это такое
*Автор: Andy Cotgreave, технический Евангелист Tableau. Ведет блог о визуализации данных.

Источник

Если материал вам понравился, расскажите о нем друзьям. Спасибо!
Читайте также