Расскажу по пунктам как строить красивые и логично выстроенные дашборды, которые быстро и понятно доносят данные до пользователя.
Что такое дашборд?
Дашборд при переводе дословно - приборная панель. На ней мы можем следить за «здоровьем» нашей компании, продукта или нового релиза. Часто дашборды так и выглядят — как приборная панель самолета, в которой не разобраться никому кроме пилота. Но на дашборды смотрят сотни сотрудников компании, у них разное погружение в продукт, и необходимо создавать такие дашборды, которые были бы понятны всем.
В данной статье мы будем считать, что все требования от заказчика дашборда мы получили, мы знаем цель дашборда и вопросы, на которые должен будет отвечать дашборд.
Общие рекомендации
Ниже мы детально разберем какие в принципе бываю дашборды и что конкретно делать с каждым из них, а сейчас я дам общие рекомендации:
Используйте самые простые типы визуализаций - линейный график,
барчарт (столбчатая диаграма) и таблица закроют 99% потребностейНе пытайтесь положить в дашборд все-все-все что просит заказчик, скорее всего ему это все на ежедневной основе не нужно и можно решить вопрос через гибкие выгрузки или же просто уточните у него зачем именно ему это нужно и докопайтесь до реально задачи. Поверьте, ни у кого никогда не стояло задачи постоянно проверять 100500 метрик и показателей.
Располагайте самые важные цифры сверху слева - это место первое, куда смотрит любой пользователь
Типы дашбордов
Существует несколько основных типов дашбордов, все они выполняют разные функции. Разберем каждый тип и выделим его основные особенности. Статья заточена для IT-компаний, но примеры, описанные в ней, легко адаптируются под любые направления бизнеса. Итак, мы выделим 3 типа дашбордов:
Верхнеуровневый дашборд с общими данными о компании или продукте. Обычно это тот самый дашборд, который с утра открывают руководители и их подчиненные, чтобы сразу увидеть ЧТО происходит в компании.
Дашборд для глубокого погружения в продукт. Его смотрят ответственные мененджеры, он позволяет понять не ЧТО изменилось, а ПОЧЕМУ.
Дашборд для AB-теста или исследования. Такие типы дашбордов похожи на дашборды для глубокого погружения в продукт, но имеют ряд особенностей, касающихся их интерактивности ( у них их может быть в разы меньше)
1. Верхнеуровневый дашборд
Основное правило этого типа дашбордов - от общего к частному. Ниже вы найдете макет и настоящий дашборд, который можно потрогать руками.
Базовый макет верхнеуровневого дашборда:
То есть сначала мы показываем:
ключевые показатели компании и их цели - так называемые KPI-карточки. Например: число заказов и прибыль, рядом показываем процент выполнения плана или рост месяц к месяцу ( в зависимости от поставленных целей или фокуса компании)
показываем динамику ключевых метрик, здесь лучше всего подойдут линейный график или барчарт. Показываем как со временем менялись заказы и прибыль.
далее стоить добавить разрезы для ключевых метрик, например, для заказов это может быть регион, категория или источник заказа. Для прибыли от игр - источник трафика, платформа устройства или разрез по новый/старый игрок.
Осталось добавить нужные фильтры:
- период дат и агрегация по дате (день/неделя/месяц)
- продукт компании или тип заказа
- категория товара и т.д.
На этом можно остановиться и более подробные данные показывать на соответствующих дашбордах. Здорово, если все влезет на 1 экран и не нужно будет скролить. К тому же такой дашборд будет очень удобно показывать на созвонах.
Помните, что усложнение дашборда всегда увеличивает время, за которое пользователь сможет получить ответ на свой вопрос. Даже выбор из огромного выпадающего списка для фильтрации лишь мешает пользователю.
Пример такого дашборда я создала в Tableau, здесь можно увидеть как совместить KPI карточку с динамикой метрики, а разрезы положить в таблицу. Все зависит от конкретного случая
2. Дашборд для глубокого погружения в продукт
Его особенность - большое количество интерактивных элементов и более широкий список показываемых метрик.
Здесь пользователь должен иметь возможность выбирать из большого числа фильтров.
Дайте возможность выбирать по какой категории будет разрез, например, по городу или категории товара.
Добавьте сюда метрики продукта, которые важные для бизнеса. Тут нет такого же жесткого ограничения по числу метрик как в верхнеуровневом дашборде, но опять же не стоит здесь располагать все на свете.
Создайте отдельную вкладку, на которой пользователь сможет задать разные фильтры и посмотреть на данные в виде таблицы. В моей практике был случай, когда такие таблицы выгружали в иксель и работали с ними в нем, но я узнала, какие именно преобразования проходила таблица в икселе и реализовала то же самое и даже больше в BI-системе.
Наглядный пример в Tableau
3. Дашборд для AB-теста или исследования
Здесь более мягкие правила, ведь это временные дашборды, и их даже не всегда кому-то показывают, обычно достаточно заскринить нужные графики и добавить в свое исследование или в статью с результатами AB-теста.
Я дам лишь небольшие советы, которые лично мне ускоряли процесс подведения итогов.
Не мучайтесь здесь с фильтрами и параметрами, такие дашборды не должны быть интерактивными, просто сразу выводите то что нужно
Сразу цветом подсвечивайте то, на что нужно обратить внимание:
- в аб-тесте динамику для контроля показывайте серым, а для теста выделяйте цветом
- если в исследовании хотите обратить внимание на конкретный разрез/период также подсветите это цветом, а все остально сделайте ч/б
- обрезайте лишние периоды по датам, не распыляйте внимание зрителя
- при подведении итого тестов в виде таблицы обязательно подсветите рост или падение метрики зеленым и красными цветами.
- вот здесь еще несколько наглядных примеровПодписывайте оси и значения на графиках, вы будете их скринить и у зрителя не будет возможности навести мышку на график и воспользоваться всплывающей подсказкой.
Заключение
Дашборды должны помогать пользователя быстро считать информацию, но зачастую они запутывают и усложняют работу. Когда вы создаете новый дашборд или пользуетесь дашбордом, который создал ваш коллега - пожалуйста, представляйте себе пользователя, который вообще не понимает что происходит в компании и пытайтесь сделать так, чтобы даже ему стало понятно. За это вам скажут спасибо и те, кто в курсе метрик, ведь своими объяснениями вы облегчите им считывание информации. Главное не добавлять воду, а писать все по делу
Я Валерия Смирнова, работаю в продуктовой и BI-аналитике более 6 лет, болею за понятные дашборды и датавизуализации, которые помогают бизнесу оптимизировать метрики и становиться более эффективными.
Веду свой канал про датавизуализации и дэшборды
