top of page

Toolers

MAIN PC.png
logos de ai, ps y figma

Skill Test

Estrategia UX + Diseño UI

UP UP AND UP

FECHA

Nov 2023

ROL

UX Designer
UI Designer

AGENCIA

Freelance

ENTREGABLES

Estrategia UX, Wireframe, Mockup y Prototipo Interactivo

FRAMEWORK

Lean UX

Antecedentes

Como parte de una skill test, Me solicitaron crear una Retail Solution para ferreterías. Esto debía contar con punto de venta, un sistema para gentionar inventarios y sistema de facturación.

También se me facilitaron algunos insights que funcionarían como guía para conducir el proyecto. Para esto contaba con una semana.

Propuestas de valor

1) El sistema necesitaba una forma rápida de generar facturas, pues uno de los principales problemas eran las filas que este proceso generaba en los establecimientos.

2) Evitar tener que cambiar entre dioferentes pestañas de la plataforma para realizar el proceso de facturación (este era el principal problema real de la plataforma actual)

3) Ayudar a los usuarios a disminuir la curva de aprendizaje, para que la capacitación de los mismos fuera rápida y le generara menor costo a la empresa.

main grid.png

Primer paso

Al necesitar información complementaria, realicé una busqueda de los procesos para solicitar facturas, qué información debe brindar el cliente, y qué información corresponde al comercio para generarla.

Después, al contar con la información necesaria, realicé un benchmark para comparar el proceso actual, contra los procesos más eficientes que pude detectar de otras páginas.

Lean UX

Ya que la investigación se realizó previamente y los insights estaban listos, pude utilizar una metodología más agil que el Design Thinking, que es Lean UX, así que el diseño y su iteración se basó en pruebas de usabilidad realizadas en el prototipo, utilicé conocidos míos que trabajaban con sistemas de facturación para probar e iterar según sus comentarios.

Cliente existente

Nuevo cliente

Usar shortcuts para optimizar el flujo

En la versión en producción de la plataforma, el usuario necesitaba trabajar en diferentes ventanas modales para generar la factura a un nuevo cliente, este es uno de los procesos más utilizados en la plataforma, pues muchos de los clientes son compradores ocasionales. Por eso decidí utilizar botones en la ventana modal para agilizar el alta de nuevos clientes desde la modal de facturación.

nuevo cliente boton.png

Botón Añadir nuevo cliente

Con este botón el operador del sistema requiere menor cantidad de tiempo para dar de alta a un nuevo usuario cuando se le solicita una factura.

¿Cómo darle mayor control al usuario?

Anteriormente, una vez que el usuario daba de alta a un nuevo usuario, debía cerrar la ventana modal, regresar a la pestaña de facturas, abrir una nueva ventana modal con el prosceso de facturación, buscar al usuario que había acabado de guardar, ingresar los datos de la compra y pr último, generar la factura. Para reducir tiempos en este proceso, se incluyó un botón que vincula la información que se guarda del nuevo usuario, con la modal de factura, para que por medio de una API, el proceso se redujera a guardar los datos del usuario e ingresar los datos de la compra.

datos cliente llenos.png

Pruebas de Usabilidad.

Probé esta nueva funcionalidad con 4 usuarios, realizando ambos procesos (el anterior y la propuesta) lo que redujo el tiempo en la tarea  un promedio de 45 segundos. En un ambiente real, este proceso podría reducir aun más el tiempo, pues se tendrían que sumar los tiempos de carga del sistema.

Validación de errores

Otro de los problemas más graves del sistema, es que no contaba con validaciones en los inputs. Esto generaba que muchas veces, las facturas generadas contenían errores, por lo que había que repetirlas. Generando incremento en costos, tiempo y un bajo CSAT de los clientes.

Modal de Verificación


Al no haber una forma de verificar un nombre, completo, y relacionarlo con su CURP, RFC y correo electrónico, (pues se necesitarían cruzar bases de datos que solo el gobioerno tiene) se optó por una verificación visual de los operadores del sistema. Una modal que le pide validar los datos de cada nuevo usuario.

GRID PC.png

Conclusión

Apesar de que este solo fue un skill test, la idea desde un principio fue mostrar tanto mis conocimientos en UX como mi dominio de figma para prototipos de alto nivel.

​

Espero que el resultado sea de tu agrado.

¡Gracias por llegar hasta aquí!

bottom of page