Prework Ironhack: Challenge 3 | Usability Evaluation and Site Redesign

MariaCrollan
9 min readJan 2, 2020

--

En este artículo voy a explicar cómo he llevado a cabo una evaluación de usabilidad y rediseño de una aplicación para viajeros. Te cuento paso a paso como ha sido este proceso y cuál ha sido el resultado final.

1. Tipo de usuario

En primer lugar, debo saber quién es mi User Persona para ponerme en su piel y después, buscar a gente con ese perfil para realizar pruebas de usabilidad.

Mi User Persona es Marta, una chica aventurera a la que le encanta viajar. Después de varios meses se ha decidido y por fin va a preparar su viaje para ir a ver una de las 7 maravillas del mundo: Petra (Jordania).

Mi User Persona no tiene mucho tiempo para planificar su viaje y tiene un presupuesto limitado. De ella también sé que le gustaría viajar dentro de 6 meses, no es exigente, busca una experiencia asequible y aventurera y le encanta conocer gente.

Esta es Marta, mi User Persona

2. Investigación

Ahora que ya conozco a mi User Persona, el siguiente paso es hacer una pequeña investigación sobre el país al que va a viajar: Jordania.

  • Mejores meses para ir: por el clima se recomienda viajar en abril-mayo y septiembre-octubre.
  • Aeropuerto más cercano o conveniente: existen dos aeropuertos, el de Amán (a cuatro horas de la ciudad) o el de Aqaba (a 1h 30min de Petra).
  • Moneda: la moneda es el Dinar Jordano (JOD).
  • Necesidades médicas: es recomendable vacunarse de: tifoidea, hepatitis A, hepatitis B, rabia, triple viral,, meningitis, TDaP e influenza.
  • Visado: todos los extranjeros necesitan un visado para entrar a Jordania que se puede solicitar en el aeropuerto.
  • Recomendaciones de vestuario: ropa cómoda y calzado adecuado para caminar durante horas. Gorra, gafas de sol y agua.
  • Días necesarios para visitar la atracción: 8- 10 días para visitar varios lugares de Jordania, como por ejemplo Amán, el Mar Muerto, el desierto de Wadi Rum y por supuesto Petra. Ésta última se puede visitar en 1 o 2 días.

3. Benchmarking

Una vez que ya se quien es mi User Persona y he hecho una pequeña investigación sobre el destino al que quiere ir (aeropuertos cercanos, moneda, clima…), llevo a cabo un Benchmarking, es decir, comparo varios motores de búsqueda globales que comparan vuelos, hoteles, alquileres de coches, excursiones…

Para hacerlo, hago una evaluación heurística de usabilidad con los principios de Nielsen de las aplicaciones Kayak, Skyscanner y TripAdvisor. Para completar esta información, también leo comentarios en App Store sobre estas app que me ayudarán a identificar algunas oportunidades de mejora.

Para realizar esta evaluación heurística de usabilidad, he usado un Excel donde he ido puntuando cada uno de los principios de Nielsen. Pincha aquí para acceder al Excel.

Los 10 principios de Jakob Nielsen para mejorar la usabilidad

Tras la evaluación heurística estas son las conclusiones más relevantes:

  • Todos los motores de búsqueda dan al usuario la opción de activar alertas de vuelos y hacer seguimiento de precios.
  • Se puede navegar por todas las aplicaciones sin iniciar sesión, pero si quieres personalizar tus búsquedas tienes que estar logueado.
  • Ninguna de estas aplicaciones tienen una opción que permita al usuario ver las preguntas frecuentes y no puedes acceder al sitio web.
  • La mayoría de usuarios identifican que uno de los mayores problemas que tienen estas aplicaciones es que la opción de contratar a la vez vuelo + hotel no existe o es poco intuitiva.

La app que he identificado que tiene el mejor rendimiento para mi tipo de usuario es TripAdvisor ya que además de buscar vuelos y hoteles, ofrece una gran variedad de actividades para hacer, cuenta con un foro en el que poder compartir información de los viajes y puedes contactar con otros usuarios.

