Evaluando usabilidad y rediseñando App de viajes.
Ironhack prework: challenge 03.
Vamos a por el desafío de usabilidad con el que nos a retado Ironhack:
Pasión por viajar
En 2017, el mundo votó por las siete maravillas del nuevo milenio. Son lugares muy turísticos que condensan una belleza única y están preparados con muchos servicios para el disfrute de tod@s.
Tarea
He seleccionado un tipo de usuari@s y App para evaluar y rediseñar, del listado que Ironhack nos ha facilitado.
Esta ha sido mi opción:
- Pequeño grupo de amigos 40–60 años (3 personas)
Tú y tus amigos de toda la vida habéis decidido emprender una aventura junt@s, para deleitarse con las maravillas más exquisitas del mundo. - He seleccionado la App Kayak, priorizando el criterio de facilidad de uso en cualquier condición. Buena UI, colaborativa, y me he centrado más en la funcionalidad: (buena UX).
Fuentes para el benchmarking: Apps y Webs oficiales españolas
Kayak Web - Kayak App - Kayak Magazine
Objetivo
Detectar los principales problemas del/la usuari@, priorizando los puntos débiles de la App seleccionada, para poder evaluar y rediseñarla; de modo que mejore su usabilidad en base a esos puntos de dolor.
Para ello, nos hacemos esta pregunta:
¿Qué está bloqueando al usuario para que tenga resultados felices o la experiencia que esperaba?
Metodología
- Investigación: entrevista y test de usabilidad.
Tras los datos de usabilidad de una de las pantallas de la App Kayak y los de mis anotaciones durante las entrevistas, he sacado estas conclusiones:
La pantalla seleccionada de Kayak es bastante fácil de recordar y transmite confianza. Al mismo tiempo, el usuari@ es capaz de percibir a grandes rasgos su propuesta de valor y funcionalidad.
Una vez obtenidos los resultados del test y buscando patrones conductuales en las entrevistas, he sacado estas conclusiones:
- Sería bueno usar la pantalla seleccionada en el test de 5 segundos como referencia de diseño para prototipar porque ha dado buenos resultados.
- Podemos mejorar algunos de los principios de Nielson y tener de referencia las Apps que obtienen puntuaciones mayores.
- Con los patrones conductuales detectados y agrupados por afinidades, podemos reordenar y jerarquizar la información/elementos de diseño, en base al tipo de usuari@s seleccionad@s.
Soluciones del diseño de la interfaz (UI) de la App Kayak.
No se entiende bien el elemento Trips, especialmente si no hablas inglés, por lo que lo cambio a castellano y el icono lo transformo en una maleta.
También cambio la forma de expresar para mostrar cercanía, cambiando el usted por el tu, mientras en la App, a veces te tratan de usted y a veces de usted.
Para añadir diversidad (en una misma palabra introducir todos los géneros, sexos, identidad etc), utilizo @ para en una palabra usar el masculino y femenino, ya que en castellano no tenemos palabras neutras sin asociar a un género.
Añado una barra de navegación superior con iconos intuitivos para poder ir siempre directamente a contacto con kayak, perfil e info (guías de uso: qué posibilidades me ofrece esta pantalla). Desde el perfil, puedes acceder también a configuración.
Elimino las dos frases de Hola ¿cuál es tu próximo destino y uso ese espacio para que el diseño siga siendo limpio / espaciado para introducir la barra de navegación de arriba.
En la pantalla Trips, he añadido la barra de navegación superior, actualizando la info: ahora estás en la pantalla Mis viajes, aparece un icono de información, que te lleva a la guía de cómo usar la opción mis viajes), que lo repito para poder acceder desde varios lugares en Configura las opciones de “Mis viajes”.
He dejado la libertad al usuari@ de poder elegir usar “mis viajes” o no, de modo que puede acceder a seguir un vuelo, crear un viaje o descubrir la opción explorar (donde también puede acceder desde el menú de navegación de abajo.
Por último, he dejado la opción de Viajar como un experto, con el menú de configuración de Kayak original, que te indica en qué consiste la opción “mis viajes” y los pasos para configurarlo. También se puede acceder al mismo lugar desde configura las opciones de “Mis viajes”.
Una vez que ya has configurado “Trips”, sale la pantalla Todo listo para usar Trips. He añadido explicaciones a algunos iconos, que sólo se entienden si haces clic en ellos.
Por otro lado, en la pantalla prototipada, puedes buscar desde el icono Buscar o desde Crea un viaje.
Prototipo fidelidad media (mid-fi) en Figma
Podéis acceder al prototipo mid-fi en figma desde este link, o directamente en el tweet de abajo.
Os recomiendo que accedáis al mismo challenge resuelto por mi compañera de curso Sheila Domingo. Considero que ha hecho un gran trabajo sobre el rediseño de la App Kayak 😊
