Book Data
Es una aplicación web y móvil que permitirá al usuario registrar sus ventas, tener el control de ganancias y deudas, ver los clientes y un informe de las ventas realizadas, con roles de Administrador, Líder de campaña y Vendedor.
🕐 Duración:
6 meses
Diseñador UX/UI
📱Entregable:
Aplicación móvil y web
💻 Plataformas:
Sketch, Figma, Invision, Adobe Illustrator
Entendiendo a los usuarios
Le pregunté a los vendedores de libros de la empresa de IADPA si todavía usaban cuadernos o anotaban las ventas en papel y para mi sorpresa muchos de ellos si usaban papel para anotar las personas que les debían los libros ya que los vendían a cuotas, los usuarios van a lugares físicos y no tienen maneras de recopilar la información, entonces aprendí mucho de ellos e hice los User Persona de cada rol.
Conocí el proceso del usuario, sus frustraciones sus logros y éxitos y desarrollamos un Customer Journey Map
Basado en la investigación que realizamos con entrevistas a los usuarios, conociendo el flujo de cada una de las interacciones con los clientes y conociendo sus necesidades y frustraciones, puntos de dolor y más, decidí crear el sketch inicial, testeando la plataforma con los mismos usuarios.
El proceso a continuación comienza con mis ideas iniciales del sketch inicial que hice a mano, luego pasé a un wireframe y finalmente al prototipo de alta fidelidad. En esta versión simple, puedes ver cómo me enfoqué en resolver las necesidades del usuario.
La arquitectura de la información la definimos en los elementos para que los usuarios puedan encontrar fácilmente lo que están buscando, luego llevé mi idea a un prototipo digital interactivo de baja fidelidad y se lo llevé a cinco usuarios potenciales para recopilar comentarios.
Prototipo de Baja Fidelidad
Aquí está el prototipo con las conexiones del flujo hecho en Figma, que usamos para recopilar comentarios
Realicé una sesión de prueba de usuario con cinco participantes. Luego tomé las respuestas a través de un ejercicio de Card sorting para encontrar temas comunes entre los participantes.
Las mejoras las apliqué en el prototipo de alta fidelidad
Prototipo de Alta Fidelidad
Sistema de Diseño (Design System)
Aplicación web (Backend)
En la plataforma del backend, es decir el Dashboard de administración de la aplicación el usuario puede tener acceso a muchas más opciones como informes de ventas y metas a lograr a futuro.
Qué aprendí
Aprendí que al usar Sketch como el principal software de diseño para este proyecto tuve más flexibilidad en cuanto al uso en mi Macbook, aunque estoy más familiarizado con Figma, ya que aquí se puede estar de manera colaborativa como Adobe XD, utilicé diferentes herramientas como Adobe Illustrator, me inspiré según la investigación realizada con los usuarios, tomé como base colores de acuerdo a las emociones y sentimientos de los clientes. Al hacer el sistema de diseño aprendí que es mejor diseñar estos activos en otros programas primero en lugar de hacerlo directamente en la pantalla de la interfaz de usuario, todo es un proceso, no puedes hacerlo todo en la misma plataforma, de eso se trata.
Al probar los prototipos con los usuarios encontré mucha información de valor ya que todos perciben de alguna manera algo diferente en la aplicación y en la plataforma web, organizamos la información según el uso constante de los usuarios, aplicando la ley de Jakob, de que los usuarios suelen preferir que un sitio funcione del mismo modo que todos los otros sitios que ya conocen.