Ironhack’s Prework: Wireframing_Challenge2.
En esta ocasión es el turno de los wireframe. Con el propósito de no invertir demasiados recursos en interacciones que no van a ser definitivas, los wireframes son la herramienta clave de IxD y la representación más simple de cual será el flujo de un producto.
De este modo, a partir de una aplicación real, en este caso Uber, se va a realizar un ejercicio de “ingeniería inversa” en el diseño de interacción y flujo de usuarios.
Como bien es sabido, el principal propósito de la app es llevar al usuario al destino deseado ajustandose en todo momento a sus necesidades . Se trata de una app bastante intuitiva y con la que, al ser usuaria, estoy familiarizada. Estos son motivos por los cuales, he decidido seleccionarla para el siguiente reto.
La tarea más repetida y común en todos los usuarios de esta aplicación es sin duda, pedir un uber. El usuario entrará en la app y llevará a cabo todo el proceso necesario hasta el pago del servicio. En tan solo cinco pantallas, ya habrá ejecutado la tarea. Este será el user flow seleccionado.
- El usuario pulsa sobre el buscador.
- Introduce el destino al que quiero ir.
- Elige el viaje que más se ajusta a sus necesidades.
- Confirma punto de recogida.
- Paga.
Dentro de la app podemos encontrar varios elementos UI. Controles de entrada como botones, componentes de navegación como campos de búsqueda e iconos o componentes de información como mensajes que ayudan al usuario en la navegación. Los wireframes se realizaron teniendo muy en cuenta estos componentes ya que en definitiva, son los elementos clave del esqueleto.
A continuación, podrás encontrar el prototipo interactivo haciendo click aquí. Siguiendo cada una de las pantallas, podrás constatar el user flow escogido.
Por último, mencionar que tras haber realizado anteriormente una copia exacta de un diseño, me resulto un desafío muy interesante. De alguna manera te ves en la obligación de alejarte del detalle y abstraerte a lo meramente formal e imprescindible. Sin duda, pude comprobar cómo hacer algo aparentemente más simple, requiere más esfuerzo. Además, pude familiarizarme con una nueva herramienta, Figma.
