В веб-версии Motivity обновилась навигация: поиск, уведомления и профиль теперь собраны в боковой панели слева. Интерфейс стал чище, рабочая область экрана освободилась, а переключение между задачами требует меньше кликов. В ближайшее время обновим меню в мобильном приложении.
Рассказываем, как устроена новая навигация, где искать нужные инструменты и как настроить интерфейс под себя.
Больше фокуса на ежедневных задачах
Главная задача новой структуры — сделать работу с контентом быстрее и комфортнее.
- Единая точка внимания. Вся навигация сконцентрирована в одной рабочей зоне слева. Поиск, уведомления платформы, уведомления Коннекта (если модуль подключен) и переходы между разделами собраны в одном месте, а фокус больше не размазан по всему периметру экрана.
- Меньше отвлекающих факторов. Навигация собрана в одной логической зоне слева. Основное внимание сотрудника остается на рабочем процессе и обучении.
- Быстрый доступ без лишних переходов. Все ключевые разделы, уведомления о событиях и настройки профиля доступны из любой точки платформы в один клик.
Ключевые возможности обновленного интерфейса
1. Сворачивание панели и запоминание состояния
Если нужно сосредоточиться на задаче или разгрузить экран, панель можно свернуть до аккуратного столбца иконок.
Система теперь запоминает состояние меню в вебе: если вы свернули панель, ушли с платформы и вернулись позже, меню останется свернутым — именно так, как вы его оставили.
Обратите внимание: автоматическое запоминание работает на стандартных мониторах. На экранах с разрешением 1280 px и меньше меню по умолчанию адаптируется и открывается поверх страницы.
2. Единый блок профиля
Карточка сотрудника расположена в левом нижнем углу. Прямо на ней видны аватар, статус и накопленные баллы
По клику открывается меню быстрых действий:
- Личный кабинет и настройки — редактирование контактов, информации о себе и смена пароля.
- Избранное — быстрый возврат к сохраненным статьям и материалам.
- Обратная связь — отправка вопросов и предложений.
- Панель управления и оформление — доступ к администрированию (для пользователей с соответствующими правами).
- Выход из системы.
3. Умный поиск с историей
Поисковая строка находится в верхней части бокового меню. Она ищет совпадения по всей платформе: коллегам, учебным курсам, материалам и публикациям. В поиске сохраняются последние запросы и всплывают подсказки. Историю поиска можно очистить кликом по значку корзины.
4. Уведомления под рукой
Колокольчик событий теперь закреплен в нижней части меню. Индикатор подскажет о начисленных баллах, новых опросах, курсах или комментариях, не отвлекая от открытого материала.
5. Достижения и баланс
Иконка с бейджами и прогрессом геймификации закреплена на нижней панели рядом с профилем. Клик по ней открывает окно с полученными наградами, условиями для следующих уровней и переходом к общему каталогу бейджей компании.
Для администраторов: сохранение стиля и гибкая настройка
Визуальный стиль платформы полностью сохраняется: фирменные цвета компании, основные плашки и шрифты остаются прежними. В рамках редизайна мы упростили настройки темы, чтобы оформление меню выглядело цельно и без визуального шума:
1. Единые цветовые пары. Для текста и иконок настройки объединены:
- Вместо раздельных параметров текста и иконки теперь действует одна общая настройка: «Цвет текста меню и пунктов меню».
- Вместо раздельных настроек активных элементов теперь единая: «Цвет активных и наведённых пунктов и иконок меню».
Теперь иконка пункта и подпись к ней всегда оформлены в одном цвете.
2. Видимость разделов. Как и раньше, в панели управления можно включать, скрывать или менять местами пункты меню, оставляя только нужные команде модули.
3. Логотипы компании. В разделе «Настройки темы» настраиваются два варианта логотипа в форматах SVG, PNG или JPG:
- Основной логотип для развернутого меню (рекомендуемый размер от 448×96 px).
- Квадратная иконка для свернутого меню (строго квадратные пропорции, размер от 96×96 px).
Совет: для обоих вариантов мы рекомендуем векторный формат SVG — так логотип останется четким на экранах с любым разрешением.
