Saltar al diseño VR/AR

Pensamiento de diseño en tres dimensiones.

La realidad virtual ya no pertenece al ámbito de la ciencia ficción. En los últimos años, el mercado de la realidad virtual y aumentada (VR/AR, por sus siglas en inglés) se ha estado calentando con la participación de grandes empresas tecnológicas como Microsoft, Google, HTC, Facebook e incluso Apple. Y la tecnología ya no es solo para jugadores, sino se está utilizando para todo, desde la venta de automóviles hasta la capacitación corporativa. Forbes predice que las ventas de auriculares VR y AR alcanzarán los $ 80 millones para 2021 y TechCrunch argumenta que AR podría convertirse en el principal impulsor de un mercado AR / VR de $ 108 mil millones para 2021.

En este momento, el paisaje VR/AR se parece un poco al salvaje oeste. No existen muchos estándares o pautas, y muchas personas aún no están completamente seguras de qué es VR/AR y por qué es importante. Para los diseñadores, el diseño de realidad virtual y el diseño de realidad aumentada ofrecen la oportunidad de participar en la creación y el diseño de una industria completamente nueva: desarrollar los estándares de diseño, en lugar de seguir las reglas preestablecidas descritas por otra persona.

Dado que la mayoría de los diseñadores han pasado años perfeccionando su oficio en pantallas planas: computadoras, dispositivos móviles o incluso diseño impreso, puede parecer desalentador saltar al diseño 3D. Puede ser sorprendente saber que muchas de las habilidades que ya tiene se aplican a esta nueva frontera.

Al igual que con cualquier proyecto de diseño, es esencial saber y comprender tanto como sea posible sobre la plataforma, el público objetivo y lo que usted (o el cliente) está tratando de lograr. Ser realista. Esta es una nueva frontera, así que no subestime cuánto tiempo le llevará comprender la tecnología: prepárese para cometer errores y aprender de ellos.

Primeros pasos: sumérgete

La mejor manera de comenzar es experimentar VR/AR por ti mismo si aún no lo has hecho, y si lo has probado antes, es hora de una inmersión total. Dado que este espacio es tan nuevo, es imposible comenzar a diseñar sin obtener la mayor experiencia posible de primera mano.

Para principiantes con un presupuesto limitado, comience por descargar aplicaciones VR/AR de las tiendas de aplicaciones de Google y Apple en su teléfono inteligente o tableta. Muchas aplicaciones siguen siendo gratuitas y hay una variedad bastante amplia para elegir. Elija Google Cardboard, que es la forma más económica de comenzar a experimentar la realidad virtual.

Si te sientes un poco más aventurero y tienes un poco más de dinero para gastar, Google Daydream y Samsung Gear VR ofrecen experiencias más integradas y de mayor calidad en el extremo inferior.

Para aquellos con bolsillos más grandes, Oculus, HTC Vive y Sony ofrecen plataformas de gama alta que se enfocan más en los juegos. Estos no son para los débiles de corazón y los costos pueden ser altos, desde $ 949 por un paquete completo de PlayStation VR hasta varios miles de dólares por un sistema Vive u Oculus con una PC de alta gama. Estos sistemas también requieren un poco de configuración y conocimientos técnicos.

Mientras explora, tome notas sobre lo que funciona y lo que no funciona desde el punto de vista de UX/UI. Asegúrese de tener en cuenta las limitaciones técnicas y si el hardware ayuda o dificulta la experiencia del usuario. Además, toma nota de los elementos que te atraen, ¿te gusta la inmersión total de la realidad virtual o prefieres la realidad mixta de la realidad aumentada? Esto le ayudará a determinar dónde pasar su tiempo de aprendizaje.

Primera persona vs diseño plano

VR/AR tiene que ver con las tres dimensiones, y la interfaz de usuario ya no se limita a una pantalla o superficie rectangular plana. Por lo tanto, es esencial comprender un poco mejor el diseño espacial y los elementos de la interfaz de usuario espacial.

Tipos de elementos de interfaz de usuario espacial:

• Seguimiento: los elementos de la interfaz de usuario siguen al usuario mientras se mueve por el entorno y no son fijos. Un ejemplo del mundo real de esto sería el tablero de su automóvil.

• Bloqueado mundial: los elementos de la interfaz de usuario tienen un espacio asignado específicamente dentro del entorno y no se mueven. En el mundo real, ejemplos de esto son las señales de tráfico, los semáforos o los indicadores de cruce de peatones.

Empieza a pensar en cómo el diseño del mundo real puede aplicarse al mundo virtual. Asegúrese de pensar en las líneas de visión y los tamaños de fuente y prepárese para hacer prototipos rápidos en realidad virtual para probar sus suposiciones. A veces puede arreglárselas con un enlace activo en un objeto para una interacción simple; para interacciones más complejas, deberá crear menús dinámicos con interacciones secundarias o incluso terciarias. Los jugadores ya están familiarizados con muchos de estos conceptos y comprenden la importancia de cada tipo de elemento de interfaz de usuario espacial.

Nuevos insumos, nuevos desafíos

