WebAR-примерка: без приложений и без отговорок

Скачивание приложения всегда было настоящим барьером

Годами дополненная реальность для примерки пряталась за ссылкой на приложение в сторе. Покупателю приходилось уходить со страницы товара, искать нужное приложение, ждать загрузки увесистого файла, создавать учётную запись — и только потом наконец наводить камеру на лицо или ноги. Большинство сдавалось где-то на втором шаге.

Это трение было не мелкой проблемой UX. Именно из-за него AR так и не стала массовой привычкой в шопинге, несмотря на годы шумихи вокруг темы. Каждое лишнее касание между «интересно» и «примеряю» отсекает часть аудитории, а установка приложения — самое затратное касание из всех.

WebAR меняет расклад. Она работает прямо в мобильном браузере, который покупатель уже открыл, запускаясь по кнопке на самой странице товара. Никакой установки, никакой регистрации, никакого ожидания. Единственный дополнительный шаг — запрос доступа к камере, и большинство соглашается, ведь решение о покупке уже почти принято.

Что реально умеет AR прямо в браузере сегодня

Ранняя WebAR была скорее забавой: фильтр, который криво надевал шапку на голову с заметными задержками. Технология под капотом развивалась стремительно, и современные реализации справляются с настоящими коммерческими задачами.

Сегодняшняя AR в браузере способна отслеживать лицо или тело в реальном времени, используя только камеру устройства, накладывать товар с корректным масштабом и реакцией на освещение, и рендерить это с частотой кадров, которая ощущается отзывчивой. Для одежды и аксессуаров технология может совмещать отслеживание с камеры в реальном времени с 3D-моделью одежды нужного размера — так покупатель видит не плоскую наклейку, а вещь, которая драпируется и двигается вместе с ним.

Разрыв между AR в нативном приложении и WebAR сократился настолько, что примерка в браузере стала практическим стандартом для большинства сценариев в ритейле, а не компромиссным вариантом.

Реальный бюджет производительности, с которым приходится работать

AR в браузере живёт в жёстких рамках, и игнорировать их — верный способ получить функцию, которой никто не пользуется. Важнее всего три ограничения.

Время загрузки

Если AR-опыт инициализируется дольше пары секунд после нажатия, заметная часть покупателей уйдёт ещё до того, как откроется камера. Ресурсы нужно сжимать и загружать потоково, а не разом.

Разброс устройств

Ваши покупатели пользуются самыми разными телефонами, а не только последними флагманами. Сборка WebAR, которая хорошо работает только на прошлогоднем iPhone, незаметно проваливается на значительной части вашего Android-трафика.

Длительность сессии

Мобильные браузеры агрессивно ограничивают фоновые процессы и вкладки, разряжающие батарею. AR-сессия должна успеть показать свою ценность за первые 15-20 секунд, пока не иссякли внимание и терпение к разрядке батареи.

Бренды, которые воспринимают эти ограничения как фиксированные условия проектирования, а не как препятствия, которые можно обойти позже, выпускают AR-функции, которыми люди реально пользуются до конца.

Проблема десктопа: мост через QR-код

Значительная часть исследования товара перед покупкой всё ещё происходит на десктопе, где нет фронтальной камеры, которую можно навести на что-либо. Ответ WebAR прост и уже знаком большинству покупателей: QR-код, который передаёт сессию на телефон.

Покупатель сканирует его — приложение не требуется и здесь — и сразу попадает в AR-опыт в мобильном браузере, привязанный именно к тому товару, который он просматривал на десктопе. Сессия подхватывается мгновенно, без необходимости заново искать товар или что-либо вводить.

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

Как запустить WebAR-примерку: пошаговый чек-лист