Con la app ya seleccionada, el siguiente paso es realizar las pruebas de usabilidad para comprender cómo puedo mejorar la app y ayudar a mi User Persona a viajar por el mundo.

4. Prueba

Ahora, es momento de descubrir cuales son los puntos débiles de la aplicación para mi User Persona. Para descubrirlos busco a 3 personas con características similar a las de Marta y les propongo hacer 3 tareas dentro de la app. Las 3 tareas son las siguientes:

  1. Buscar un vuelo para ir a Jordania, concretamente al aeropuerto de Aqaba y elegir la fecha más económica para viajar dentro de los próximos 6 meses.
  2. Encontrar un alquiler vacacional en Petra para dormir una noche donde se pueda conocer gente y añadir a favoritos el más asequible.
  3. Buscar una excursión para visitar Petra donde puedas ir con otros viajeros.

Antes de que los usuarios que he seleccionado hagan estas tareas, les hago un pequeño juego. Les enseño la pantalla de inicio de la aplicación de TripAdvisor durante 5 segundos y pasado ese tiempo, tapo la pantalla.

Después, les pido que me digan que elementos recuerdan y qué podrían hacer con esta herramienta. Con este ejercicio me he dado cuenta de las primeras oportunidades de mejora que se pueden hacer en la pantalla de inicio. Son las siguientes:

Puntos de mejora en la pantalla de inicio de TripAdvisor

5. Insight

Para realizar las pruebas de usabilidad, he realizado vídeos y he tomado notas en cada una de las pruebas que he hecho. Esto me ha permitido recopilar información de interés y después de analizar las entrevistas y las pruebas de usabilidad he podido identificar cuales son los principales puntos débiles para mi User Persona.

  • Tarea 1: Buscar un vuelo al aeropuerto de Aqaba (Jordania)

Por lo general los usuarios consideran que la navegación por la app es un poco liosa y detectan que al realizar una búsqueda de vuelos aparece demasiada información que les satura.

Uno de los puntos claves para mi User Persona es encontrar una fecha económica dentro de los próximos 6 meses, la única solución que hay ahora es buscar mes por mes para ver cuál es el más económico.

Además, no puedes añadir vuelos como favoritos, hay que hacer mucho scroll para ver poca información y hay algunos cuadros de textos que parecen botones.

Varias pantallas al realizar una búsqueda de vuelos
  • Tarea 2: Encontrar un alquiler vacacional en Petra

Al intentar buscar alquileres vacacionales aparecen muy pocos filtros de búsqueda, algunos botones no son muy intuitivos para los usuarios y necesitan hacer varios clics para añadir un alojamiento a favoritos.

Tanto en esta pantalla de alquileres vacacionales como en la de buscar vuelos, el botón de “filtro” y “mapa” al tener el mismo color que el fondo de la pantalla no llama la atención y a los usuarios les cuesta encontrarlo.

Varias pantallas al realizar una búsqueda de alquileres vacacionales
  • Tarea 3: Buscar una excursión hasta Petra

Cuando los usuarios han tenido que buscar alguna excursión en concreto, como era el caso de esta tarea, les ha resultado muy complicado buscar y encontrar una muy específica. El sistema de búsquedas no queda muy claro para los usuarios.

En general a los usuarios entrevistados les parece que en la sección de “Cosas que hacer” la información no está bien organizada y la búsqueda por tipo de actividad no es fácil e intuitiva.

Varias pantallas al buscar excursiones

6. Rediseño de la aplicación

Después de analizar toda la información que me han dado mis User Personas, selecciono varios puntos débiles y los que generan mayores problemas a la hora de navegar y buscar contenido por la aplicación.

fdsfdsfdsf
Pantalla de inicio | Boceto con mejoras

Una vez que tenía claros cuáles eran esos puntos débiles y con la pantalla de inicio actual delante, dibujé un pequeño boceto de cómo podía modificarla para mejorar la navegación.

