С чего начать дашборд,
чтобы его было удобно читать

1. Начните с человека и его решения

Представьте экран с выручкой, посещаемостью, конверсией, средним чеком и десятком графиков. Данные правильные, цвета приятные, но руководитель всё равно спрашивает: «И на что мне здесь смотреть?» Проблема может быть в том, что экран собирали из доступных показателей, а не вокруг его задачи.

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

До открытия BI-инструмента закончите предложение: «Этот дашборд нужен [кому], чтобы [понять что] и [решить что делать]».

Например: «Руководителю интернет-магазина нужно по понедельникам видеть, что изменилось в оплаченных заказах за завершённую неделю, и выбирать, какую проблему команда проверит первой». Уже понятно, почему случайный набор красивых диаграмм здесь не поможет.

Эти задачи можно связать переходами между страницами. Но не стоит заставлять каждого читателя проходить через все графики, нужные остальным.

2. Сначала вопросы, затем показатели

Запишите несколько вопросов, с которыми человек открывает отчёт. Для нашего руководителя это: «Какой итог?», «Что изменилось относительно прошлой недели?», «Изменение разовое или продолжается?», «Какие составляющие стоит проверить?».

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

Если вы не можете объяснить, на какой вопрос отвечает элемент, уберите его из первого черновика. Его можно вернуть, когда появится конкретная задача. Так проще избежать экрана, на котором всё одинаково важное.

Зафиксируйте смысл показателей

«Продажи» могут означать оформленные заказы, поступившие платежи или выручку после возвратов. Красивое оформление не исправит разное понимание одной цифры.

В нашем примере показатель называется «Сумма оплаченных заказов, до возвратов». Заказ учитывается один раз по уникальному ID и попадает в период по времени полной оплаты. Сумма включает скидки, исключает доставку; все значения в рублях. Средний чек — эта сумма, делённая на число таких заказов. Для бухгалтерской выручки могут потребоваться другие правила, поэтому так показатель не называем.

3. Пример: сумма снизилась, но средний чек вырос

Возьмём две полностью завершённые недели: с 28 сентября по 4 октября и с 5 по 11 октября 2026 года. Обе включают понедельник–воскресенье, время считаем по Москве. Это делает длительность и состав дней недели сопоставимыми, но не исключает влияние акций, наличия товаров или других условий.

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

Здесь полезен короткий комментарий: «Сумма оплаченных заказов снизилась на 7,31%. Заказов стало меньше на 9,95%, средний чек вырос на 2,93%». Это описание наблюдения. Мы ещё не знаем, почему стало меньше заказов: причинная связь не следует из трёх чисел.

Абсолютное изменение суммы — минус 356 385 ₽. В зависимости от задачи можно показать его рядом с процентом: относительное изменение помогает сравнивать, абсолютное — оценивать масштаб. Не складывайте проценты изменения заказов и чека: связь суммы с ними мультипликативная, а показанные значения ещё и округлены.

4. Соберите первый экран как последовательность вопросов

Начните со схемы без декоративных деталей. В верхней части обозначьте тему, период и выбранные условия. Затем покажите итог и сравнение. Ниже разместите динамику и разрезы, в которые читатель пойдёт за объяснением.

В схеме нет придуманной линии тренда: из недельных итогов нельзя восстановить значения по дням. Это важный принцип даже для демонстрационных макетов — декоративный график не должен выглядеть как результат анализа.

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

Не пытайтесь вместить всё любой ценой

Первый экран должен помогать сориентироваться. Это не означает, что весь отчёт обязан помещаться без прокрутки. Лучше оставить читаемые подписи и вынести детали ниже, чем уменьшать шрифт до неудобного размера.

5. Красивое оформление — это прежде всего порядок

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

• Разделяйте группы расстоянием. Заголовок должен быть ближе к своему графику, чем к соседнему. Не обязательно обводить рамкой каждый элемент.
• Показывайте иерархию. Главный итог заметнее пояснения. Если всё крупное и жирное, акцент исчезает.
• Используйте цвет с понятным смыслом. Один акцентный цвет может выделять выбранный ряд. Для предупреждений задайте отдельное правило.
• Не полагайтесь только на цвет. Добавляйте знак изменения, текст или подпись. Красный и зелёный должны быть понятны и без различения оттенков.
• Согласуйте точность. В обзорной карточке допустимо «4,52 млн ₽», а в подробной таблице — «4 516 875 ₽». Обозначайте единицы и сохраняйте точные значения там, где они нужны для сверки.

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

Пустое пространство помогает разделять смысловые группы. Не нужно заполнять его ещё одной диаграммой только потому, что осталось место.

6. Детали, которые часто забывают

Период данных и время обновления — разные вещи

«Обновлено сегодня» не означает, что в отчёте есть все события за сегодня. Показывайте отдельно, когда загрузка завершилась и до какого момента данные полны. Если часть источников ещё не приехала, итог должен сопровождаться понятным предупреждением.

Ноль и отсутствие данных — разные состояния

Ноль оплаченных заказов — наблюдаемый результат. Пропавшая загрузка заказов — неизвестный результат. Если оба состояния выглядят как «0», руководитель может принять решение на основании технического сбоя. Для отсутствующих данных используйте явную подпись, например «Данные ещё не загружены».

Фильтры меняют смысл всех последующих выводов

Если выбран только мобильный трафик, это должно быть видно рядом с результатами. Покажите активные фильтры и способ их сбросить. При клике на график читатель должен понимать, изменился ли весь отчёт или только соседний блок.

Скриншот теряет подсказки

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

Проценты нельзя усреднять без знаменателей

Общая конверсия считается из общей численности подходящих действий и результатов, а не как простое среднее процентов по каналам. Это вопрос расчёта, но проявляется он именно на экране: аккуратная итоговая карточка может показывать неверную величину.

Мобильный экран требует другого расположения

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

7. Проверьте черновик на конкретном задании

Покажите макет будущему читателю и попросите найти ответ: «Как изменилась сумма оплаченных заказов за последнюю завершённую неделю и что ты проверишь следующим?» Не объясняйте заранее, куда нажимать.

Посмотрите, замечает ли человек период, понимает ли базу сравнения и отличает ли факт от предположения. Если он долго ищет ответ, перестройте порядок или подписи. Это полезнее общего вопроса «Нравится ли дизайн?», на который легко получить вежливое согласие.

Отдельно проверьте сценарии без данных, с очень длинным названием категории и с отрицательным изменением. Макет должен оставаться понятным не только на идеально подобранном примере.

8. Короткое задание перед сборкой

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