Rediseño User Flow App Zara (iOS)
catálogo -> ficha de producto
El proyecto consistía en rediseñar un "User Flow" para mejorar la interacción y la Experiencia de Usuario desde el "Catálogo" de la App a la "Ficha de Producto", así como la navegación principal desde la "Tab bar" (navegación inferior) reorganizando la arquitectura de información.
La antigua aplicación mantenía una Tab bar confusa en la que las "Novedades" y "Productos" estaban poco diferenciados.
La ficha de producto de la aplicación también permitía grandes mejoras a nivel de UX. La información de los artículos (tipo de tejidos, cuidados etc...), así como los colores disponibles se mostraban "ocultos" al final del scroll, con lo que visualizar dicha información era poco intuitivo.
La "Nav bar" también ofrecía mejoras tanto a nivel visual como UX.
El primer paso fue hacer una pequeña investigación de "guerrilla" debido al escaso tiempo disponible, y las reticencias del cliente a invertir tiempo en esta fase previa (escasa cultura UX en el cliente que prefería invertir mas recursos en la parte visual). En esta fase previa se pretendía investigar el mismo "User Flow" en App´s e-commerce de la competencia respecto a la App de Zara, consultar las analytics disponibles del cliente (para definir el target de usuarios a estudiar), así como un guión para la realización de un test de usuario con la antigua App (en producción) para comprobar los aspectos mejorables de esta, y cuales estaban funcionando.
Se prepararon a su vez una serie de entrevistas de usuario (una vez localizado el target de usuarios con analytics) para la posterior generación de "Personas".
Finalmente se descartó llevar a la práctica esta fase de investigación y definir directamente la interacción y las Mockups, así como generar un prototipo clicable.
Las mejoras propuestas consistieron en redefinir la Nav bar con un diseño mas limpio (el buscador se basaría simplemente en un icono que se desplegaba para mostrar filtros, buscador de código de barras y sugerencias de búsqueda), y establecer una Tab Bar mas clara, creando accesos bien diferenciados para las "Novedades" y "Productos".
En la ficha de producto opté añadir un acceso a una modal con la información del producto con un botón "info", así como incluir la opción de añadir a favoritos (funcionalidad en estudio por el área de "negocio" que no se encontraba disponible en la App). Los colores disponibles se situaron en la parte superior de la ficha de producto, a diferencia de la antigua App en la que era necesario hacer scroll para llegar a la opción de cambio de color.
Mi rol fue exclusivo en todas las fases, ya que este fue un proyecto asignado individualmente.
1. Wireframing e interacción
2. Mockups
3. Prototipo interactivo
