Большинство дашбордов не работают по одной причине: всё на экране кричит с одинаковой громкостью. Десять карточек, шесть графиков, три фильтра, а пользователь всё равно спрашивает: «Ну и как у нас дела?»
Хороший дашборд начинается с одного решения: какое одно число должен показывать этот экран? Всё остальное его поддерживает.
1. Выберите одну ключевую метрику
Прежде чем открывать Figma, закончите фразу: «Открыв этот экран, человек за две секунды должен понять ___».
В финансовом приложении это общий баланс. В аналитике это расходы за месяц. В админке SaaS это активные пользователи или выручка. Если ответов три, значит, экранов три.
2. Постройте чёткую иерархию
Ранжируйте информацию размером и контрастом, а не декором:
- Уровень 1: ключевая метрика, самый крупный шрифт на экране, высокий контраст.
- Уровень 2: контекст: изменение к прошлому периоду (+12,5%) и короткая подпись.
- Уровень 3: тренд, простой линейный или столбчатый график, который объясняет число.
- Уровень 4: детали: списки, категории, разбивки.
Если прищуриться и число не бросается в глаза первым, иерархия сломана.
3. Показывайте изменение, а не только значение
Число само по себе ничего не говорит. Число с направлением уже информация. К каждой ключевой метрике добавляйте дельту и цветовой сигнал: зелёный для роста, красный для падения, серый для нейтрального. Значение цветов должно быть одинаковым по всему продукту.
4. Меньше кликов до решения
Дашборд не отчёт, а инструмент принятия решений. Самые частые действия (отправить, перевести, выгрузить, сменить период) держите на расстоянии одного касания, рядом с числом, на которое они влияют. Остальное уберите в «Ещё».
5. Добавьте спокойствия
Спокойный интерфейс вызывает доверие, особенно в финтехе и Web3:
- щедрые отступы и строгая сетка;
- один акцентный цвет, второй только для статусов;
- одна гарнитура, где работают начертание и размер;
- мягкие поверхности вместо тяжёлых рамок и жёстких теней.
6. Проверьте как пользователь
Покажите экран на пять секунд, спрячьте и спросите, что человек запомнил. Если он помнит число и его направление, дизайн работает. Если помнит декор, упрощайте.
За что клиенты платят на самом деле
Клиенты платят не за экраны. Они платят за ясность, скорость, доверие, результат, решения и меньшее число кликов. Дашборд, где число стало героем, даёт всё шесть.
Работаете над дашбордом или SaaS-продуктом и нужен свежий взгляд? Напишите мне.