Integración en Web AR : Dé vida a sus productos

La RA web se refiere a la inserción de imágenes generadas por ordenador en 2D o 3D sobre imágenes del mundo real en tiempo real directamente en un sitio web. A este tipo de experiencia se accede directamente a través del navegador web y no de una aplicación. Así que puedes acceder a ella desde Google chrome, safari o Mozilla Firefox. Esta tecnología permite la carga en directo sin necesidad de que el usuario pase por una aplicación de móvil o tableta. Accesible al mayor número de personas, este tipo de experiencia se despliega gracias a dos sistemas AR Kit (iOS) y AR Core (Android). Utiliza WebGL, WebVR, WebRTC. A través de él, el usuario puede sumergirse en escenas que incluyen animaciones, vídeo, modelos 3D& todo ello de forma interactiva. WebAR también admite la detección de imágenes. En resumen, rompe las barreras y hace que la realidad aumentada sea accesible desde un código QR o un enlace.

La RA ha abierto el campo de posibilidades y ya está presente en la vida cotidiana de muchos de nosotros. Muchas aplicaciones lo utilizan y nosotros lo utilizamos sin darnos cuenta. Es el caso de Instagram y Snapchat a través de filtros y efectos, pero también en aplicaciones como IKEA place o LEGO. Sin embargo, estas aplicaciones son muy pesadas de cargar y requieren muchas acciones. La RA en la web contrarresta esta situación ofreciendo experiencias sencillas pero accesibles con los menores obstáculos posibles. Además, ya podemos buscar en Google (un león, por ejemplo) y tener acceso directo a un modelo 3D animado delante de nosotros. Los casos de uso son más amplios: comercio electrónico, investigación, salud, educación, negocios y entretenimiento. Por ejemplo, ahora puedes probarte unas gafas y cambiar directamente el color para ver qué te conviene más. También puede poner un coche delante si no lo tiene en stock en su concesionario. Es posible representar directamente las partes del cuerpo y mostrar su función en una superposición para los estudiantes de medicina. Otro ejemplo, y no el menor, es el de los juegos. Gracias a la RA web podrás jugar interactuando con elementos de la vida real directamente desde tu smartphone.

ARCore se refiere al framework de RA para Android, mientras que ARKit es lo mismo para iOS de Apple. Estos marcos permiten a los desarrolladores explotar las herramientas de RA más avanzadas para permitir la experiencia más inmersiva y realista posible. Así que es a través de estas herramientas que los desarrolladores pueden añadir cosas como el seguimiento del movimiento y similares. Esto permite a los dispositivos comprender mejor su relación con el entorno. Del mismo modo, herramientas como ARCore y ARKit permiten a los teléfonos apreciar el tamaño y la posición de cosas como mesas y sillas, para dar una sensación más realista en cualquier entorno. Para conseguirlo, ARCore y ARkit utilizan los distintos sensores del smartphone para detectar superficies horizontales, pero también para tener en cuenta los movimientos del teléfono, y estimar la luz que entra en la habitación para que los objetos virtuales se iluminen de forma realista según el entorno.

Ambas tecnologías utilizan las siguientes características para integrar los contenidos virtuales en el mundo real:

• Seguimiento del movimiento: para seguir la posición en el mundo real.
• Comprender el entorno (tamaños, ubicaciones, ángulos, formas, puntos y planos)
• Estimación de la luz: para detectar información sobre la iluminación.

No obstante, hay diferencias entre ARKit y ARCore :

El SDK de Google rastrea más puntos y características, pero ARKit detecta las superficies horizontales y verticales con más precisión que ARCore. Además, las últimas actualizaciones han dotado a ARKit de varias ventajas (Oclusión de personas, Captura de movimiento, Cámara frontal y trasera simultáneas, Seguimiento facial múltiple, Sesiones colaborativas)

