Challenge 3: Usability Evaluation and Site Redesign

Violeta Robla
4 min readFeb 28, 2020

Este ejercicio pertenece al Prework del Bootcamp de UX/UI Design y consiste en realizar la evaluación de usabilidad de una app y rediseñar algunas de sus pantallas, en base a las conclusiones obtenidas.

En primer lugar, el Challenge 3, nos proponía escoger un destino que nos despertase especial interés. Yo escogí Costa Rica.

User Type

Debíamos ponernos en la piel de un prototipo de viajero. Para ello, nos propusieron las siguientes opciones:

  • Mochilero/a que viaja solo/a: 18–38 años (1 persona)
  • Grupo joven: 20–40 años (4 personas)
  • Pareja joven: 20–40 años (2 personas)
  • Familia con niños: 30–50 años (4 personas)
  • Pequeño grupo de amigos: 40–60 (3 personas)
  • Pareja madura : 60–80 (2 personas)

La idea era escoger el tipo de viajero que mejor representase a las personas que íbamos a entrevistar y a evaluar. En mi caso, escogí el de pareja joven.

Research

Estas fueron las especificaciones para el viaje:

  • Destino: Costa Rica.
  • Fechas: de 1 al 12 de agosto.
  • Aeropuerto más cercano: Aeropuerto de San José.
  • Moneda: Colones costarricenses. (1 colón costarricense = 0,0016 €)
  • Necesidades médicas: Vacuna de la fiebre amarilla (obligatoria) y un botiquín de primeros auxilios.
  • Recomendaciones de vestuario: Ropa cómoda y de trekking. Preparada para lluvias, ya que las fechas del viaje coinciden con la época húmeda.
  • Recorrido: Del Sur al Norte de la Costa del Pacífico (desde Bahía Drake hasta Santa Teresa).
  • Transporte: coche alquilado en el mismo aeropuerto.

Benchmarking

El siguiente paso consistía en escoger una app de viajes de entre las siguientes:

  • Kayak
  • Skyscanner
  • TripAdvisor
  • Hopper

Mi elección fue TripAdvisor. La escogí, sencillamente, porque me pareció la app más completa para el tipo de viaje propuesto. Ofrece multitud de opciones: vuelos, hoteles, restaurantes, planes… y por supuesto, la opción por la que es más conocida: las reseñas de usuarios.

El círculo de personas a las que iba a entrevistar, son gente que suele leer y muestra gran interés por las opiniones de otros usuarios respecto a experiencias y productos. Así que pensé que esta era una solución ideal para ellos.

Testing

La siguiente acción consistía en entrevistar a tres usuarios durante 20 minutos. Esta entrevista se dividía en dos partes:

Un primer test de 5 segundos

Mostré la home de la app a los usuarios durante este tiempo limitado y luego les formulé las siguientes preguntas: ¿Qué has visto? ¿Qué puede hacer esta app por ti? ¿Sabrías buscar un vuelo?

3/3 de los usuarios respondieron que se trataba de una app para buscar vuelos y hoteles, aunque no supieron que, además, permitía realizar más acciones. 2/3 identificaron el icono del avión, por lo que lo conectaron directamente con la búsqueda de vuelos.

Diseñar una acción determinada

Basándonos en el tipo de usuario al que nos dirigíamos y sus necesidades, había que diseñar una acción para esta persona. Nuestro trabajo consistía en observar mientras llevaba a cabo esta tarea y analizar en qué puntos se detectaba algún tipo de problema o dificultad.

Esta fue la acción que les propuse a mis usuarios:

Después de realizar un sumario de las experiencias de usabilidad que tuvieron los tres usuarios a los que entrevisté, estas fueron las pantallas en las que detecté algún “pain point” y las conclusiones que pude sacar:

Redesign Wireframes

El último paso consistía en rediseñar aquellas pantallas en las que los usuarios hubiesen presentado alguna dificultad.

Antes de llevarlo a la pantalla, dibujé los wireframes en papel, para hacerme mejor a la idea de qué es lo que quería implementar.

Una vez tuve claras las ideas, realicé el rediseño de las pantallas en Sketch.

Este fue el resultado:

Pantalla 1 — Buscar un hotel en Uvita (Costa Rica)
Pantalla 2 — Filtrar
Pantalla 2 — Filtrar
Pantalla 3 — Ordenar por Calidad-precio
Pantalla 4 — Establecer un rango de precios entre 20 y 80 €
Pantalla 5 — Escoger dos servicios: Desayuno gratis y piscina

Puedes ver el prototipo en InVision aquí

Conclusión

Este ejercicio, sin duda, me ha parecido el más completo de todos. Ha sido muy útil para poner en práctica todo lo que hemos aprendido en los anteriores Challenges: empatizar con los usuarios, entrevistarlos, comparar varias apps, evaluarlas, sacar conclusiones, realizar los wireframes y, por último, rediseñar algunas pantallas.

Ha sido una experiencia desafiante y muy enriquecedora.

--

--

Violeta Robla

Senior graphic and editorial designer based in Barcelona. Currently studying UX/UI Design. Feel free to have a look 🚀 www.violetarobla.com