Теги и навыки Дизайн-система, Мультиролевой интерфейс, Виджетная структура, Проектирование сценариев, Прототипирование

Длительность 6 недель

UNIVERSITY WIDGET — ЕДИНАЯ ЦИФРОВАЯ СРЕДА НА БАЗЕ ПЕРСОНАЛЬНОГО ДАШБОРДА. МОДУЛЬНАЯ СЕТКА ОБЪЕДИНЯЕТ РАЗРОЗНЕННЫЕ СЕРВИСЫ, АДАПТИРУЯ ИНТЕРФЕЙС ПОД ЗАДАЧИ КОНКРЕТНОГО ПОЛЬЗОВАТЕЛЯ.

(01) Проблема Студентам и сотрудникам приходилось постоянно переключаться между кучей разных сайтов и вкладок.

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

(02) Задача Нужно было разработать единую дизайн-систему, которая работала бы сразу для трёх разных ролей.

Главный вызов — сделать так, чтобы один и тот же интерфейс был одинаково удобен и студенту с его расписанием, и администратору с его рабочими задачами в 1С.

(03) Решение Интерфейс стал удобным дашбордом с карточками-виджетами.

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

(04) User Flow Пользователь начинает с дашборда, где видит ключевые задачи и события.  Далее через виджеты переходит к деталям (например, список документов или занятия) и выполняет нужное действие.

(05) Адаптивность и состояния Важной частью работы стала проработка состояний виджетов. Каждый блок — от библиотеки с рекомендациями до системы ВКС — спроектирован так, чтобы корректно отображать информацию как в сжатом виде на главном экране, так и при переходе к деталям.

(06) Система уведомлений и статусы Для каждого виджета разработана система визуальных индикаторов.

Например, в ServiceDesk пользователь сразу видит количество заявок в работе и те, что требуют уточнения, а в блоке «Эффективный контракт» прогресс-бар наглядно показывает путь до следующей надбавки. Это избавляет от необходимости заходить внутрь сервиса для проверки обновлений.

(07) Интерактивный календарь и задачи Правая панель спроектирована как сквозной элемент для всех ролей.

В календаре предусмотрены цветовые маркеры (точки) под датами: синие для обычных встреч или пар, красные — для дедлайнов и критических задач. Блок под календарем автоматически подтягивает детализацию на текущий день, будь то расписание занятий или планерка отдела.

(08) Детальные макеты Внедрение виджетной системы и четкой иерархии позволило объединить разрозненные сервисы в единую экосистему, сократив путь пользователя до ключевых действий и сделав ежедневную работу и учебу комфортнее.