Web App en React

iOS & Desktop

Web App en React

POS App (Punto de Venta)

9:41

9:41

9:41

El Problema

El Problema

El Problema

Cuando me sumé al proyecto, el Punto de Venta (POS) ya estaba en fase de desarrollo, pero se estaba construyendo sin una etapa previa de diseño UX. La interfaz era una extensión rígida del ERP "padre", lo que la hacía poco intuitiva para el uso diario en tienda.

Los puntos de dolor que encontré:

Fricción Operativa: El sistema era tan lento que generaba colas en las tiendas. Los cajeros daban demasiados pasos para una venta simple.

Complejidad Técnica: Al depender del ERP, cualquier error de sincronización de datos de inventario era crítico para el negocio.

Rigidez: El sistema debía servir igual para una ferretería que para una tienda de ropa, pero no era flexible ni compatible con dispositivos móviles.

El Proceso

El Proceso

Proceso

Adopté una metodología Agile/Scrum para frenar la inercia del desarrollo y reorientar el producto hacia el usuario real.

Investigación de Campo y Shadowing: No me quedé solo con los requerimientos técnicos. Entrevisté a los involucrados y observé a los cajeros en acción para diferenciar las necesidades de los usuarios estratégicos (Gerentes que miran KPIs) de los usuarios operativos (Cajeros que necesitan velocidad).

Análisis de Tareas (Task Analysis): Utilicé los datos del ERP para identificar las funciones más usadas. Rediseñé la Búsqueda Multivariable (SKU, color, talle) y la Gestión de Clientes para que los procesos de facturación compleja (RUC, domicilio fiscal) se resolvieran en la menor cantidad de clics posible.

Prototipado con Ant Design: Para no retrasar más al equipo de tecnología, utilicé la biblioteca React Ant Design. Esto me permitió crear prototipos de alta fidelidad que eran visualmente consistentes y, sobre todo, fáciles de implementar para los desarrolladores.


En el proyecto de rediseño de un punto de venta, adoptamos un proceso similar a Scrum basado en la metodología Ágil. Podemos decir los pasos claves:

Planificación / Investigación y Definición: En la etapa inicial, definí el alcance del proyecto y establecí objetivos claros para el rediseño. Creamos un backlog de diseño con las tareas necesarias. Se realizó una investigación de usuarios que incluyó entrevistas, encuestas y observación de la aplicación actual que utilizan, para crear perfiles de usuarios y definir con precisión los desafíos de UX que se abordarían en el rediseño.

Ideación / Diseño y Prototipado: Organizamos sesiones de lluvia de ideas con el equipo para generar soluciones. Evaluamos y seleccionamos las ideas más prometedoras para avanzar. Los conocimientos obtenidos se utilizaron para crear prototipos de alta fidelidad. Estos prototipos fueron sometidos a pruebas de usabilidad, y el diseño se refinó en función de los comentarios de los usuarios.

Desarrollo y Pruebas: La implementación del diseño final ocurrió en esta etapa. Realizamos pruebas funcionales y de usabilidad exhaustivas para asegurar que la solución cumpliera con los estándares de calidad.

Implementación: La solución rediseñada se lanzó al mercado y s desempeño inicial se monitoreó en un entorno de producción en tiempo real.

Evaluación y Mantenimiento: Se realizó la recopilación y el análisis de datos continuos para identificar áreas de mejora. Esto facilitó la iteración y el mantenimiento constantes del diseño UX para satisfacer las necesidades cambiantes de los clientes.

Adopté una metodología Agile/Scrum para frenar la inercia del desarrollo y reorientar el producto hacia el usuario real.

Investigación de Campo y Shadowing: No me quedé solo con los requerimientos técnicos. Entrevisté a los involucrados y observé a los cajeros en acción para diferenciar las necesidades de los usuarios estratégicos (Gerentes que miran KPIs) de los usuarios operativos (Cajeros que necesitan velocidad).

Análisis de Tareas (Task Analysis): Utilicé los datos del ERP para identificar las funciones más usadas. Rediseñé la Búsqueda Multivariable (SKU, color, talle) y la Gestión de Clientes para que los procesos de facturación compleja (RUC, domicilio fiscal) se resolvieran en la menor cantidad de clics posible.

Prototipado con Ant Design: Para no retrasar más al equipo de tecnología, utilicé la biblioteca React Ant Design. Esto me permitió crear prototipos de alta fidelidad que eran visualmente consistentes y, sobre todo, fáciles de implementar para los desarrolladores.

El Resultado

Resultado

El impacto del rediseño fue inmediato tanto en la operación como en el bienestar del equipo:

Eficiencia Operativa: Logramos reducir drásticamente el tiempo de transacción, eliminando colas y mejorando la experiencia del cliente final.

Reducción del estrés del personal: Los empleados reportaron una menor carga mental; el sistema dejó de ser un problema para convertirse en un aliado fluido.

Impacto en Ventas: La mejora en la experiencia de compra se tradujo en una mayor tasa de conversión, permitiendo que el flujo de ventas no se detuviera por limitaciones técnicas.

Alineación de Métricas: Por primera vez, el sistema POS se enfocó en KPIs reales (tiempo de transacción y conversión), permitiendo a la empresa tomar decisiones basadas en datos.

Are you ready to create something extraordinary together?

Are you ready to create something extraordinary together?

Create a free website with Framer, the website builder loved by startups, designers and agencies.