Tarjetas de realidad aumentada

Las tarjetas con Realidad Aumentada logran capturar la atención del cliente desde el primer instante, por medio de la originalidad y la tecnología. Su uso principal a día de hoy es sobre tarjetas de visita y presentación. Pero realmente, las posibilidades son tan amplias como nuestra imaginación.

Con estas tarjetas no solo logras tener la atención del cliente en el instante de la entrega, sino además, logras hacerlo de forma casi permanente en el tiempo. Cuando el cliente llegue a su casa, despacho o actividad social, ten por seguro que va a volver a coger tu tarjeta para volver a ver la RA y entrar otra vez a tu información. No te extrañes tampoco si la exhibe a terceras personas.

Augmented Reality + Apple MasterCard from r/augmentedreality

Ventajas de las tarjetas de realidad aumentada

La tarjeta de visita está limitada en cierta medida, pero la realidad aumentada abre el espacio de una forma exponencial. Por lo tanto, su valiosa información se puede utilizar para potenciar el éxito empresarial con la ayuda de las tarjetas de presentación RA.

  • Agregar elemento virtual: Imagen, texto, audio, Modelos 3D, Videos, Enlaces web, Perfil de redes sociales, etc…
  • Ubicación geográfica: Gráfico de demostración, compartir / me gusta, clicks de CTA, análisisi sencillo de la edad, sexo u otras variables de su target.
  • Posibilidad de conexión instantánea con los clientes vía mail, whatsapp, messenger, chat empresarial, etc…
  • Alta diferenciación e implatación de imagen de marca frente a su competencia.
  • Impacto duradero en el cliente y los usuarios.
  • Posibilidad de difundir virtualmente la visión comercial.
  • Desarrollo de más oportunidades para convertir las expectativas de los clientes.
  • Forma inmersiva de llamar a la acción.

Cómo funcionan las tarjetas con realidad aumentada

Tarjetas de realidad aumentada | 1Para saber cómo funciona una tarjeta de presentación AR, es importante comprender qué es RA basada en marcadores.

La Realidad Aumentada basada en marcadores utiliza el reconocimiento de imágenes para encontrar «marcadores» visuales en el mundo real. Esto permite a los dispositivos móviles anclar el contenido de AR en una ubicación fija en relación con el marcador. Esencialmente, al rastrear visualmente dónde está un marcador a través de la cámara de su teléfono, «recuerda» dónde se colocó el contenido de AR en relación con él.

Así es exactamente como funciona una tarjeta de negocios AR. La tarjeta de negocios en sí misma actúa como el marcador que el usuario escanea con su teléfono para acceder al contenido de AR que se encuentra a su alrededor. Este contenido aparece encima o alrededor de la tarjeta y el usuario puede interactuar con él.

Tarjetas de realidad aumentada impresas

Tarjetas de realidad aumentada | 3Crear una tarjeta de presentación AR con un marcador impreso es el enfoque más fácil, económico y común. Estas tarjetas se ven exactamente como las tarjetas de visita normales, con una excepción: el marcador debe estar impreso en algún lugar de la tarjeta. Por lo general, este marcador es un pequeño código QR.

Este enfoque es excelente porque todo lo que requiere es que el usuario escanee el código QR en su teléfono. La mayoría de las cámaras de teléfonos inteligentes de hoy en día admiten el escaneo de códigos QR.

Una vez que el usuario escanea el código, se lo dirigirá a un enlace, que abrirá el efecto AR en la aplicación para la que fue creado (generalmente Facebook, Snapchat o un navegador web).

El uso de una tarjeta de negocios AR con un marcador impreso es la forma más fácil de garantizar que el mayor número de personas pueda escanear fácilmente su tarjeta, aunque requerirá que tengan las aplicaciones de Facebook o Snapchat en su teléfono, a menos que sea una web de negocios basada en AR.

El único inconveniente de este enfoque es que requiere que tenga un código QR impreso en la tarjeta, lo que algunas personas consideran poco atractivo. Sin embargo, ahora podemos diseñar códigos QR en una variedad de estilos y colores, por lo que crear uno que sea físicamente atractivo no es tan difícil.

Cómo hacer tarjetas de visita de realidad aumentada

La experiencia AR que se muestra en el video anterior se ejecuta completamente en el navegador móvil y no requiere la instalación de aplicaciones adicionales. Y fue creado sin escribir una sola línea de código.

