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

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

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

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

Можно сделать следующее:

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

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

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

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

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

Хотя у такого вида диаграммы тоже есть свой риск: что будет в случае с отрицательной прибылью?

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

Цвет:

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

Макет:

• для удобства восприятия на данном примере диаграммы по продажам располагаются слева, а диаграммы по прибыли — справа.

А какие еще изменения вы бы внесли в получившийся дашборд?

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