1. Проверьте существующий контент о посадке и размерах, чтобы найти места, где покупатели уже спрашивают «подойдёт ли мне это» — именно там кнопка примерки даст максимальный эффект, а не только в галерее товара.
2. Выберите подход к WebAR, подходящий вашему каталогу: отслеживание лица/головы для очков и аксессуаров или отслеживание всего тела и масштаба одежды для одежды.
3. Установите бюджет времени загрузки (стремитесь уложиться в 2-3 секунды до готовности камеры) и протестируйте это на среднем Android-устройстве, а не только на телефонах вашей команды.
4. Постройте переход по QR-коду для десктопных сессий, чтобы просмотр товара на этапе исследования конвертировался в мобильную примерку без потери контекста товара.
5. Добавьте заметный призыв к действию с низким порогом вовлечения — «Посмотреть на себе» звучит лучше, чем «Запустить AR-опыт», и задаёт правильные ожидания.
6. Оснастите воронку метриками: измеряйте, сколько просмотров товара запускают примерку, сколько её завершают, и как показатель возвратов у этой группы сравнивается с теми, кто пропускает примерку.
7. Работайте над качеством рендера и скоростью одновременно; красивый рендер, который долго загружается, теряет покупателей ещё до того, как они его увидят.

Почему инвестиции оправданны именно сейчас

Потребительский интерес к AR давно перестал быть ставкой на удачу. Примерно две трети потребителей говорят, что заинтересованы в использовании AR во время шопинга (исследование Deloitte x Snap Consumer AR), и этот интерес подкреплён устойчивым импульсом на рынке — аналитики прогнозируют устойчивый двузначный рост AR в ритейле вплоть до конца 2020-х (Statista). Это больше не функция, которую бренды пробуют; это то, что покупатели всё чаще ожидают увидеть.

Это ожидание напрямую связано с проблемой, которую большинство команд fashion-e-commerce уже давно отслеживают: как неуверенность в размере приводит к брошенным корзинам. Покупатель, который не может визуализировать посадку до оформления заказа, — это покупатель, который либо бросает корзину, либо заказывает несколько размеров и возвращает остальное. WebAR-примерка, особенно в паре с реальными данными о размерах, а не общим наложением, закрывает этот разрыв в визуализации именно в тот момент, когда это важнее всего.

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

Какую роль играет YourSizer

WebAR решает половину проблемы посадки — визуализацию, показывая покупателю примерно, как что-то выглядит. Виджет YourSizer решает другую половину: собственно рекомендацию размера, стоящую за этим изображением. Он объединяет движок рекомендации размера с 3D-визуализацией, поэтому покупатели видят не одежду, отрендеренную на обобщённом теле, а вещь, подобранную под их собственные измерения.

Он создан как plug-and-play-решение, устанавливается в Shopify и другие крупные платформы без спринта разработки и располагается прямо на странице товара — именно в тот момент, когда покупатель решает, покупать или нет. Для команд, взвешивающих инвестиции в WebAR против точности подбора размера, это не конкурирующие приоритеты. Пройдите тур по продукту, чтобы увидеть, как эти два решения работают вместе, или посмотрите, как это выглядит для брендов с высокими показателями возвратов.

Часто задаваемые вопросы

Работает ли WebAR-примерка на старых телефонах?

Производительность зависит от устройства, но хорошо реализованные WebAR-решения спроектированы так, чтобы деградировать плавно, а не отказывать полностью. На старых телефонах рендер может быть немного упрощён, а инициализация отслеживания — слегка задержана, но основная функция примерки должна всё равно работать. Тестирование на реальном разбросе устройств разного возраста, а не только на актуальных флагманах, — единственный надёжный способ убедиться в этом перед запуском.

Чем WebAR отличается от AR-функции в нативном приложении для шопинга?

Базовая технология отслеживания и рендеринга схожа, но именно способ доставки меняет всё. AR в нативном приложении требует установки и создания учётной записи прежде, чем покупатель вообще увидит функцию, тогда как WebAR запускается в момент нажатия кнопки на вашем существующем сайте. Это устраняет главный источник оттока во всём этом опыте.

Действительно ли добавление WebAR-примерки снижает возвраты?

Функции примерки устраняют одну из главных причин возвратов — неверные предположения покупателей о том, как товар будет выглядеть или сидеть. Лучше всего это работает в паре с точными рекомендациями по размеру, а не отдельно, поскольку красиво выглядящий рендер в неправильном размере всё равно приведёт к возврату. Бренды, сочетающие визуальную примерку с реальными данными о размерах, обычно видят наибольший эффект на показателях возвратов.

Читайте также

• Виртуальная примерка vs подбор размера: что нужно вам?
• Виртуальная примерка на карточке товара: практический гайд