web design uiMay 1, 202610 min read

Анти-дашборд

Большинство дашбордов — кладбища данных, которые построили команды, боящиеся выбирать. Анти-дашборд категоричен, ориентирован на действие и отвечает на один вопрос. Вот как это выглядит.

By Boone
XLinkedIn
the anti dashboard

Большинство дашбордов — это кладбища данных. Двенадцать виджетов, восемь палитр, четыре временных горизонта и ноль мнения о том, на что пользователю смотреть в первую очередь. Команда назвала это data-driven и выпустила. Пользователь открывает дашборд один раз, пробегает глазами как чужой и больше не возвращается.

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

Дашборды — это решения, а не данные

Дашборд — не место для хранения цифр. Это место для принятия решений. Если экран не отвечает на вопрос «что мне делать дальше», это декор с библиотекой графиков сверху.

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

Входящие в Linear не показывают все задачи разом. Они сортируются по приоритету, затем по SLA, и экран достаточно короткий, чтобы его реально можно было разгрести. Страница проекта в Vercel не показывает 20 вещей выше сгиба. Она показывает таймлайн деплоев и URL, и это весь вопрос, который задаёт разработчик. Обе команды выбрали сторону.

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

Пять режимов провала

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

Кладбище Salesforce. Двенадцать виджетов, которые никто не открывает, в сетке 4x3, потому что именно столько влезло на вайрфрейм. Они существуют, потому что кто-то однажды попросил, а удалить хоть один ни у кого не хватило полномочий. Внимание, отданное чему угодно, украдено у всего остального.

Карусель метрик. Шесть KPI в горизонтальной полосе: число, процент, крошечный спарклайн. Ни контекста, ни сравнения, ни рекомендованного действия. Пользователь чувствует себя смутно информированным и не делает ничего.

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

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

Тщеславный vanity-дашборд для руководства. Цифры растут, все графики зелёные, каждый квартал по плану. Решений не следует, потому что они не нужны. Дашборд существует, чтобы его скриншот попал в презентацию для совета директоров.

Воксельная сетка антипаттернов: четыре подписанные плитки: GRAVEYARD с двенадцатью крошечными виджетами, CAROUSEL с полосой столбиков, SAURON, залитая потоком записей, и ASSEMBLE с разбросанными воксельными деталями
Воксельная сетка антипаттернов: четыре подписанные плитки: GRAVEYARD с двенадцатью крошечными виджетами, CAROUSEL с полосой столбиков, SAURON, залитая потоком записей, и ASSEMBLE с разбросанными воксельными деталями

Отличный дашборд отвечает на один вопрос

Анти-дашборд начинается с вопроса, а не с виджетов. Что пользователь хочет узнать, открывая этот экран? Запишите это одним предложением. Всё на экране либо отвечает на него, либо заслуживает места под ним.

Главная Stripe Dashboard отвечает на вопрос «как сегодня дела у бизнеса». Выручка за сегодня, сравнение со вчера и три вещи, которым нужен человек: неудавшийся платёж, спор, запрос на верификацию. Всё остальное в Stripe в одном клике.

Панель проекта в Cursor отвечает на вопрос «где я был и что делал». Дерево файлов с одной стороны, последний промпт сверху, редактор в центре. Никакой телеметрии, никаких графиков использования. Экран и есть работа.

Cron и Notion Calendar отвечают на вопрос «что дальше». Ближайшее событие стоит в начале дня, неделя под ним. Никакого бесконечного скролла, никакой месячной тепловой карты, борющейся за внимание. Мнение такое: следующее событие важнее формы всего месяца.

Ход Raycast: дашборд не обязан выглядеть как дашборд

Raycast — самая чистая версия. Строка поиска И ЕСТЬ дашборд. Никаких виджетов, только одно поле ввода. Набираете пару символов, и нужное всплывает само.

Урок не в том, чтобы «сделать строку поиска». Урок в том, что дашборд не обязан быть раскладкой из карточек. Главная GitHub — это пулл-реквесты, назначенные вам, и точка. Главная Notion — ваши последние три документа и ничего больше. Superhuman открывается во входящие с приоритетом на разбор, где ноль достижим, потому что продукт спроектирован вокруг идеи, что входящие должны заканчиваться. Ничто из этого не дашборд в традиционном смысле. Всё это дашборды в единственном смысле, который имеет значение.

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

Пять правил анти-дашборда

Эти правила работают вместе. Выполните четыре из пяти, и дашборд обычно работает. Выполните два, и вы выпустили кладбище.

Правило 1: Один вопрос на экран

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

Главная Stripe отвечает на «как сегодня дела у бизнеса». Страница проекта в Vercel отвечает на «в каком состоянии этот деплой». Входящие Linear отвечают на «что требует моего внимания прямо сейчас». Разные поверхности для разных вопросов. Ни одна не пытается быть всеми тремя.

Правило 2: Один список приоритетов, отсортированный продуктом

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

Linear сортирует по приоритету, затем по SLA. Stripe Atlas сортирует четыре карточки действий по тому, что разблокирует следующий шаг бизнеса. Superhuman сортирует по VIP и сигналу намерения, а не по строгой обратной хронологии. Продукт делает работу, которую пользователь делать не хочет.

Правило 3: Разумный временной горизонт, выбранный один раз

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

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

Правило 4: Каждая цифра привязана к действию

