О проекте
Живой просмотр камер, архив записей и события с видеоаналитикой в одном приложении. Задача — за два месяца собрать MVP. Дизайн и разработка шли параллельно, поэтому решения нужно было принимать быстро и сразу в рабочем виде.
Список камер, живой просмотр и архив — экраны, с которых начинается работа с приложением.
Роль в проекте
Единственный дизайнер на проекте: вела его от бизнес-функциональных требований до макетов и передачи в разработку. Спроектировала авторизацию, список камер и живой просмотр, архив с выгрузкой записей, ленту событий с видеоаналитикой и состояния экранов.
Камеры и живой поток
Камеры показаны карточками с опорным кадром, раскладку можно переключать между сеткой и списком. Из карточки открывается живой поток: звук, переключение потоков, полноэкранный режим.
Архив
Похожих приложений немного, готового паттерна взять было неоткуда, поэтому искала понятный способ работы со временем — привычный по обычным видеоплеерам. Остановилась на шкале с масштабом вместо ручного ввода: грубым скроллом оператор попадает в нужный момент, зумом уточняет до минут, а отрезок выделен цветом и двигается по шкале.
Сначала рисовала её горизонтальной, как в видеоплеерах, но задача другая: оператору нужно пролистать часы записи и при этом держать на виду отрезок в десять минут, который уйдёт на выгрузку. На вертикальной шкале помещается больше времени, листать её большим пальцем удобнее, а выбранный отрезок остаётся виден целиком.
События
События собираются со всех камер. У каждого — превью, камера, время и параметры распознанного объекта: набор зависит от типа события. Из события можно перейти в архив нужной камеры: заметил → посмотрел → выгрузил.
Чем закончилось
Приложение выпустили в прод в срок: MVP собрали за два месяца, параллельно с разработкой. Это клиент к системе видеонаблюдения, которая установлена у 5000+ бизнес-клиентов в 24 регионах России.