Возможности дополненной реальности в вебе. Почему так важен Web AR?

PHYGITALISM
Mar 24, 2020 · 7 min read

Дополненная реальность — потрясающая технология, которая позволяет интегрировать виртуальные объекты в наше реальное пространство. Технология находится в постоянном развитии, если раньше одним из самых ярких примеров для пользователей был Pokemon Go, то сейчас дополненная реальность используется повсеместно во многих сферах, где игры занимают не самую большую нишу, например: производство, обучение, навигация, арт, event.

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

Что это значит? Пользователи могут получить доступ к просмотру контента в дополненной реальности, используя мобильный браузер. Для этого необходимо разместить ссылку на сайт, на котором размещен Web AR опыт — в рамках инфо-кампании бренда на социальных платформах, или в виде отдельной рассылки.

WebAR landscape

Механики отображения AR контента могут быть различными — например, вы можете “установить” объект на плоскость (пол, стена), или навести камеру на изображение, которое будет являться триггером для появления цифровой реальности.

Pink Floyd — пример постановки объекта на плоскость
HSBC Bank x WWF — пример маркерной механики

Какие возможности уже сейчас имеет технология?

Преимущества Web AR?

  • Быстрый доступ к AR-опыту

Если ранее для взаимодействия с пользователем требовался более широкий список действий, например:

  • Мотивация скачивания приложения — создание дополнительной инфоподдержки
  • Условия скачивания — загрузка приложения от Wifi, наличие свободного места на устройстве
  • Мотивация для пользователя — почему он должен скачать приложение, и какие преимущества от этого получит

То с появлением Web AR этот сложный путь сокращается до перехода по ссылке на сайт с AR опытом. От пользователя требуется только разрешение на использование камеры — тем самым исчезает необходимость в скачивании приложения.

Кейс Adidas x 8th wall. Демонстрация пути пользователя
  • Проще, чем создание приложения

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

  • Try before you buy

Apple и Google вносят свой вклад в развитие дополненной реальности в веб, пока что на уровне создания форматов 3D моделей, которые можно интегрировать в веб-страницу. Форматы usdz и gltf/glb работают на базе ARkit/ARcore соответственно, что обеспечивает качественный уровень привязки виртуальных объектов и их реалистичное отображение.

В 2019 году Google добавил возможность просмотра AR моделей при вводе слов в поисковой строке

Продукты, которые необходимо показать покупателю, могут отображать самые важные характеристики товара, например размер, текстура.

Кейс Magnolia shop

Главное преимущество форматов в том, что размер объекта можно разместить 1:1 к реальному.

В феврале компания Apple обогатила функционал возможностью добавлять кнопку для совершения мгновенной покупки через Apple Pay — что позволяет еще больше оптимизировать процесс продажи.

Аудитория сайта онлайн-ритейлера уже потенциально готова к покупке, в отличие от аудитории в соцсетях. Возможность не только представить, как будет выглядеть покупка, а “примерить” ее — рычаг, который может сильно повлиять на решение о покупке, здесь и сейчас.

Опыт Shopify, платформы онлайн-коммерции, первой внедрившей возможность просмотра продукции в дополненной реальности, показывает влияние AR на покупательское поведение:

— пользователи, посмотревшие AR-версию продукта, на 44% чаще отправляли продукт в корзину

— на 27% чаще оформляли заказ

— совершали покупки на 65% чаще.

  • Новые возможности для сторителлинга

Браузерная дополненная реальность позволяет расширить границы восприятия контента, уводя зрителя от привычного 2D — фото и видео материалов. Взаимодействие с 3D дает возможность погрузить пользователя в историю, которую вы хотите преподнести, новым и доступным способом. Новым, потому что небольшое количество аудитории понимает, как взаимодействовать с трехмерным контентом, что его можно увидеть в своей реальности, “поставить” и обойти. Таким образом вы вносите вклад не только в полезность и разнообразие своих коммуникаций, но и способствуете обучению и информированию интернет-сообщества о фиджитал будущем :)

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

  • Маски

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

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

Пример WebAR маски в кампании Coca Cola x Zappar x Sky Digital
  • Интерактив

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

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

Кейс Fillows Cereal

