Повысил CSAT навигации Monq и обновил компонент на 2 фронтенд-стеках

Дизайнер системыАпрель – Май 20257 человек в команде

Monq – all-in-one платформа наблюдаемости, мониторинга и автоматизации. В продукте много модулей и сущностей, доступ к ним управляется через рабочие группы

Так, меню отвечает не только за навигацию, но и за контекст пользователя – доступность объектов и действий в продукте.

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

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

Работу начал с дизайн-системы: проверил необходимые компоненты, недостающие токены и технические ограничения, которые влияли на обновление Sidebar.

В команде проекта работал с аналитиком и двумя разработчиками. Участвовал в обсуждении структуры нового меню.

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

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

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

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

Механика подменю

До обновления 9.0, в восьмой версии, пользователь мог отмечать избранным рабочие группы, но не пункты меню

Гипотеза. Если дать пользователю возможность собирать пункты меню в персональный список, то оно станет точнее соответствовать его рабочему контексту и повысит CSAT.

Проанализировав конкурентов, понял, что для списка рабочих групп пользователю привычнее использовать закрепленное, а для пунктов меню – избранное.

Собирал финальные макеты на верстку и проводил ревью: исправляли несоответствия между двумя фронтами

Улучшил сценарии работы с навигацией и завершил крупный релиз обновлением меню, которое теперь отражает сильные стороны продукта

3.8/5CSAT – замерили индекс удовлетворенности обновленного меню. До обновления – 3.4.

3 ✦Новые функциональности, повышающие CSAT. Это избранное, развернутая версия и механика подменю «на ховер».

✦ Другие кейсы