Lace

Diseño UX y UI | Caso de estudio

Rol: Diseñador UX y UI
Responsabilidades: Investigación de usuarios, entrevistas, mapeo de recorrido, pruebas de usabilidad, wireframing, prototipos de baja y alta fidelidad, iteración de diseño

Una forma más simple de comprar ropa en línea.

Lace es una tienda local de ropa que necesitaba una experiencia digital para vender en línea. El objetivo principal era crear una app que permitiera a los usuarios reservar temporalmente artículos en su carrito mientras mantenía la experiencia simple y confiable.

El objetivo

El objetivo era diseñar una app de ropa que facilitara a los usuarios explorar, comparar y reservar temporalmente artículos antes de comprar.

Investigación de usuarios

Las entrevistas con usuarios ayudaron a identificar las preocupaciones reales detrás de la compra de ropa: incertidumbre sobre tallas, confianza en reseñas, disponibilidad de inventario y dudas antes de finalizar la compra. Esos hallazgos definieron el flujo principal de la app más que la suposición inicial sobre la expiración del carrito.

Primeras fases de diseño

Wireframes de papel

Comencé con wireframes de papel para explorar distintas formas de presentar las acciones de compra más útiles. Combiné las ideas más sólidas en un layout más simple enfocado en exploración, confianza en el producto y reserva temporal de artículos.

Wireframes digitales

Después de refinar los wireframes, construí versiones digitales e incorporé retroalimentación de las pruebas de usabilidad. También agregué un mensaje de confirmación dentro del contexto para que los usuarios pudieran ver de inmediato cuando un artículo se había reservado correctamente.

Prototipo de baja fidelidad

De un wireframe a un prototipo

Luego creé un prototipo de baja fidelidad para probar el recorrido desde la exploración hasta la confirmación del pedido e identificar fricción antes de avanzar a mayor fidelidad.

Estudios de usabilidad

Realicé dos rondas de pruebas de usabilidad con cinco participantes. La primera ronda reveló tres problemas principales: los usuarios querían subcategorías de productos, el ícono del carrito no era claro para un contexto de moda y las reseñas necesitaban generar más credibilidad. La segunda ronda mostró que los usuarios también querían saber cuánto tiempo permanecería reservado un artículo y sentían que la barra de herramientas ocupaba demasiado espacio en pantalla.

Puliendo el diseño

Después de los estudios de usabilidad

Usé los hallazgos de las pruebas para simplificar la interfaz, mejorar la jerarquía visual y hacer que el flujo de compra se sintiera más intuitivo. También empecé a convertir los wireframes en mockups más pulidos agregando color, imágenes e iconografía cuando ayudaban a reforzar la comprensión.

Soluciones

Los principales ajustes de diseño se enfocaron en aclarar las categorías de producto, reducir el ruido de la barra de herramientas y hacer más visible el estado de reserva durante el flujo de compra.

Prototipo de alta fidelidad

Pantallas finales

Después de la última ronda de iteración, completé el prototipo de alta fidelidad. El diseño final mantuvo el mismo flujo central, pero mejoró la claridad, la consistencia visual y la confianza en cada paso del proceso de compra.

Accesibilidad

Las consideraciones de accesibilidad incluyeron iconografía clara, contraste suficiente en el texto y espaciado adecuado para que la interfaz fuera fácil de escanear. El objetivo era hacer que la app fuera entendible y cómoda de usar en distintos tamaños de pantalla y condiciones de lectura.

Conclusión

Próximos pasos

Lace mostró el valor de diseñar alrededor de la duda del usuario, no solo de la acción del usuario. El siguiente paso sería refinar el soporte de tallas, mejorar la confianza sobre ajuste y reseñas, y probar si un flujo de probar antes de comprar serviría mejor a los usuarios.

Soporte de tallas

Refinar la guía de tallas para que los usuarios puedan comparar el ajuste con más confianza antes de comprometerse con una compra.

Confianza en ajuste y reseñas

Mejorar la confianza alrededor del ajuste, las expectativas del producto y las reseñas, y después probar si un flujo de probar antes de comprar serviría mejor a los usuarios.

Aprendizajes

Este proyecto reforzó la importancia de diseñar a partir de preocupaciones reales de los usuarios, no de suposiciones. También fortaleció mi proceso para convertir hallazgos de investigación en decisiones prácticas de interfaz.