[ Caso 04 ]
ProductUX Engineering

OVER Collab Hub

Una red para que los creadores de realidad extendida encuentren equipo y proyectos, pensada para que la plataforma tenga con qué crecer.

Ver prototipo
ClienteOver The Reality (OVER)
SedeRoma, Italia
Año2023
Duración5 meses
Mi rolDiseñador UX/UI y QA & Research
Feed principal de OVER Collab Hub
74 %de los proyectos se abandonaba por problemas de colaboración entre las capas
+800KOVRLands adquiridos, con unos 37K propietarios
5 mesesde diseño, pruebas y prototipo
[ 01 · Contexto ]

Un mundo dividido en hexágonos

OVER es una plataforma de realidad extendida geolocalizada sobre Ethereum y Polygon. Dividió el mundo en hexágonos de 300 m², los OVRLands, que se compran como NFT. Funciona en tres capas: la propiedad de los terrenos, el mapeo 3D del mundo hecho por la comunidad y un SDK para que los creadores publiquen experiencias en AR, VR y MR.

Diagrama de realidad extendida: AR, MR y VR
Realidad extendida. Gráficos de la Interaction Design Foundation.
Las tres capas del ecosistema de OVER
Las tres capas de OVER.
Mapa de OVRLands sobre una ciudad
Propiedad: el mapa de OVRLands.
Proceso de mapeo desde la app móvil
Mapeo: la comunidad escanea cada terreno.
Experiencias de realidad aumentada creadas con el SDK
Creación: experiencias AR publicadas con el SDK.
[ 02 · Problema de negocio ]

Sin creadores, los terrenos no valen

El valor de un terreno depende de lo que se construya encima, y eso depende de los creadores. Pero los creadores no tenían dónde encontrarse, formar equipos ni conseguir encargos. Sin experiencias, la inversión en terrenos pierde atractivo; sin comunidad creativa, no hay experiencias.

El 74 % de los proyectos se abandona por problemas de colaboración entre las capas
El despertar del mercado XR es inminente
[ 03 · Qué hicimos ]

Del creador al prototipo validado

Un equipo chico: research y QA, diseño gráfico y una asesora de producto. Yo diseñé la experiencia y la interfaz, y compartí el research y las pruebas.

  1. 01
    Investigamos el mercado y a la comunidad antes de dibujar.

    Research del equipo, datos de la plataforma y feedback de Discord y Telegram, frente a lo que preparaban Apple Vision Pro y Meta.

  2. 02
    Elegimos un usuario prioritario: el creador.

    Definimos su perfil y su recorrido con un caso concreto: un creador que quiere lanzar activaciones gamificadas en realidad mixta y necesita terrenos, socios y marcas.

  3. 03
    Propusimos Collab Hub y acotamos el alcance.

    Una red donde creadores verificados publican convocatorias, reclutan equipos y difunden eventos. El primer entregable fue el feed de proyectos de la web app, con una arquitectura preparada para AR y VR.

  4. 04
    Diseñé la interfaz y su sistema base.

    Botón de inmersión en AR y VR, tres modos de color, cambio de red Web3, pop-ups para reclutar equipos y una simulación 360 en Figma.

  5. 05
    Validamos con la comunidad.

    Pruebas de usabilidad en Maze con los miembros más activos de Discord y Telegram. Sus comentarios entraron en el prototipo final.

[ Mercado ]

Frente a la competencia

Comparamos usuarios, integración Web3, mapas, reputación, SDK y gamificación con los principales metaversos.

Benchmark de OVER frente a Sandbox, Next Earth, Decentraland y Roblox
Benchmark. Ábrelo para verlo completo.
[ El creador ]

David, nuestro usuario prioritario

DeseosCrear experiencias XR y vivir de ellas.

Como expresión creativa y como servicio para marcas del metaverso.

FrustracionesSin recursos, sin contactos, con incertidumbre.

No sabe dónde empezar ni qué tecnologías valdrá la pena aprender.

Creador trabajando con un visor de realidad virtual
Intereses del creador
Sus intereses.
User journey del creador: define, contacta, negocia y decide
Su recorrido: define, contacta, negocia y decide.
[ La solución ]

Collab Hub

Una plataforma donde usuarios verificados se conectan y colaboran, para que haya más y mejores experiencias en un entorno social, seguro y confiable.

Collab Hub conecta a dueños, cartógrafos y creadores
Arquitectura de la información de Collab Hub
Arquitectura de la información
Wireframe de alta fidelidad del feed
Wireframe del feed
Grilla de proyección de 360 grados
Grilla de 360°
Interfaz proyectada en una esfera de realidad virtual
La interfaz dentro de la esfera de VR
[ Pruebas ]

Validamos con la comunidad en Maze

Primero con un prototipo de alta fidelidad y funciones limitadas a cada tarea. Los resultados fueron favorables y las sugerencias pasaron al prototipo final.

Tarea de realidad aumentada en Maze
Tarea de realidad aumentada
Resultados de la prueba en Maze
Resultados
[ Componentes ]

Pasa el cursor para ver el detalle

Botón de inmersión AR y VR, menú y barra lateral personalizables, tres modos de color, notificaciones, cambio de red Web3, pop-ups de «Recruit a Team» y publicaciones con más información.

Componentes del sistema de diseño de Collab Hub
Pasa el cursor para ver el detalle
[ Prototipo ]

Prueba el prototipo interactivo

OVER Collab Hub · prototipo en Figma
[ Momentos clave ]

El recorrido en ocho pantallas

Feed principal
Experiencia en AR
Modo VR encendido: pop-up
Ingreso a la experiencia en VR
Experiencia en VR
Cambio de perspectiva tras clic y arrastre
Menú informativo y barra lateral abiertos
Menú informativo cerrado, barra lateral abierta
[ 04 · Resultado ]

Un prototipo que la comunidad ya probó

Un prototipo interactivo validado con usuarios reales, con sistema de diseño y componentes listos para desarrollo. Las siguientes fases quedaron bajo confidencialidad de OVER.

[ 05 · Próximos pasos ]

Próximos pasos y futuras mejoras

User testing e iteraciónMás funciones cuando se confirme la viabilidad.

Con los nuevos estudios de viabilidad se podrán sumar funciones al prototipo. Las siguientes actualizaciones son confidenciales.

Tecnología en desarrolloUna industria que todavía se está armando.

El diseño espacial en realidad extendida aún tiene retos de accesibilidad y seguridad, y le falta esa «killer app» que la impulse. Queda trabajo por hacer.

[ Equipo / Team ]

Créditos

Diseño UX/UIGonzalo Téllez Lazo
QA y researchAlex Faraone y Gonzalo Téllez Lazo
AsesoraLydia Wang
Diseñadora gráficaJessica Lima