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

Платформы: iOS, Android, Web, Моб

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

Результат: MAU ×3, Выручка +20%

Контекст

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

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

Проблема

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

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

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

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

Таймлайн и элементы управления появлялись только после клика по текущему времени.

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

В результате:

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

<aside> 💡

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

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

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

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

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

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

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

Исследование

<aside>

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

</aside>

Чтобы принять решение на основе данных, я инициировал дополнительное UX-исследование.

Интервью и тестирование макетов

• Провёл 7 интервью по 25 минут с UX-тестированием макетов таймлайна.