Challenge 2: Wireframing
Ironhack UX/UI
Para este ejercicio de Wireframing he escogido la aplicación de BlaBlaCar. Me parece que es una aplicación sencilla pero efectiva ya que en pocos pasos y de forma intuitiva el usuario puede conseguir lo que quiere, un viaje en coche.
Flow y lo-fi análisis
El flow que quería seguir es desde que el usuario abre la aplicación hasta que reserva el viaje. Para ello el usuario solo tiene que iniciar sesión (o registrarse), seleccionar origen y destino y finalmente con que usuario quiere reservar.
Siguiendo este recorrido realicé un boceto rápido de las diferentes pantallas que me ayudó a entender mejor el recorrido y las conexiones. También fue útil para identificar los elementos que se repiten en las diferentes pantallas y con ellos crear un wireframe kit. Este kit es muy práctico a la hora de desarrollar el prototipo ya que ahorras tiempo al no tener que crear una y otra vez los mismo elementos.
La propia aplicación guía al usuario sin apenas elementos que puedan distraer o causar confusión alguna. Se limita a dar la información y ofrecer opciones para el trayecto. Destacan siempre los datos mas relevantes como ubicaciones, precio y conductor.
Prototipo
Usando Figma desarrollé este prototipo en el que se puede hacer una simulación del proceso que seguiría el usuario. Esto es muy útil para poder detectar posibles errores en la aplicación antes de meterse en el proceso de diseño estético. Por eso es importante que este prototipo sea lo mas sencillo posible y sin elementos como el color que puedan distraernos del objetivo de este primer análisis del proyecto.
Haz click para probar mi prototipo :)
