Андрей Мисюк
7 простых советов по дизайну дашборда
Разберем на примере дашборда по зарплатам IT-специалистов.
Как сделать визуальную часть дашборда яркой и полезной? Разберем это на примере моего дашборда по зарплате IT-специалистов в Европе. Дашборд построен в Google Data Studio (Looker Studio).
На дашборде представлены итоги опроса IT-специалистов в Европе, в основном в Германии (2020 - 2021 гг.). Данные бесплатны для использования, источник данных - KAGGLE.com
1. Создавайте ключевые показатели
Едва ли не первое, что бросается в глаза на хорошем дашборде - карточки с крупными цифрами. Они обычно вынесены на верхнюю часть страницы и отражают ключевые показатели проекта. Например, годовую выручку, количество клиентов, посещаемость сайта и т.д. Если на вашем дашборде еще нет ключевых показателей, подумайте, что может ими быть и создайте соответствующие визуальные элементы.
В ключевые показатели выносится то, что действительно важно для анализа вашего проекта или бизнеса.
На нашем дашборде в качестве ключевых показателей выбраны средний размер зарплаты и средний размер бонуса.
2. Используйте срезы
Срезами называют пункты меню с кнопками или плашки с выпадающими списками, или списки с чек-боксами - выглядеть они могут, как угодно, но главное - они позволяют фильтровать информацию на странице дашборда. Именно они позволяют сделать дашборд интерактивным. На нашем дашборде можно выбрать размер компании, уровень позиции сотрудника, длительность контракта, и весь дашборд пересчитается в соответствии с выбранными пунктами в срезах.
Срезы делают дашборд интерактивным.
Правда, срезы не единственные интерактивные элементы на дашборде. Интерактивны также элементы на диаграммах - они таке могут работать как срезы.
Посмотрите видео по теме
На видео я подробно рассказываю о том, как сделать визуальную часть дашборда яркой и полезной, на примере моего дашборда по зарплате IT-специалистов в Европе.
3. Делайте рейтинги
Посмотрите, можно ли проранжировать какие-либо данные на вашем дашборде, сделав из них рейтинг. Например, "Топ-10 покупателей", "Топ-5 магазинов по объемам продаж", "Топ-25 самых популярных фильмов". Рейтинги смотрятся эффектно, они практичны и полезны для анализа. Для их отображения лучше использовать bar chart.
Рейтинги можно строить не только по топ-показателям, но и по наихудшим показателям ("5 магазинов с наихудшими продажами"), что даст возможность сразу видеть, где нужны управленческие решения.
4. Используйте минимум таблиц
Конечно, зачастую без таблиц и матриц на дашборде не обойтись, однако не следует превращать дашборд в Excel. Конечно, все зависит от задач, и у меня в практике были случаи, когда таблица занимала всю страницу дашборда, потому что так нужно было заказчику. Тем не менее, дашборд будет дашбордом, если таблицы займут на нем не более четверти.
Смысл дашборда - вытаскивать важные цифры из огромных таблиц, чтобы наглядно показать, что происходит. Но не наоборот.
На этом дашборде таблицы занимают многовато места (хотя это и оправдано задачами). Старайтесь избегать такой подачи.
5. Применяйте круговые диаграммы с осторожностью
Многие любят круговые и кольцевые диаграммы за наглядность. При этом они хорошо работают только если в них не так много сегментов - 5-6, максимум 10, иначе все сольется. Также не следует выбирать круговые диаграммы для сравнения состояний - не отдельных сегментов, а состояния этих сегментов при разных состояниях. Например, на одной круговой диаграмме отображать план, а на другой - факт - так сравнивать совершенно неудобно.
Круговые и кольцевые диаграммы хорошо подойдут там, где требуется отобразить не более 10 сегментов.
6. Пользуйтесь картами
Если в вашем дашборде присутствуют города, страны, адреса - их лучше отображать в виде карт, для этого есть возможности в любой BI-программе. Не всегда это получается сразу - возможно, нужно будет изменить формат соответствующих полей на Geo или даже задать координаты, однако усилия того стоят.
Карты наглядны. При выборе тех или иных срезов они красиво приближают-удаляют точки на карте, что создает вау-эффект.
7. Показывайте зависимости
Посмотрите, есть ли в ваших данных параметры, между которыми можно найти зависимость, и если таковые обнаружатся, покажите их на дашборде. Например, в дашборде по зарплате IT-специалистов мне захотелось посмотреть, как зарплаты соотносятся с годами опыта. Зависимость обнаружилась, и ее я отобразил на графике.
Отображение зависимостей одних параметров от других делает аналитику дашборда по-настоящему объемной.
Подведем итоги
Итак, вот 7 простых правил, которые сделают ваш дашборд наглядным и полезным:
1
Создавайте ключевые показатели.
2
Используйте срезы.
3
Делайте рейтинги.
4
Используйте минимум таблиц.
5
Применяйте круговые диаграммы с осторожностью.
6
Пользуйтесь картами.
7
Показывайте зависимости.
Попробуйте их применить уже сегодня, и ваш дашборд заиграет новыми красками!
Нужен дашборд?
Напишите мне здесь, и я отвечу вам в течение 24 часов. Я всегда рад новым интересным проектам!