Con el boceto en baja fidelidad realizado, el siguiente paso era darle forma en Sketch con los colores y tipografía de la aplicación actual.

Este es el resultado:

Antes y después pantalla de inicio

Con la pantalla de inicio ya corregida, el siguiente paso era centrarme en solucionar el resto de problemas que he identificado al entrevistar a mis User Personas.

Buscar un vuelo

Me di cuenta que mi User Persona al tener un presupuesto limitado y tener flexibilidad a la hora de escoger una fecha para viajar, veía primordial que pudiera ver los rangos de precios de los vuelos según la fecha en la que iba a viajar.

En esta navegación de búsqueda de vuelos, al ver los resultados de los vuelos, el usuario veía demasiada información de poco valor y algún botón no era visible de manera clara. Por lo que hice varios cambios en las pantallas siguientes:

Antes y después pantalla seleccionar fechas
Antes y después pantalla ver vuelos encontrados

Seleccionar un alquiler vacacional

A la hora de buscar un alojamiento para hacer noche en Petra, me doy cuenta que los usuarios no encuentran de manera rápida la opción de filtros y cuándo pinchan sobre ellos, parece que hay pocos filtros de búsqueda. Además, hay un poco de incongruencia entre los filtros que están al final de la pantalla y los que están arriba a la derecha.

También he notado que los usuarios ven importante saber a cuánta distancia está el alojamientos del sitio a visitar y desde la pantalla de alquileres vacacionales no pueden añadir un alojamiento a favoritos.

Por lo que una vez he identificado todas estas oportunidades de mejora, hago unos bocetos en papel de los cambios que voy a realizar y con Sketch le doy forma a todas mis ideas. Este es el resultado.

Antes y después pantalla seleccionar alquiler vacacional
Antes y después pantalla filtros

Buscar una excursión desde Aqaba hasta Petra

Cuando los usuarios hicieron esta tarea, me di cuenta que a los usuarios les abrumaba toda la información de actividades que TripAdvisor tiene es su aplicación.

Cuando entras en esta sección te indica que introduzcas unas fechas, pero en ningún momento te da la opción de filtrar por precio o preferencias y es algo bastante importante para los usuarios. Además, habían iconos que sacaba al usuario de la navegación ideal y volvían a la pantalla de inicio.

En general, la mayoría de usuarios me indicaron que un buscador para filtrar por tipo de excursión les ayudaría mucho para encontrar actividades. Con este feedback, hice unos bocetos en papel y más tarde los pase a Sketch. Este ha sido el resultado:

Antes y después pantalla actividades

Conclusión

“Tu User Persona no eres tú”. Ésta ha sido la voz que ha estado en mi cabeza durante este ejercicio, sin esto claro es muy difícil hacer un buen trabajo de usabilidad y rediseño. Ha sido un verdadero challenge con el que he aprendido lo siguiente:

  • Hacer una investigación inicial sobre el servicio, la competencia y el User Persona es primordial para estructurar la fase de tareas.
  • Si no conoces y empatizas con el User Persona el desarrollo del proyecto se hará complicado y el prototipo habrá que revisarlo y modificarlo varias veces.
  • Hablar con usuarios reales es la mejor forma para entender cómo usan la aplicación y en qué puntos se frustran o se pierde el objetivo de la navegación.
  • A pesar de ponerse en la piel de un usuario, no hay que dar por hecho cómo será su navegación, hay que probar la app con ellos.
  • En la mayoría de las veces, un cambio sutil en el diseño de la app tiene un gran impacto en el usuario y mejora su percepción.

Puedes probar el prototipo interactivo que será utilizado para validar las soluciones que he propuesto:

Prueba el prototipo interactivo

¡Gracias por llegar hasta aquí! Si quieres, me gustaría que me dejaras un comentario con tu feedback. 😉

--

--

MariaCrollan

UX/UI Designer & Marketera | Sketch & Figma | InVision | Design Thinking