IV. PROTOTIPADO Y TESTEO
Llegamos a las dos últimas fases del proceso de aterrizaje en nuestro MVP: el prototipado y testeo. En ellas tuvimos problemas para poder seguir los tiempos fijados en nuestra planificación al dejar el grupo ciertos componentes y enfrentarnos a ciertas tareas que precisaban de más tiempo del que se les había atribuido. A pesar de los inconvenientes, logramos desarrollar un MVP que a continuación os mostraremos.
Las herramientas que utilizamos fueron las siguientes:
I. Definición mínima de marca
Nuestras primeras sesiones tras las vacaciones decidimos emplearlas en llegar a una idea conjunta sobre como queríamos que se reconociese nuestra marca.
Para ello hicimos varias sesiones de brainstorming en las que creamos entre todas un moodboard de palabras e imagenes que nos identificase como marca. Decidimos también entre todas, y basándonos en lo anterior, el nombre de nuestra app, la apariencia del logo y la paleta de colores que utilizaríamos
Tras esto y otra sesión de Brainstorming en la que por goleada ganó la propuesta WAY+, se le encargó a una de las parejas que crease un par de versiones del logo con los colores decididos. El resultado fueron estos dos que a continuación siguen, saliendo como más votada la primera opción (aunque por poca diferencia).
II. Story Boards
Una vez que ya teníamos claro el look and feel de nuestra nueva marca, realizamos individualmente una serie de Story Boards. Aplicados al UX, los story boards sirven como herramienta para predecir y explorar visualmente la experiencia de un usuario con un producto. Mostramos el producto como si fuera una película en términos de cómo nuestros usuarios lo utilizarían, para así mejorar la narrativa.
III. Arquitectura de la información
El siguiente paso consistió en formar la arquitectura de la app para así poder decidir las pantallas que necesitabamos pintar y como llegar hasta las mismas a modo de flujos. Una vez determinadas las diferentes secciones y niveles que creíamos debía tener nuestra app, lo testamos con usuarios mediante Optimal workshop (técnica de card sorting).
IV. Style Tiles
El siguiente paso fue el de acordar una serie de elementos y estilos que utilizaríamos en nuestros prototipos. Al habernos dividido los flujos por equipo de 2, era muy importante que todas siguiésemos una serie de indicaciones básicas a la hora de realizar el diseño.
Para realizar nuestros prototipos en midfi decidimos “tirar” de uno de los wireframe kits que se ofrecen de forma gratuita en la comunidad de Figma, para realizar nuestro prototipo en High-fi, creamos un UI Kit muy básico en el que compartíamos los elementos que ibamos creando para que así pudiesemos reutilizar elementos en los diferentes flujos
V. Prototipado
La fase de wireframing y prototipado nos permitió definir los flujos de la app y definir las diferentes interacciones necesarias para llegar a realizar las acciones de nuestro MVP.
Para empezar a abordar el wireframing y prototipado Lo-Fi/Mi-Fi nos centramos en el MVP de nuestra app y trabajamos en diferentes equipos repartiendo las tareas pero siempre coordinadas entre nosotras.
Una vez que realizamos los diferentes flujos en Mid-Fi y los testamos, decidimos pasarlos a Hi- Fi basándonos en el branding que habíamos desarrollado anteriormente. Al tratarse de un MVP no pudimos tratar en profundidad todos los aspectos de la app, por lo que decidimos centrar nuestros efuerzos en prototipar los siguientes elementos: On boarding y registro, aviso de emergencia, planear viaje, explorar destino y foros.
Dividimos nuestro equipo en subequipos de dos, que abordaron cada uno de los diferentes flujos de nuestra app. Una vez finalizados, los revisamos entre nosotras y procedimos a testarlos con personas totalmente ajenas al proyecto.
VI. Testeo
Con la primera versión del prototipo realizada, nos dispusimos a comprobar la usabilidad y comprensibilidad de las pantallas mediante testeos con usuarios. Esta fase fue muy fructífera y nos mostró algunos flujos en los que se perdían, dándonos pistas sobre cómo modificarlos para hacerlos más comprensibles.
Creamos un guión para que todos testeasemos los mismos flujos y features, y documentamos los resultados de los mismos. Compartimos estos resultados en una sesión conjunta, decidiendo cuales eran los puntos comunes a abordar e iterando para buscarles una solución.
Entre los diferentes cambios que tuvimos que aplicar destacamos los siguiente:
Por un lado hicimos una serie de tests para averiguar como se entendía mejor el botón de ayuda, resultando en todos mucho más claro sustituir el icono de la campana por un SOS.
El segundo cambio que aplicamos tras el testeo fue la de modificar la disposición de los documentos del viajero, duplicándola y mostrandola no solo en Mis viajes, sino también en Mi perfil.
VII. Producto Final
A continuación os dejamos con un par de vídeo en el que se muestra el prototipo de la app. En el mismo podemos ver como se avisa de una incidencia mediante un botón del pánico, así como se configura.
También podemos ver la programación y guardado de un nuevo viaje.
CONCLUSIONES DEL PROYECTO
- Estamos satisfechas con el MVP que hemos aterrizado en estas escasas semanas, mas el proyecto de WAY+ precisa de muchos sprints y horas para llegar a ser la app que necesita el colectivo.
- Existen ciertas secciones a las que si bien no hemos llegado, se nos hace muy interesante desarrollar, como la posibilidad de añadir un chat (o chatbot) o contactar con “Embajadores” en el país
- Si bien nuestra finalidad no era que fuese monetizable, entendemos que podría lograrse fácilmente mediante vuelos o establecimientos destacados, así como asistencia legal o administrativa.
- Tras el testeo nos planteamos modificar o incluso fusionar las secciones de Explorar y Mis viajes
APRENDIZAJES GENERALES
EQUIPO QUE FINALIZÓ EL PROYECTO
Finalmente agradecer a las participantes que llegaron hasta el final del proyecto por su esfuerzo de última hora, así como las horas invertidas en este proyecto de aprendizaje compartido. Carmen, Isa, Ita, Paula, Silvia y Mafe…¡Sin vosotras no hubiese sido posible!
¿Tienes dudas? ¿Quieres saber más? ¿Algún comentario? ¡Estaremos encantadas de contestarte y debatir sobre el proyecto!
III. Ideación ← IV. Prototipado & Testeo