VMS

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

Sergek делает системы видеонаблюдения и дорожной безопасности. VMS — та часть, с которой каждый день работают операторы: видео, карта, события и записи.

Я вёл продукт как единственный дизайнер: сценарии, макеты, дизайн-система, передача в разработку.

В кейсе показана небольшая часть клиентского интерфейса. Кроме него есть административная часть и отдельные решения под государственных заказчиков.

Оператор не может смотреть все камеры сразу.

Камер больше, чем человек способен держать в поле зрения, а видео, карта, аналитика и записи жили в разных местах.

Продукт собирает их в одно рабочее место и строит работу вокруг событий.

Видео, карта и события в одном окне.

Камеру ищут по-разному: по адресу на карте, по объекту в дереве или глазами в сетке потоков. Все три пути открывают одно и то же видео, рядом с ним идёт лента событий.

Мобильное приложение решает другую задачу: посмотреть камеру и разобрать событие, не находясь за рабочим местом.

Десктоп, планшет и телефон работают по одной логике.

Набор функций не меняется — меняется плотность и порядок: на большом экране всё рядом, на маленьком по одному шагу за раз.

Навигация и компоненты общие, поэтому переход с устройства на устройство не требует переучивания.

Все интерфейсы собраны под обе цветовые схемы.

Темы построены на переменных: цвета, состояния и тени описаны один раз и переключаются целиком.

Мелочи проходят тот же путь, что и основные экраны.

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

Компоненты, состояния и иконки.

Продукт большой, поэтому экраны собираются из общей библиотеки: сетка, типографика, компоненты, тёмная и светлая темы, свой набор иконок.

Той же системой пользуются соседние продукты компании.