Visión general
Cornershop es una aplicación móvil que permite a los usuarios realizar compras en supermercados, farmacias y otras tiendas, con la opción de recibir los productos en casa en menos de una hora.
La información que se presenta en la primera pantalla (antes), no brinda a los usuarios claridad para eliminar o agregar más de un mismo producto, lo que genera demoras al hacer compras en los distintos supermercados que ofrece Cornershop, dando lugar a un flujo de interacción confuso.
En la segunda pantalla (después), el rediseño del carrito de compra mejora la adaptación al modelo mental del usuario, ofreciendo mayor control y libertad, permitiéndole retomar el flujo de compra con facilidad.
El problema
Los usuarios enfrentan dificultades al editar productos en el carrito de compra. Muchos abandonan sus carritos porque eliminar o modificar productos es un proceso lento, que requiere confirmación a través de un modal. Además, no se ofrece la opción de vaciar el carrito de forma sencilla.
Experiencia antes del rediseño
Los usuarios enfrentan dificultades al editar productos en el carrito de compra. Muchos abandonan sus carritos porque eliminar o modificar productos es un proceso lento, que requiere confirmación a través de un modal. Además, no se ofrece la opción de vaciar el carrito de forma sencilla.
Usuario
Editar y comprar sin estrés.
Negocio
Reducir el abandono de los carritos de compra.
Producto
Maximizar el rendimiento de la app.
Research
El proyecto comenzó con una investigación centrada en los usuarios actuales para comprender cómo la situación los afectaba y definir la mejor manera de abordar sus necesidades. Realicé entrevistas cualitativas con una muestra de 15 usuarios para explorar sus experiencias, identificando puntos débiles al intentar comprar en la aplicación. Algunos comentarios destacados fueron:
Task flow
Ayudó a entender mejor cómo los usuarios completan una tarea clave. Esto me ayudó a simplificar los pasos, hacerlo más claro y asegurarme de que la experiencia sea fácil y fluida.
Wireframes
Permitieron definir la estructura, jerarquía y disposición de los elementos en la interfaz. Con ellos, validé ideas rápidamente, enfocarme en la funcionalidad y aseguré que el flujo de la experiencia estuviera bien definido antes de entrar en los detalles visuales en alta fidelidad.
Pruebas de usabilidad
Para asegurar que la nueva función de agregar o eliminar productos respondiera a las necesidades de los usuarios, realicé tres rondas de pruebas con una muestra de 10 usuarios en cada ronda. Iteré el diseño basado en los comentarios y experiencias obtenidos. Estas pruebas fueron esenciales para ajustar la solución en un período de respuesta de un mes.
Los desafíos complejos identificados durante estas sesiones fueron validados y refinados antes de la implementación, garantizando que la funcionalidad final estuviera alineada con las expectativas y necesidades del usuario.
El diseño final de la tercera ronda se adaptó mejor a los usuarios en comparación con las versiones anteriores. Los participantes de la prueba reportaron una experiencia más fluida, con una mejor comprensión de cómo eliminar y modificar productos en su carrito. Además, la nueva disposición y etiquetado de los botones redujo la confusión sobre el estado de la compra y facilitó la navegación hacia el pago.
Decisiones de diseño
Modificación simplificada de
productos en el carrito
Se eliminó la necesidad de confirmar cada eliminación de producto mediante un modal, lo que redujo la fricción en el flujo de compra.
Además, se mejoró la manera de añadir más unidades de un producto ya agregado, permitiendo que los usuarios sumen directamente desde la pantalla principal del carrito sin tener que abrir cada producto.
Estos cambios se implementaron a través de botones visibles y accesibles, que aportan mayor claridad y eficiencia al proceso.
Vaciar carrito con un solo tap
Se añadió la opción de vaciar el carrito con un solo toque, disponible antes, durante y después de agregar productos.
Esta funcionalidad se diseñó para ofrecer una mayor flexibilidad, permitiendo al usuario corregir errores al seleccionar el supermercado o simplemente reiniciar su selección por seguridad o conveniencia.
Agregar un subtotal antes de pagar
Se incorporó un subtotal visible antes de proceder al pago, facilitando al usuario la comprensión del monto total acumulado hasta ese momento.
Esta adición no solo mejora la transparencia del proceso de compra, sino que también ayuda al usuario a tomar decisiones informadas antes de finalizar su compra.
Nueva experiencia de rediseño
La nueva experiencia, tras el rediseño, es más intuitiva, fluida y visualmente atractiva. Simplifiqué los procesos clave y optimicé la navegación, asegurando que cada interacción sea clara y satisfactoria para los usuarios.
Resultados
Con el rediseño, los usuarios se desenvolvieron más cómodos y tranquilos dentro de la aplicación, la nueva optimización les permitió gestionar sus compras de manera más eficiente, ahorrando tiempo en el proceso de hacer mercado.
