Система для диспетчеризации дорожной инфраструктуры
Рабочее место диспетчера для мониторинга дорожных событий, управления карточками событий и контроля инфраструктуры на карте.
DSS объединяет два основных инструмента: Dashboard для работы с событиями и GIS для визуального мониторинга дорожной ситуации.
- Role
- Senior Product Designer
- Tasks
- UX architecture, UI, components, prototypes
- Status
- Dashboard implemented, GIS in final development stage
Система для диспетчеризации дорожной инфраструктуры
Рабочее место диспетчера для мониторинга дорожных событий, управления карточками событий и контроля инфраструктуры на карте.
DSS объединяет два основных инструмента: Dashboard для работы с событиями и GIS для визуального мониторинга дорожной ситуации.
- Role
- Senior Product Designer
- Tasks
- UX architecture, UI, components, prototypes
- Status
- Dashboard implemented, GIS in final development stage
Мониторинг
Управление
Проектирование с нуля
Новая версия DSS проектировалась практически с нуля на основе бизнес-требований и описаний системы. Вместе с аналитиком заказчика я переводил требования в пользовательские сценарии и интерфейсы.
В процессе часть исходных решений была пересмотрена и упрощена с точки зрения UX.
Dashboard
Рабочее пространство диспетчера
Dashboard — основной рабочий экран системы. Здесь диспетчер получает информацию о дорожных событиях и работает с активными карточками событий.
Вся информация в одном контексте
Интерфейс построен по принципу master–detail: список событий остаётся перед глазами диспетчера, а справа отображается информация по выбранному объекту.
- Событие
- Предупреждение
- Карточка события
- Работа
- Завершение
От события к готовому сценарию
КС может быть создана вручную, запланирована заранее или автоматически сформирована системой. Для типовых ситуаций используются готовые сценарии, которые диспетчер проверяет и корректирует.
GIS
Ситуация на дороге в пространстве
GIS показывает дорогу, события, оборудование и специальную технику на выбранном участке. Раздел используется для мониторинга, а редактирование выполняется в Dashboard.
От общей ситуации к конкретному объекту
Диспетчер может перейти от общей картины к конкретному кластеру, событию или объекту инфраструктуры, не покидая карту.
События, оборудование и техника
Для разных типов объектов используется единая система карточек и обозначений, позволяющая быстро различать их на карте и просматривать подробную информацию.
Единая система для сложного продукта
Интерфейсы Dashboard и GIS построены на собственной компонентной системе. Цветовая система реализована через Figma Variables и поддерживает три темы.
Project Outcome
Я спроектировал UX/UI DSS с нуля — от основных рабочих сценариев и структуры экранов до компонентной системы и GIS.
Project Outcome
Я спроектировал UX/UI DSS с нуля — от основных рабочих сценариев и структуры экранов до компонентной системы и GIS.