8th Wall es una de las principales soluciones de RA en el mercado. 8th Wall proporciona herramientas de desarrollo para crear e implementar experiencias de realidad aumentada basadas en la web para agencias, marcas y creadores de contenidos. A través de su editor, 8th Wall ofrece potentes funciones como el seguimiento del mundo, los efectos faciales y el reconocimiento de imágenes. Se despliegan en la web, sin necesidad de que los usuarios descarguen una aplicación. 8th Wall Framework utiliza bibliotecas JavaScript y WebGL y es compatible con los marcos 3D más populares, como A-Frame, three.js, babylon.js, Amazon Sumerian y Play Canvas. El número de posibilidades de 8th Wall es infinito y permite crear experiencias complejas y profundas, como juegos u obras de arte de RA. 8th Wall también ha lanzado recientemente la tecnología Curved Image Target, que ofrece a los desarrolladores nuevas herramientas para dar vida a superficies curvas como tazas, latas y muchos otros objetos con la realidad aumentada basada en la web.

Al crear un efecto de realidad aumentada en la web, hay varios componentes que entran en la estimación del precio. Por ejemplo, es importante saber si la experiencia incluirá diseños 3D o 2D, animaciones, partículas, un selector, acciones especiales o cualquier otro elemento. Esto le permite dar una estimación precisa. No obstante, es posible dar varios precios y gamas en función del tipo de efecto:

• Integración de productos 3D simples -> entre 500€ y 5000€.
• Animación facial (8ª pared) -> entre 2000€ y 30 000€.
• Juegos de AR (8ª pared) -> entre 5000€ y 50 000€.
• Reconocimiento de imágenes -> entre 4000€ y 50 000€.
• Adaptación en tiempo real de gafas o accesorios -> entre 1500€ y 35 000€.
• Efectos de color/artístico/iluminación -> entre 1500€ y 20 000€.
• Maquillaje -> entre 2500€ y 30 000€.

Además de esta parte de producción, hay una cuota de suscripción en el octavo muro que oscila entre 1250$ y 5000$, según el número de vistas. También se pueden aplicar tasas de mantenimiento. Estas cifras son aproximadas y pueden variar en función del proyecto, el plazo y los activos aportados. Para más detalles, visite nuestro Precios y tarifas ! 

Aunque ofrece más posibilidades a los usuarios de teléfonos inteligentes, las experiencias WebAR tienen características bastante limitadas. El rendimiento de la RA es simplemente mejor en las aplicaciones. Sin embargo, la limitación de memoria de la página web que muestra una imagen de RA es uno de los obstáculos para mejorar el rendimiento de la RA basada en la web. Además, la funcionalidad también es más limitada que la de la RA basada en aplicaciones. Por ejemplo, será más difícil colocar objetos en la pared o hacer mediciones. En comparación con el proceso de desarrollo de la RA basada en aplicaciones, durante la creación de la experiencia WebAR, los desarrolladores no pueden acceder a todas las capacidades y características de los dispositivos para los que la están diseñando. Por lo tanto, sólo pueden trabajar con la funcionalidad básica. Otro factor que puede afectar a la calidad de la experiencia es la velocidad de Internet: tiene que ser lo más rápida posible y funcionar sin interrupciones, ya que la RA basada en el navegador requiere una conexión constante a Internet. Sin embargo, parece que con la llegada del 5G, este problema dejará de serlo.

La RA web le permite mostrar y vender sus productos utilizando la realidad aumentada y 3D. Con este tipo de medio, puede ofrecer una experiencia totalmente nueva a sus clientes. Pueden personalizar sus productos, verlos desde todos los ángulos posibles y, con un solo clic, pueden visualizar el producto en su entorno con un realismo impresionante que aporta ese efecto sorpresa. Esto les da la oportunidad de responder a sus preguntas:

"¿Caben estos muebles en nuestro salón?"

"¿Será este color adecuado para el interior de nuestra habitación?

"¿Cómo es el interior de este nuevo coche?"