Цифра без привязанного действия — это декор. Анти-дашборд относится к каждой главной цифре как к крючку для следующего шага. Выручка за сегодня ведёт к неудавшимся платежам. Открытые задачи ведут в очередь разбора. Время деплоя ведёт в лог сборки.

Четыре карточки Stripe Atlas — самый чистый пример. Каждая карточка — это цифра плюс кнопка. «$0 выручки, настройте платёжную интеграцию». «0 сотрудников, наймите первого». Пользователь никогда не застревает на статистике без пути вперёд.

Правило 5: Спрячьте длинный хвост

Анти-дашборд принимает, что 80% метрик важны для 5% пользователей в 5% случаев. Эти метрики живут за вкладкой, ссылкой «ещё» или в отдельном аналитическом виде. Главный экран — это вопрос, а не оглавление.

Прятать метрики страшно, потому что кто-нибудь попросит ту, которую вы убрали. Решение: сделать её находимой, а не видимой. Поиск и отдельная аналитическая поверхность справляются с длинным хвостом.

Воксельное дерево решений: пять нисходящих карточек ONE QUESTION, ONE LIST, TIME HORIZON, ACTION TIED, HIDE TAIL, соединённых тонкими коралловыми линиями
Воксельное дерево решений: пять нисходящих карточек ONE QUESTION, ONE LIST, TIME HORIZON, ACTION TIED, HIDE TAIL, соединённых тонкими коралловыми линиями

Антипаттерны, которые нужно удалять на месте

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

Каждая метрика на каждом экране. Выручка, удержание, отток, MAU, NPS и CSAT в одном кадре — это не вопрос, а страховка. Разделите на виды по ролям или по задачам.

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

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

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

Вкладки, прячущие настоящий ответ. Шесть вкладок сверху, самые важные данные на третьей. Либо поднимите третью вкладку, либо признайте, что первая и вторая не так важны, как думала команда.

До и после, в одном кадре

Переход от кладбища к анти-дашборду обычно решается раскладкой, а не функциями. Те же данные, ранжированные вокруг вопроса.

Воксельный кадр «до и после»: BEFORE показывает плотную сетку из двенадцати одинаковых виджетов, AFTER сжимается до одной огромной главной цифры сверху, трёх строк действий под ней и приглушённого футера из второстепенных виджетов внизу
Воксельный кадр «до и после»: BEFORE показывает плотную сетку из двенадцати одинаковых виджетов, AFTER сжимается до одной огромной главной цифры сверху, трёх строк действий под ней и приглушённого футера из второстепенных виджетов внизу

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

Аудит дашборда

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

  1. На какой единственный вопрос отвечает этот вид? Запишите его предложением. Если команда не может договориться о предложении, значит, она ещё не спроектировала дашборд, а лишь расставила виджеты.
  2. Есть ли одна главная цифра, привязанная к действию? Не три конкурирующие метрики. Одна главная цифра, один очевидный следующий шаг, всё остальное ранжировано под ней, как hero-секция лендинга.
  3. Список приоритетов отсортирован продуктом, а не пользователем? Если ответ «пользователь может сортировать как хочет», продукт не выбрал сторону. Дефолты и есть мнение.
  4. Какой временной горизонт у этого вида по умолчанию и почему? Значение по умолчанию должно соответствовать вопросу. Переключатель без продуманного дефолта выдаёт, что команда спихнула решение.
  5. Что вы решили спрятать? Если ответ «ничего», команда не сделала работу. Спрятанные метрики — доказательство мнения.
  6. Двигает ли пустое состояние продукт вперёд или тормозит его? Если оно просит пользователя настраивать виджеты, вы выпустили домашнее задание как продукт. Замените его одним подготовленным действием.
  7. Если новый пользователь откроет этот экран и больше никогда не увидит других, поймёт ли он продукт? Главный вид — такой же sales pitch, как и инструмент.

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

Трение в правильном месте

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

Часто задаваемые вопросы

Чем дашборд отличается от анти-дашборда?

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

Нужна ли кастомизация каждому продуктовому дашборду?

Глубокая кастомизация нужна почти никакому продуктовому дашборду. Большинство команд выпускают кастомизацию, чтобы не выбирать дефолты. Сильные дефолты бьют настраиваемые виджеты почти по всем показателям удержания. Оставьте кастомизацию для поверхностей power-пользователей, а не для главного вида.

Сколько KPI показывать на главном экране дашборда?

Одна главная цифра, привязанная к ответу, плюс от трёх до пяти второстепенных действий. После пяти глаз теряет порядок приоритетов, и дашборд скатывается в карусель метрик. Спрячьте длинный хвост за более глубокой аналитической поверхностью.

Выберите сторону, потом выпускайте экран

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

Дашборды, которые победят в 2026 году, — не те, у которых больше всего данных. Это те, у которых больше всего мнения. Linear, Vercel, Stripe, Cursor, Cron, Raycast, GitHub, Notion и Superhuman объединяет одно. Они выбрали сторону, и экран эту сторону несёт.

Если вам нужна команда, которая проектирует продуктовые дашборды как поверхности для решений, а не как сетки виджетов, наймите Brainy. Мы выпускаем мнение прямо в раскладке по умолчанию.

Want a dashboard that ships an opinion instead of a wall of widgets? Brainy designs product dashboards that pick a side and earn the screen.

Get Started

More from Brainy Papers

Keep reading