Investigar - idear - prototipar

Pasos a seguir hasta dar con nuestro prototipo

Cuando pensamos en la mejor forma de mejorar un producto o una experiencia de usuario, lo primero que debemos tener claro es de dónde partimos y hacia dónde vamos.

Para saber de dónde partimos, suelo hacer una pequeña investigación inicial. En este caso me he descargado además de la App de Zara, también otras Apps de ecommerce como Shein, o Zalando. Y me realizado un pequeño benchmark comparativo entre ellas para saber cómo son sus flujos de conversión y checkout.

Como el objetivo no es saber lo que quiere el usuario, sino innovar en cuanto a facilitar la conversión, no he realizado ni encuestas ni entrevistas.

Directamente he pasado a realizar research question enfocadas a poner el foco en la ideación, para posteriormente convertirlas a HMW? (hoy may we...?) questions.

Algunos ejemplos de Research questions y HMW questions que han salido han sido:

Una vez planteadas las HMW questions, he realizado un brainstorming con posibles soluciones a las preguntas planteadas. Algunas de las soluciones para disminuir la frustración del usuario han sido:

Con este brainstorming, he podido observar que una de las cosas que facilitaría mucho las cosas al usuario a la hora de efectuar su compra y no abandonar a medio camino, es quitarle trabajo.

El hecho de que una App pida rellenar muchos campos con multitud de datos personales, bancarios etc, hace que si el usuario no tiene a mano por ejemplo la tarjeta de crédito en ése momento, abandone la compra por pereza.

Realizando la técnica del CRAZY 8, y esbozando posibles soluciones, he visto que se podrían reducir el número de pantallas a cuatro, para poder efectuar la compra más rápido y fácil.

Como el usuario medio que usa un ecommerce de moda desde el móvil suele ser gente joven y de mediana edad, están acostumbrados ya a comprar a través de Amazon.

Mi propuesta para los usuarios no registrados es implementar un CTA de autorelleno de datos.

Los usuarios que usan ecommerce ya suelen tener sus datos registrados previamente en Amazon. Implementando un CTA de autorelleno de datos con los datos de Amazon, nos quitamos de una sola vez, que el usuario rellene campos de datos personales, campos de datos de dirección de envío, y datos bancarios y que además se registre en nuestra App para futuras compras.

Teniendo esto en cuenta, mi propuesta del flujo del ecommerce quedaría tal que así, eligiendo la opción de autorelleno con Amazon:

Una vez hecho el diagrama de flujo del proceso de conversión, he realizado unos wireframes en baja fidelidad en una hoja para ver posibles soluciones, y quedarían tal que así:

Después de esta primera fase y tras haber realizado varias pruebas, he pasado los wireframes a media-alta fidelidad en Figma:

Para ver el archivo en Figma pincha en el siguiente link:

WIREFRAMES MEDIA-ALTA FIDELIDAD

Y para ver cómo quedaría la interacción y el flujo en este prototipo, pincha en el siguiente link:

PROTOTIPADO INTERACTIVO

🎉😄

Last updated