30 000+ тренировок ежемесячно

VR Supersonic/
VR-приложение

B2B VR-продукт, в котором сотрудники отрабатывают сценарии общения с виртуальными клиентами, получают оценку навыков и безопасно прокачивают сервис до единых стандартов компании.
Ноутбук с надписью "NDA" и тегами: вебсайт, интерфейс, адаптивность
/ Вместо эпиграфа
Из-за NDA я не могу показать макеты или раскрыть детали работы над этим проектом. Поэтому здесь я просто кратко расскажу, чем занималась в этой части продукта и какие задачи решала 🫢
(00)

О приложении

B2B VR-приложение для тренировки коммуникативных навыков в иммерсивной среде.
Если проще: сотрудник ритейла (например, официант или продавец-консультант крупной сети) тренируется выявлять потребности клиентов, презентовать продукты и делать допродажи — взаимодействуя с виртуальными 3D-персонажами.
Ошибки в такой среде безопасны для бизнеса: сотрудник может отрабатывать сложные ситуации без риска для выручки и репутации.
Дополнительная ценность — единый стандарт обучения.
Все сотрудники проходят одинаковые сценарии, поэтому качество сервиса становится системным, а не «кто во что горазд».
Приложение синхронизируется с веб-платформой.
(01)

Моя роль

Отвечаю за UX/UI-дизайн и развитие интерфейса VR-приложения. Работаю в связке с аналитиком и разработчиками — от гипотезы до релиза.
В зоне ответственности:
  • проектирование новых экранов и фич
  • развитие и систематизация UI-kit для VR
  • дизайн модальных окон и интерактивных элементов
  • интерфейсные тексты и подсказки
  • передача в разработку (handoff)
Регулярно:
  • описываю логику экранов, ограничения и поведение контролов
  • фиксирую состояния элементов и edge-cases
  • готовлю адаптивные варианты и тестирую для разных VR-устройств
  • участвую в планировании спринтов и приоритизации задач
(02)

Специфика VR

В проекте я отвечала за UX/UI и систематизацию интерфейса в VR-среде.
Проектирование для VR отличается от web и mobile.
Пользователь буквально находится «внутри» интерфейса — это не плоский экран, а пространство вокруг него.
Обычно пользователи ни разу не надевали VR-очки, до этого приложения.
В VR не работают привычные z — и f-паттерны.
Иерархия выстраивается через глубину, масштаб и позиционирование в пространстве.
Отдельное внимание уделяла:
  • очевидности действий
  • предсказуемости реакции интерфейса
  • понятным состояниям наведения и выбора
  • минимизации когнитивной нагрузки
В работе я учитывала:
  • расстояние элементов до пользователя
  • зону комфортного чтения
  • углы обзора
  • размеры и контраст текста
  • нагрузку на зрение
  • ограничения взаимодействия через контроллер
Для проверки решений проводила серию мини 🧡 usability-тестов: наблюдала за коллегами-пользователями в шлеме, фиксировала проблемные места, корректировала иерархию и подсказки.
(03)

Любимые задачи/Редизайн

Когда я подключилась к проекту, личный кабинет представлял собой один перегруженный экран без онбординга и понятной структуры. Пользователю было сложно понять:
  • с чего начать
  • где смотреть результаты
  • что происходит после прохождения сценария
Я переработала архитектуру интерфейса:
  • разделила сложный экран ЛК на последовательные шаги
  • ввела вкладочную структуру личного кабинета
  • пересобрала отображение результатов
  • добавила элементы прогресса и достижений
  • спроектировала понятные инструкции
Также дизайнила модальные окна, состояния ожидания, экраны результатов и системные сообщения.
(04)

Любимые задачи/UI-Kit и handoff

Систематизировала поведение контролов и попапов в VR UI Kit:
  • правила
  • сценарии
  • состояния
Подготовила детальный handoff для разработки:
  • флоу экранов
  • логика работы системы
  • ограничения
  • поведение контролов
  • edge-cases
  • интерфейсные тексты
(05)

Процесс и командная работа

  • формировала цели спринтов вместе с командой,
  • управляла бэклогом дизайн-задач
  • разбивала фичи по релизам (для ускорения тайм ту маркет)
  • презентовала решения бизнесу и разработке
Все решения описывала в формате детального handoff:
  • продуктовая часть (проблема, контекст, для кого)
  • разбивка фич по версиям
  • логика экранов
  • ограничения
  • поведение компонентов
  • edge-cases
Работаю в связке с аналитиком и разработчиками, обсуждаем реалистичность решений и подводные камни до передачи в прод