Compartiremos nuestro proceso paso a paso sobre cómo hacer una tarjeta de presentación AR, así como los activos y plantillas que hemos diseñado para que otros diseñadores y desarrolladores de RA puedan crear experiencias similares para sus tarjetas de presentación.

Este tutorial utiliza las plantillas de tarjetas de visita que hemos creado para Sketch and Reality Composer. Puede usar las mismas plantillas para ahorrar 4 días de trabajo personalizando y exportando la experiencia AR en unas pocas horas.

OBTENGA LAS PLANTILLAS DE TARJETA DE VISITA AR AQUÍ

Si aún no está familiarizado con Reality Composer, siga este tutorial paso a paso para aprender a construir una experiencia de AR interactiva en una hora sin código.

Tarjetas de realidad aumentada | 5

Plantilla de boceto de tarjeta de negocios AR

Tarjetas de realidad aumentada | 7

Plantilla de AR Reality Business Composer

Puede descargar Reality Composer de forma gratuita para macOS, iOS o iPadOS desde la tienda de aplicaciones de Apple. Creamos nuestra tarjeta de presentación AR utilizando la versión macOS, que viene con Xcode, pero el flujo de trabajo en otras plataformas es casi idéntico.

Paso 1: diseñe su tarjeta de visita AR en Sketch

Piense en su tarjeta de presentación AR como un mini-sitio web: ¿qué información desea comunicar a sus nuevas conexiones y clientes o clientes potenciales? ¿Cómo organizas esa información en secciones? ¿Y cómo navegaría la gente entre esas secciones?

Para las tarjetas de presentación de Augmentop, queríamos incluir información sobre quiénes somos, qué hacemos, cómo lo hacemos y dónde estamos.

Y diseñamos la parte posterior de la tarjeta de visita con bloques 3D isométricos que se convierten en elementos del menú de navegación AR, y que actúan como un ancla de imagen de buena calidad para el seguimiento AR.

Luego creamos un código QR en línea que señalaba la ubicación donde se alojará la experiencia AR en nuestro sitio web.

Así es como se ve el anverso y el reverso de nuestra tarjeta de presentación AR:

Tarjetas de realidad aumentada | 9

Anverso y reverso de nuestra tarjeta de presentación AR

Una de las tareas difíciles en el diseño de su tarjeta de negocios AR es crear o encontrar un diseño que actúe como un buen objetivo de imagen para el seguimiento AR. Aquí hay algunas pautas y mejores prácticas para lo que hace un buen objetivo de imagen AR.

Paso 2: exportar activos desde Sketch

Su objetivo es crear una transición perfecta entre impresión y AR, para que las personas crean que su diseño de impresión está cobrando vida y animando en AR.

Para que eso suceda, debe exportar cada capa que se animará en AR como una imagen separada de Sketch e importarla individualmente en Reality Composer.

Así es como se ve el archivo Sketch completo para nuestra tarjeta de presentación AR:

Tarjetas de realidad aumentada | 11

AR Tarjeta de activos en Sketch

Paso 3: Importar imágenes en Reality Composer

Cree un nuevo proyecto de Reality Composer, elija Image Anchor como objetivo de seguimiento y use la imagen de la parte posterior de su tarjeta de presentación como ese ancla. Para una tarjeta de visita estándar, establezca las dimensiones físicas del ancla de imagen en 5.08 cm por 8.89 cm.

Luego importe todas las imágenes que haya exportado desde Sketch y colóquelas en Reality Composer, de modo que se alineen con los gráficos en la parte posterior de la tarjeta, creando el menú de navegación principal.

Esta es la tarea que requiere más tiempo porque necesita especificar las posiciones X, Y y Z para cada imagen que importe individualmente y asegurarse de que todas estén posicionadas correctamente en 3D.

Así es como se ve la escena del menú en Reality Composer:

Tarjetas de realidad aumentada | 13

Iconos de menú en capas en la parte superior del ancla de imagen en Reality Composer

Si está utilizando nuestra plantilla de tarjeta de presentación AR, puede omitir el proceso de diseño y simplemente reemplazar las imágenes existentes en el archivo de plantilla Reality Composer por el suyo. Para lograrlo, haga clic con el botón derecho en una imagen, seleccione reemplazar y luego importe. Todos los comportamientos y animaciones existentes en las imágenes originales se aplican automáticamente a las nuevas.