Por primera vez, se les pide a los usuarios que interactúen con una interfaz de usuario sin interacción táctil. No más mouse, panel táctil o pantalla táctil. Aunque algunos métodos imitarán esa interacción táctil, en la mayoría de los casos el usuario interactuará con un entorno virtual a través de algunas entradas desconocidas, por lo que es importante comprender cómo esto afecta el diseño de la interfaz de usuario.

Tipos de entradas:

• Gesto
• Mirada (seguimiento de ojos)
• Voz
• Entradas de hardware:
  • Específico de la plataforma
  • Controladores de toque y clic
  • Controladores de juegos
  • háptico

Cada plataforma o dispositivo tendrá su propio conjunto único de métodos de entrada y puede tener todos o solo algunos de los métodos explorados anteriormente; por lo tanto, es esencial comprender la plataforma para la que está diseñando.

Volver a lo básico: el proceso de diseño virtual

Todo gran diseño comienza de la misma manera, sin importar el producto final. Una vez que tenga una buena comprensión del proyecto y los objetivos, comience a colaborar y generar ideas. Use lo que usa actualmente para los primeros conceptos de diseño: pizarras, lápiz y papel o software. Recopile comentarios e itere lo más posible para refinar y reducir el enfoque antes de continuar.

Después de refinar los conceptos iniciales, el siguiente paso es entrar en la mentalidad del usuario mediante la creación de flujos de usuario. Al rastrear la ruta que tomaría un usuario a través de la interfaz de usuario, podemos asegurarnos de que la ruta sea simple y fácil de entender para ellos.

La etapa final son los wireframes. Diseñar la forma en que la interfaz de usuario se distribuirá y será accesible para el usuario.

Comience poco a poco: creación rápida de prototipos

No tenga miedo de convertir bocetos o estructuras alámbricas en prototipos rápidos de VR/AR en una etapa temprana. Le ayudará a resolver cualquier problema imprevisto con sus ideas antes de profundizar demasiado en los bosques de desarrollo.

Se pueden usar algunas herramientas simples para probar rápidamente algunos de estos primeros conceptos:

• Sketch to VR : un complemento que permite a los diseñadores usar Sketch para crear demostraciones habilitadas para Google VR. Una excelente herramienta para crear y mostrar los primeros prototipos a las partes interesadas.
• Vizor : un poco más avanzado y permite a los diseñadores crear demostraciones interactivas basadas en fotografías o escenas en 3D. Storyscape explica cómo empezar.
• WebVR : una plataforma abierta que le permite experimentar la realidad virtual en un navegador web.

También puede usar software como Sketchup, Blender y Cinema 4D para maquetar y crear prototipos de interfaces y escenas de VR/AR. De manera alternativa, si desea pasar directamente a una de las herramientas principales para el diseño y desarrollo en VR/AR, vaya directamente a Unity y configure una cuenta gratuita. Tiene un poco más de una curva de aprendizaje, pero hay muchos tutoriales para que comiences.

Visualizando lo virtual

Al igual que con el diseño de interfaz de usuario tradicional, un excelente diseño visual es fundamental. Aplica lo que sabes y no intentes reinventar la rueda o cambiar tu estética demasiado dramáticamente. Utilice herramientas con las que ya esté familiarizado para evitar curvas de aprendizaje innecesarias (Adobe CC, Sketch, Framer, etc.).

Tenga en cuenta el dispositivo que usará el usuario final para experimentar su interfaz de usuario. Las pantallas y los auriculares de mayor resolución (tablet AR, Oculus, Vive, PlayStation VR) permiten diseños más detallados y fuentes más pequeñas y elegantes. Los dispositivos de gama baja o de pantalla pequeña (smartphone VR/AR, Cardboard, Daydream, Gear VR) necesitarán usar fuentes más grandes y gruesas y elementos de interfaz de usuario menos detallados.

Siendo realistas

Guíe a los usuarios a través de su interfaz usando sugerencias y siempre proporcione comentarios con cada interacción para que el usuario se oriente rápidamente. Siga las mejores prácticas de UX/UI y cree gráficos limpios, simples y fáciles de usar, permita que sus usuarios se familiaricen con las experiencias virtuales brindándoles puntos de referencia familiares y metáforas visuales.

Lo crea o no, después de todos estos años alejándose del skeuomorphism en el diseño, VR/AR lo está trayendo de vuelta. Usar un gesto para girar un dial o recoger un objeto se siente natural para los usuarios. Solo pregúntele a los jugadores incondicionales, han estado interactuando con mundos virtuales durante años.

¡Salta ahora!

No hay límites a donde las personas creativas pueden ir en VR/AR. Es un campo abierto con un montón de nuevas oportunidades. Es raro que los diseñadores puedan entrar en la planta baja de algo completamente nuevo y con tantas posibilidades. La tecnología inmersiva necesita desesperadamente que los diseñadores participen, se involucren, asuman riesgos y creen algo nuevo.

Otras lecturas:

• Nuevas realidades: VR, AR, MR y el futuro del diseño
• Realidad aumentada frente a realidad virtual frente a realidad mixta: una guía introductoria
• Diseño para entornos interactivos y espacios inteligentes
• Mejores prácticas de diseño de interfaz de usuario y errores comunes
• Estados vacíos: el aspecto más pasado por alto de UX