На графике уже 8 подписей-событий, и аннотации перекрывают данные. Как лучше поступить, чтобы сохранить смысл и читаемость?
Как построить дашборд, который будут реально использовать: иерархия информации, drill-down, ключевые метрики наверху, детали по запросу. На собеседовании просят спроектировать дашборд для конкретного стейкхолдера или объяснить, чем операционный дашборд отличается от стратегического. Хороший дашборд — это история, рассказанная данными.
Всего в этом разделе 20 вопросов. Каждый — с правильным ответом и кратким разбором теории. Разбито на 4 части по 5 вопросов.
1В карточке показано значение конверсии в оплату 2.1%. Какой контекст больше всего помогает понять, хорошо это или плохо?
AПоказать опорное значение прошлого периода и/или цель, чтобы пользователь видел отклонение от ожидаемого уровня метрики.
BСделать шрифт цифры крупнее и выделить её акцентным цветом, чтобы значение метрики бросалось в глаза при взгляде на дашборд.
CДобавить легенду к одному значению с расшифровкой названия метрики и единиц измерения, не показывая динамику и цель.
DПоменять тип графика на круговую диаграмму, разделённую на сегменты «оплатили» и «не оплатили», без сравнения с предыдущим периодом.
Ответ: Без опорного значения или цели цифра ключевой метрики часто не интерпретируется и не подсказывает действие.
Одно значение 2.1% не говорит, это рост или падение и насколько оно важно для бизнеса. Контекст через опорное значение (например, неделя к неделе) или цель превращает число в управляемый сигнал и предотвращает ложные выводы. Альтернативы вроде смены типа графика на круговую диаграмму или увеличения шрифта не добавляют смысла — они меняют визуал, но не дают ответа на вопрос «хорошо или плохо».
2Какой порядок блоков чаще всего лучше для управленческого дашборда по продукту?
AСначала 15 детальных графиков по разрезам, затем общий блок верхнего `KPI` и сводных показателей продукта внизу
BСначала 3–5 ключевых `KPI`, ниже драйверы и разрезы, ещё ниже страховочные метрики и блок диагностики на странице
CСначала список последних событий и ошибок, затем все графики дашборда без явной иерархии и сквозной структуры
DОдин большой столбчатый график со всеми метриками сразу, чтобы вся информация поместилась на одном экране
Ответ: Хороший макет дашборда ведёт зрителя от главного `KPI` к причинам и детализации, а не наоборот.
Зритель сначала должен увидеть, что происходит (верхние `KPI`), затем понять почему (драйверы и сегменты) и убедиться, что нет побочных эффектов (страховочные метрики). Такой порядок снижает когнитивную нагрузку и поддерживает сторителлинг. Список событий или один огромный график не помогают принимать решения, а 15 деталей перед сводкой ломают иерархию внимания.
3Вы делаете еженедельный обзор для руководства. Какой заголовок лучше всего подходит для карточки ключевой метрики `DAU`?
A`DAU` за неделю: стандартное название карточки метрики без указания периода и базы для сравнения
BАктивность пользователей в продукте за неделю: общая формулировка без чисел и базы сравнения
C`DAU` вырос на 8% относительно прошлой недели после запуска реферальной программы продукта
DГрафик `DAU` по дням за прошедшую неделю: описание визуализации без вывода и базы сравнения
Ответ: Заголовок работает лучше, когда формулирует вывод и контекст (период, сравнение), а не просто называет метрику.
Заголовок-вывод помогает сразу понять направление изменения и не тратить время на расшифровку осей графика. Указание сравнения «относительно прошлой недели» делает базу явной и снижает риск спорить о том, относительно чего «выросло». Просто название метрики или общая фраза «активность пользователей» не дают ни вывода, ни базы для сравнения.
4На линейном графике вы вывели тренд `KPI` по 30 странам, и линии превратились в «лапшу». Какой подход чаще всего улучшает читаемость и сторителлинг?
AСделать все 30 линий на графике одного цвета, чтобы график выглядел аккуратно и не отвлекал зрителя пёстрыми оттенками
BДобавить третью ось Y с другим масштабом, чтобы все 30 линий уместились на одной картинке без визуальных пересечений
CПеревести график в круговую диаграмму с 30 секторами по странам, чтобы избежать пересечения линий и упростить восприятие
DПоказать топ-N стран и объединить остальные в категорию «другие» либо сделать малые множители или фильтр по стране
Ответ: При визуальной перегрузке помогает ограничить количество серий и дать разрез через фильтр или малые множители.
Цель дашборда — помогать принимать решения, а не показывать все линии сразу. Топ-N плюс «другие» или малые множители сохраняют сравнимость и позволяют видеть отличающиеся тренды. Одинаковый цвет, третья ось или круговая диаграмма не решают проблему, а часто только ухудшают читаемость и искажают восприятие.
5На линейном графике в дашборде заголовок — «Выручка», ось Y без валюты, и не указан период. Какое изменение сильнее всего сделает график самодостаточным?
AСделать линию более толстой и добавить мягкую тень под графиком, чтобы он лучше выделялся в дашборде среди других карточек
BДобавить вторую линию с числом пользователей рядом с выручкой, чтобы график выглядел плотнее и казался более информативным
CДобавить подзаголовок с единицами измерения (например, рубли) и периодом наблюдения (например, последние 28 дней) рядом с заголовком
DУбрать сетку и подписи осей, оставить только линию, чтобы дизайн карточки был максимально минималистичным и спокойным
Ответ: Самодостаточный график должен явно содержать единицы измерения и период, иначе показатель нельзя интерпретировать.
Читатель должен понять, что измеряется, в каких единицах и за какой период, без дополнительных пояснений. Подзаголовок с выводом и базовый контекст — период и валюта — предотвращают неверные трактовки скриншота, который часто пересылают вне исходного дашборда. Толстая линия и тень не добавляют смысла, лишняя вторая метрика отвлекает, а удаление осей лишает читателя опоры для интерпретации значений.