Tarjetas de realidad aumentada | 15

Y si desea agregar texto en 3D en la parte superior de su tarjeta de presentación AR, le recomendamos que cree un fondo semitranslúcido para superimponerlo, de modo que su texto sea más legible.

Es una buena práctica exportar y probar su proyecto con frecuencia, para ver si las cosas se ven similares en realidad de lo que se ven en Reality Composer. Si está utilizando el iPadOS o la versión iOS de Reality Composer, simplemente presione el botón Reproducir en la barra de herramientas y pruebe la escena. No se necesita exportación. Deberá imprimir la parte posterior de su tarjeta para probar la experiencia, pero también puede cargar la misma imagen posterior en su iPhone y usarla para fines de prueba.

Paso 4: crea las escenas AR restantes

Cree una nueva escena para cada sección de su experiencia AR y use el mismo anclaje de imagen en cada escena.

Importe las imágenes de croquis correspondientes a esa escena y colóquelas sobre el ancla de la imagen.

Si agrega texto a su experiencia, le recomiendo crear texto en 3D directamente en Reality Composer, en lugar de importar imágenes con texto de Sketch, ya que el primero es más legible y más rápido de cargar.

También hemos experimentado agregando narración de voz y música de fondo a las tarjetas de presentación de AR, pero descubrimos que es más simple y rápido tener una experiencia silenciosa con texto y gráficos.

Aquí están todas nuestras escenas de tarjetas de presentación AR en Reality Composer:

Tarjetas de realidad aumentada | 17

Varias escenas de tarjetas de presentación AR en Reality Composer

Paso 5: crea transiciones y animaciones entre escenas

Enlace diferentes escenas para que cuando los usuarios toquen una imagen en el menú de navegación principal de su tarjeta, hagan la transición a la escena correspondiente. Asegúrese de agregar también un elemento de menú «atrás» para volver a la escena de navegación principal.

Anime esas transiciones para que sean más atractivas y contextuales. Puedes aprender cómo crear transiciones de escenas y animaciones en Reality Composer aquí.

Paso 6: exporta y aloja tu archivo en línea

Después de terminar y probar su experiencia, exporte un archivo .reality de Reality Composer y guárdelo en la página a la que apunta su código QR para que Safari abra esa página cuando alguien escanee ese código con la cámara de su iPhone.

Debe decirle a Safari en iOS que desea cargar una experiencia AR en esa página, y para hacerlo, debe agregar rel = «ar» cuando se vincula a su archivo .reality, de la siguiente manera:

<a rel=»ar» href=»card.reality»> <img src = ”card.png” alt = ””> </a>

Paso 7: imprima su tarjeta de visita

¡La parte difícil ya terminó!

Solo necesita enviar su tarjeta de visita a la impresora, y cada vez que se la entregue a alguien, pídale que escanee el código QR en la parte posterior con su teléfono con cámara y observe las expresiones en sus caras.

Cómo usarla a partir de ahora

Convertir su tarjeta de presentación en una experiencia AR es una de las mejores maneras de destacar entre la multitud y hacer que la gente lo recuerde a usted, a su empresa y a su producto.

Tarjetas de realidad aumentada | 19

Y ahora que está familiarizado con Reality Composer, puede crear su propia tarjeta de presentación AR en solo un par de horas utilizando nuestras plantillas de tarjeta de presentación AR.

Empresas que ofrecen tarjetas RA

  • B-card: Empresa española parte del grupo smartech. Grupo puntero en Realidad Aumentada que ofrece una división exclusiva a través de B-card para las tarjetas RA. Puedes visitar su web aquí.
  • Disiarte: Agencia de diseño web y material interactivo. Entre otros muchos servicios, también ofrecen tarjetas de Realidad Aumentada. Puedes visitar su web aquí.
  • Augmentop: Empresa de desarrollo de aplicaciones de Realidad Aumentada, que entre otros muchos servicios, ofrece el de tarjetas RA. Puedes visitar su web aquí.
  • Poplar: Plataforma para el desarrollo de campañas de marketing con Realidad Aumentada, ofrecen tarjetas impresas de RA. Puedes visitar su web aquí.
  • Layar: Uno de los grandes del panorama de la Realidad Aumentada. Por supuesto con ellos, también puedes hacer tarjetas. Puedes visitar su web aquí.

Deja un comentario