Soler & Palau

Mejora de la usabilidad en una app de realidad aumentada


Funciones: UX/UI

  • Research
  • Conceptualización
  • Wireframes
  • Diseño
  • Prototipado

Research

Nos reunimos con los stakeholders y los técnicos, los usuarios reales de la app, para conocer el uso que hacían de la misma y que nos trasladaran las problemáticas que se encontraban en su día a día.

Los puntos más destacados eran la navegabilidad, la usabilidad y la falta de información para aquellos que era la primera vez que tenían contacto con la realidad aumentada.

User flow

User flow

Empezamos enfocándonos en dos de los puntos conflictivos para los usuarios: la navegabilidad y la falta de información.

Creamos un diagrama de flujo para establecer los pasos esenciales que se requieren a la hora de configurar un producto y previsualizarlo en un entorno real. Esto nos permitió detectar cuándo era necesario incluir información explicativa para el usuario.

Wireframes

Wireframes

Abordamos uno de los conflictos principales con el que se encontraban los instaladores: la orientación vertical de la interfaz. Según el sitio donde se debía hacer la instalación, la orientación vertical les hacía perder campo de visión y no podían capturar correctamente el entorno.

Planteamos las primeras pantallas en formato apaisado y para poder validar este cambio, testeamos con los usuarios un prototipado rápido con el que podrían navegar entre las distintas pantallas.

Además, también procuramos resolver un problema con la disposición de los elementos clicables, principalmente la configuración de un producto. Antes se encontraban en la parte superior, por lo que era difícil llegar a ellos con solo una mano.

La respuesta fue positiva, por lo que seguimos trabajando en el resto de wireframes con la nueva orientación.

Diseño

Diseño

En la fase de diseño tratamos diferentes aspectos de estética con el objetivo de conseguir una interfaz limpia y elegante.

El resultado final obtuvo críticas muy positivas por parte de los técnicos e instaladores, tanto por lo que a la estética se refiere como por la nueva experiencia de usuario. Se pudieron resolver todos los conflictos que tenía la versión anterior.

Diseño

Mejora de la navegabilidad y el acceso a los productos.

Diseño

Cambios en la disposición y la configuración del producto.

Diseño

Mejora de la accesibilidad y legibilidad de varios elementos.

MVP

↑