Компания Lego уже реализовала несколько WebAR опытов, которые продолжают идею компании — геймифицировать можно любой процесс. Особенно если это охота на призраков в магазине игрушек :)

Кейс Lego на базе 8t wal
  • Сложные механики

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

Переход из AR режима в 3D или 360 сцену — хорошая альтернатива механике порталов, которую пока что возможно качественно реализовать только на базе приложений.

База 8th Wall дает возможность внедрения реалистичных volumetric моделей людей, отснятых в рамках Microsoft’s Mixed Reality Capture Studios.

Media Monks x Dimension

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

Ограничения

  • Нет такого разнообразия функционала, как в приложениях

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

Но, важно заметить, что это не исключает возможность красивой визуализации на базе веб :) Как пример, кейс Johnnie Walker x Games of thrones.

  • Не все браузеры поддерживают Web AR

Как и в случае с устройствами, не все браузеры могут поддерживать отображение AR-контента. В перечень браузеров, которые справляются с нагрузкой, входят: Safari, Chrome, Firefox, Samsung Internet, Microsoft Edge, Brave (так же имеет значение версия ОС, поддерживаемая устройством).

  • Видеозапись экспириенса

На данный момент в браузер проблематично добавить кнопку “запись видео”, которую обычно можно легко интегрировать на базе приложения. Поэтому в большинстве WebAR решений вы видите только кнопку “сделать фото”.

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

Апдейт на июль 2020:

Платформа 8th wall анонсировала возможность съемки видео из браузерного решения. Ура :)

Почитать подробнее

  • Доступ к интернету

Для функционирования AR-опытов необходимо стабильное подключение к wi-fi / интернету, желательно на уровне LTE. Это одно из важнейших условий, которое все равно лидирует над скоростью интернета, необходимого для скачивания приложения из сторов.

  • Настройки браузера в смартфоне

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

  • Стоимость лицензии

На рынке Web AR платформ есть лидирующие компании, которые позволяют наиболее качественное внедрение дополненной реальности на сайт. Например, 8th wall — быстро прогрессирующая компания, которая одной из первых предложила оптимальное решение для разработки. Стоимость коммерческой лицензии помесячная и довольно высокая, с началом от 1000$ (актуальные данные на март 2020).

Но уже сейчас появляются достойные соперники, например Zappar — платформа, изначально предназначенная для создания дополненной реальности на базе мобильных приложений.

Кейс WebAR от Zappar

Для кого может быть полезен Web AR?

Дополненная реальность в веб уже может успешно выполнять задачи, связанные с быстрым информированием и погружением пользователя в коммуникационную кампанию бренда. Ссылки на сайт можно транслировать на социальных площадках (youtube / instagram / facebook / vk / мессенджеры и др), для доступа к AR-опыту пользователю будет необходимо только кликнуть на ссылку.

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

Технология развивается и дает разные вариации использования, как в визуальном, так и в интерактивном ключе. С развитием 5G и мобильных устройств охват пользователей, которые смогут ознакомиться с предложенным опытом, увеличится вдвойне — параллельно с этим рынок Web AR платформ также начнет предлагать новые площадки, на базе которых можно будет разрабатывать решения с дополненной реальностью в браузере. С технологией уже можно взаимодействовать и придумывать необычные механики, коррелирующие с задачами компаний.

Кейс группы Pink Floyd на базе 8th wall

Наша команда активно исследует возможности дополненной реальности в веб браузере, один из примеров — наш проект совместно с Beeline и Contrapunto, где в дополненной реальности на базе сайта пользователи могли увидеть эксклюзивный ролик Noize MC, наведя камеру смартфона на тематическое граффити.

Мы открыты к партнерству и будем рады вместе реализовать потрясающие проекты на базе потрясающей технологии :)

Автор

Яна Сайковская

Creative manager

yana@phygitalism.com

PHYGITALISM

Создаем проекты на стыке XR, ML и других интерактивных…

PHYGITALISM

Создаем проекты на стыке XR, ML и других интерактивных технологий

PHYGITALISM

Written by

Мы - команда PHYGITALISM, реализуем фиджитал-проекты и много экспериментируем с XR, интерактивными технологиями и машинным обучением.

PHYGITALISM

Создаем проекты на стыке XR, ML и других интерактивных технологий