UX Research
Анализ бизнес-задачи, сценариев использования и ролей пользователей.
Вернуться к портфолио
Visius AI
Система видеоаналитики для оценки локаций и офлайн-трафика: загрузка видео, подключение IP-камер, разметка линий подсчёта и аналитические дашборды для бизнес-решений.
Моя роль
Я отвечал за UX/UI-дизайн веб-приложения: от проектирования пользовательских сценариев и структуры интерфейса до визуального дизайна, состояний компонентов и логики аналитических экранов.
UX Flow
Сценарии загрузки видео, подключения камеры, разметки линий и аналитики.
Dashboard UI
Интерфейсы графиков, фильтров, ключевых показателей и экспорта данных.
Components
Состояния компонентов, пустые состояния, уведомления, тарифы и системная обратная связь.
Сложная технология должна была стать понятным рабочим инструментом
Бизнесу нужен не технический лог компьютерного зрения, а ответы: насколько активна локация, когда пик трафика и стоит ли открывать точку или размещать рекламу.
Продукт совмещает загрузку видеофайлов, подключение IP-камер, разметку линий подсчёта, длительную обработку и аналитику. Нужно было сделать процесс пошаговым и прозрачным для пользователя без технического опыта.
Файлы и камеры
Один продукт должен поддерживать и загруженные видео, и потоковые RTSP-источники.
Линии подсчёта
Пользователь должен сам указать линии и направления, по которым система считает поток.
Бизнес-аналитика
Результаты распознавания нужно было превратить в понятный управленческий дашборд.
Структура продукта
Я спроектировал интерфейс вокруг рабочих зон: главная с группами и локациями, данные с локации, аналитика, архив, корзина, уведомления, тарифы и настройки профиля.
Группа
Локация
Видео / камера
Разметка
Аналитика
Группы и локации
Группы помогают организовывать локации по городам, районам, клиентам, кампаниям или проектам.
Карточка локации
Превью, источник, объём данных, статусы обработки, ошибки и быстрые действия доступны из карточки.
Пошаговые сценарии работы с данными
Я разделил технический процесс на понятные сценарии: пользователь выбирает локацию, добавляет источник данных, задаёт обязательные параметры, размечает линии и запускает анализ.
Загрузка видео
- выбор группы и локации;
- дата и время начала съёмки;
- загрузка видео на сервер;
- разметка линий и запуск анализа.
Подключение IP-камеры
- RTSP-ссылка с примером формата;
- обязательный выбор часового пояса;
- статус активного подключения;
- действие отключения камеры.
Разметка линий подсчёта
Система считает не просто объекты в кадре, а пересечения заданных линий в определённых направлениях. Поэтому интерфейс разметки стал одним из ключевых UX-вызовов проекта.
До трёх линий
Пользователь может нарисовать от одной до трёх линий поверх кадра.
Два направления
Для каждой линии есть два направления, выделенные цветом и стрелками.
Единая настройка
Линии локации применяются к уже загруженным и будущим видео.
Аналитика: от распознавания к бизнес-решениям
Аналитический раздел проектировался как дашборд для быстрого ответа на бизнес-вопросы: активность локации, пики трафика, направления движения, типы объектов и выгрузка данных.
Метрики
Пересечения, пешеходы, автомобили, велосипедисты, пол, возраст и данные по линиям.
Графики
Столбчатые, линейные, круговые и кольцевые графики для разных задач анализа.
Экспорт
Экспорт в .XLS помогает использовать данные в презентациях, отчётах и внутренних документах.
Гибкость анализа
Можно объединять данные по полу и возрасту, линиям или типам объектов.
Статусы, прогресс и системная обратная связь
Видео загружаются и обрабатываются не мгновенно, поэтому интерфейс должен постоянно показывать, что происходит с файлами, камерой, отчётом и доступными часами обработки.
Прогресс
Виджеты показывают процент выполнения, объём данных и примерное оставшееся время.
Уведомления
Загрузка, обработка, отчёты, подключение камеры, ошибки и лимиты сгруппированы по датам.
Тарифы и часы
Постоянный виджет остатка часов связывает тарификацию с ресурсозатратной обработкой видео.
Визуальный подход
Интерфейс проектировался как рабочий B2B-инструмент: светлый, чистый, технологичный и не перегруженный. Важен был баланс между техническим характером продукта и понятной визуальной подачей для бизнес-пользователя.
Чистые карточки
Белые карточки, мягкие тени и компактная навигация делают интерфейс рабочим.
Цветовое кодирование
Цвет помогает различать линии, направления, объекты, действия и статусы.
Крупная аналитика
Ключевые цифры и графики должны читаться быстро и помогать принимать решения.
Результат
2
типа источников данных
3
линии подсчёта на локацию
8
ключевых разделов продукта
.XLS
экспорт аналитических отчётов
В результате был спроектирован целостный интерфейс веб-приложения, который закрывает полный пользовательский цикл: создание локации, добавление источника данных, разметку, запуск анализа, отслеживание обработки, просмотр отчёта, экспорт и управление тарифом.
Главный вывод
Главная ценность дизайна в этом проекте — перевод сложного технического процесса на язык пользователя: добавить источник данных, настроить линии, запустить анализ и получить понятный отчёт.