Приложение Видеоконтроль Дом.ру Бизнес

Research & Mobile Launch

Видеоконтроль Дом.ру: запуск мобильного приложения и редизайн шкалы времени

B2B SaaS видеонаблюдения для бизнеса
Запуск мобильных приложений с нуля + редизайн ключевого сценария (таймлайн)
Результат: MAU x3, рост выручки направления ~20%
Роль: end-to-end продуктовый дизайнер

Роль: продуктовый дизайнер SaaS B2B-продукта «Дом.ру Бизнес Видеоконтроль». Отвечал за end-to-end дизайн: запуск мобильных приложений с нуля, проработка сложных сценариев (таймлайн, видеоаналитика, роли), развитие и масштабирование дизайн-системы. (2021–настоящее время)

Платформы: iOS, Android, Web, Моб
Методы: UX-исследования, интервью, тестирование макетов, конкурентный анализ

Контекст
Продукт “Видеонаблюдение Дом.ру Бизнес” (vs.domru.ru + приложения) существовал в виде нативных iOS и Android приложений (мобильной веб-версии не было). Мы теряли клиентов, которым нужен был контроль «на ходу». Это напрямую влияло на удержание и использование сервиса вне офиса.
После обновления интерфейса в отзывах пользователей начала регулярно появляться критика временной шкалы (таймлайна) и навигации по видеоархиву.

Проблема

За месяц было зафиксировано 11 негативных отзывов, что составляло около 12% от всех новых отзывов — высокий показатель для зрелого B2B-продукта

Пользователи жаловались, что не понимают, как:

перейти к нужной дате и времени в архиве;
быстро перемещаться по записи;
управлять масштабом временной шкалы;
работать с событиями (движение, недоступность камеры и т.д.).

Ключевая UX-ошибка

Таймлайн и элементы управления появлялись только после клика по текущему времени.
Для команды это казалось логичным решением, но для пользователей время не воспринималось как интерактивный элемент.
В результате:

пользователи не совершали этот клик;
считали, что в приложении вообще нет шкалы времени;
воспринимали новую версию как хуже предыдущей, где управление было всегда видно.

💡
Симптомы в отзывах пользователей

«Нет шкалы времени»
«Каждый раз приходится подкручивать время»
«Нельзя уменьшить ленту, долго мотать»
«Неудобная перемотка, раньше было лучше»
«Невозможно нормально смотреть архив»

Неопределённость решения

Я исследовал 17 приложений конкурентов и спроектировал несколько вариантов таймлайна

Однако внутри команды не было ясности:

какие функции являются приоритетными;
как лучше сгруппировать элементы управления;
должен ли маркер текущего времени быть всегда в центре или свободно перемещаться;
как оптимально решить навигацию в условиях ограниченного экрана смартфона.
В условиях отсутствия консенсуса решение нельзя было принять «экспертно», поэтому я взял на себя инициативу проверить гипотезы через исследование.

UX-исследование

Как мы пришли к финальному решению таймлайна на основе данных

Часть гипотез была подтверждена, часть — опровергнута и доработана.
В спорных моментах выводы дополнялись анализом 14 прямых и косвенных конкурентов.
Это позволило сузить пространство решений и перейти от абстрактных вариантов к одному, подтверждённому пользовательскими сценариями.

Финальное решение

На основе исследования был спроектирован и реализован новый интерфейс временной шкалы

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

UX-результат

Устранена критическая проблема обнаруживаемости таймлайна.
Навигация по архиву стала соответствовать реальным пользовательским сценариям.
Упоминания сложностей перехода к нужной дате и времени исчезли из новых отзывов пользователей.

Бизнес-эффект

Запущены и развиваются мультиплатформенные приложения (iOS / Android).
MAU мобильных приложений вырос в 3 раза, MAU веб-версии — в 2 раза.
Редизайн и развитие продукта способствовали росту выручки направления на ~20% (≈250 млн ₽).

Дополнительно: дизайн-система и масштабирование

Параллельно с работой над интерфейсом видеонаблюдения:

развивалась собственная дизайн-система продукта, связанная с дизайн-системой сайта и личного кабинета Дом.ру Бизнес;
в рамках ребрендинга были разработаны цвето-шрифтовые схемы для 8 копий приложения видеонаблюдения (для разных телеком-провайдеров, крупных заказчиков и брендов холдинга);
создан веб-инструмент для быстрого формирования светлых и тёмных тем,
работы с цветами и паком иконок для масштабирования продукта.

Подробнее