Давайте честно: как часто вы заходите в личный кабинет и тратите время, пытаясь понять, с чего начать работу? Или видите перед глазами кучу цифр, которые не дают ответа на главный вопрос: «Что делать прямо сейчас?»
Я сам прошел через это. В наших продуктах (Service, CRM, Auction) мы годами использовали стандартный дашборд. Казалось, что всё работает. Но потом мы заметили: пользователи просто не дочитывают свои рабочие столы. Они путаются, теряют время и не видят главного.
Почему так происходит? Потому что мы, разработчики, часто идем от формы, а не от потребности. Нам проще запихнуть в дашборд 4 показателя (даже если нужен всего 1), чем подумать: «А что на самом деле нужно пользователю?»
В этой статье я расскажу, как мы перешли от старого, шаблонного подхода к новому — тому, который реально помогает людям работать быстрее и эффективнее. И да, это не просто смена дизайна. Это смена философии.
Ключевая выгода для вас: вы узнаете, как превратить рабочий стол из «просто страницы» в настоящий центр управления бизнесом. Всё, что нужно, будет под рукой. Ничего лишнего.
У нас был стандартный компонент «Дашборд». Он выводил 4 показателя. К каждому — своя иконка, ссылка, подсказка. Под ними — панели с таблицами и графиками. Всё по шаблону.
Вот как это выглядело в базовом варианте:
Логика была простая: «Мне нужно вывести 4 показателя и таблицу. Как заполнить анкету?» Проблема в том, что мы думали о форме, а не о человеке.
Фокус смещается на техническую часть. Вы начинаете ломать голову: «Какую иконку поставить второму показателю?», «А что, если у меня только 3 показателя?» И в итоге вы добавляете четвертый, бессмысленный, лишь бы шаблон работал.
Это неправильно. Нужно идти от реальной потребности пользователя, а не от формы.
Теперь мы ставим во главу угла типовые потребности пользователя и его сценарии. Рабочий стол — это не просто страница. Это стартовая точка, с которой начинается любой процесс в системе.
Вот пример нового дашборда Исполнителя на решении Falcon Auction:
Что теперь на дашборде:
Структура дашборда не должна быть зажата в рамки одного компонента. Вот что мы поняли на практике:
Рабочий стол — это хаб. Центральное место, откуда пользователь начинает свой день. Формат вывода — таблицы, диаграммы или произвольная разметка (например, форма на чтение).
⚠️ Важно: Не пытайтесь сделать дашборд «на века». Делайте его так, чтобы его можно было легко менять и дополнять. Гибкость — это ключ к тому, чтобы рабочий стол оставался полезным.
Признаюсь, отказываться от собственного компонента было непросто. Но практика показала: связка «Bootstrap-разметка + Таблицы + Формы» работает гибче и проще в развитии.
Примечание: Компонент «Таблица» может выводить не только таблицу, но и графики, канбан, календарь. А «Форма» — как реальную форму, так и просто разметку на основе данных из БД.
Мы заменили дашборд и для администратора. Этот дашборд может смотреть и бизнес-админ (за исключением доступа к SQL).
Первый разворот:
Второй разворот:
Что есть на дашборде администратора:
Старый дашборд был гораздо менее информативен. Новый не добавляет принципиально новых возможностей, но дает гораздо более наглядное представление о ситуации на сайте.
Вот как выглядела верхняя часть старого дашборда администратора:
Новый дашборд можно установить на старые экземпляры через SQL-пакет (потребуются небольшие ручные правки, описанные в пакете обновления).
Новые дашборды уже внедрены для нескольких ролей:
Ваш ход: если вы хотите, чтобы ваш рабочий стол работал на вас, а не вы на него, — начинайте внедрять новый подход. Сделайте его гибким, полезным и удобным. Не бойтесь отказаться от старых шаблонов.
Не добавляйте четвертый «для галочки». Лучше сделайте дашборд гибким, где количество элементов не привязано к шаблону.
Да. В новом подходе мы используем API, чтобы получать данные откуда угодно.
Сделайте копию таблицы и адаптируйте её под дашборд. Используйте суффикс, например, Short.
Агрегируйте их. Покажите общее количество, а не каждую запись. Дайте ссылку на детализацию.
Дашборд должен развиваться вместе с бизнесом. Регулярно пересматривайте его и добавляйте новые блоки по мере необходимости.
.jpg)
.jpg)