Se trata de preguntas que los clientes pueden responder para tomar una mejor decisión de compra, aumentando las ventas en al menos 50 %. Estos esfuerzos también ayudan al medio ambiente al reducir las tasas de retorno y la logística en el proceso.

Filtermaker genera automáticamente fragmentos de scripts (pequeños fragmentos de código) que contienen información y variables sobre sus productos. Los archivos se muestran en formatos USDZ y GLB compatibles con todos los navegadores. Son visibles en su página como WebAR y configurador/visor 3D. Estas características pueden añadirse a su página de producto en segundos. Así pues, tanto si necesita que los productos se expongan en RA en una pared, en el suelo o en un espacio abierto, le proporcionamos el código adecuado para su experiencia.

Para ver los modelos 3D en un sitio web, la tecnología más común es un iFrame. Es un marco que carga una página dentro de otra página. 

Hoy en día, los robots de Google que revisan los sitios son lo suficientemente inteligentes como para entender que lo que está dentro del marco no está asociado al sitio web y es propiedad de otro sitio web. Así, consideran que el contenido pertenece al propietario del configurador y/o del visualizador y no al propietario del sitio web. Por lo tanto, los modelos 3D no tienen un impacto negativo en la carga y el SEO de un sitio web, de hecho, todo lo contrario. 

La visualización en 3D de los productos permite a los usuarios descubrirlos desde todos los ángulos. Pueden acercarse para ver más de cerca y ver todos los detalles. De media, los futuros clientes interactúan con un configurador 3D durante más de 20 segundos, y más de 30 % de ellos lo hacen durante más de 30 segundos. Este alto nivel de interactividad no sólo aumenta el tiempo dedicado al modelo, sino también el tiempo dedicado al sitio, hasta 200%.

En conclusión, cada segundo adicional que se pasa en una página de un sitio web reduce la tasa de rebote, es decir, el porcentaje de visitantes que abandonan el sitio sin pasar a otras páginas. A los ojos de Google, este tipo de datos significa que el contenido es muy relevante y, por tanto, implica una mejor referenciación.

La implantación de un configurador conduce a mejores resultados en términos de ventas y es un argumento innegable para los consumidores que buscan el producto que más les conviene. Para responder a sus expectativas y llevarles a una elección cada vez más precisa, se han desarrollado una serie de funcionalidades en los configuradores. Se trata, en particular, de

• La elección del color
• La elección del modelo 3D (y sus variantes)
• La adición de opciones personalizables
• Añadir texto y características relacionadas con una determinada parte del juego
• Enlaces a una página externa
• Una exportación de las opciones elegidas (colores, modelo) en PDF
• Guardar la configuración en su galería
• Un módulo que lleva a una interfaz de pago (como Apple pay)

Además, los modelos pueden responder a acciones mediante gestos como clics y toques en la pantalla. Estas acciones pueden desencadenar animaciones visuales (partículas, apariciones, etc.), pero también animaciones físicas (abrir la puerta de un vehículo). Cada una de estas acciones es personalizable y depende del modelo y de la propia experiencia.

Quick Look es una función innovadora que Apple lanzó en 2018. Esta herramienta permite a los comerciantes electrónicos mostrar una vista previa de sus productos en realidad aumentada. Desde entonces, la marca Apple ha desplegado una nueva función de su herramienta de realidad aumentada (AR) Quick Look a principios de 2020. Ahora, todos los usuarios de iPhone y iPad pueden comprar en línea y disfrutar de una vista previa de realidad aumentada de sus futuras compras para ver si encajan bien con su entorno. Tras este proceso, se les invita a pulsar un botón en la parte inferior de su pantalla. Este botón, si su método de pago está registrado, le permite validar su compra y pagar el importe indicado. Esto facilita el proceso de compra y reduce el número de acciones necesarias desde el descubrimiento del producto hasta la compra. El botón es personalizable y se puede utilizar para diversos fines. También se puede utilizar para añadir un chat en vivo para que los clientes puedan hacer cualquier pregunta que tengan sobre un producto directamente al personal de ventas.