Ironhack’s Prework: Challenge 3_ Usability Evaluation and Site Redesign
Ha llegado el momento de realizar el tercer reto del Prework de Ironhack. En esta ocasión se trata de evaluar la usabilidad de una aplicación de comparador de viajes.
INTRODUCCIÓN — USER TYPE
Para llevar a cabo este challenge hay que elegir un User Persona que servirá para evaluar si la aplicación se adapta a sus necesidades.
El User Persona que he elegido es un grupo de jóvenes amigos, de entre 20–40 años, que planean con un año de antelación un viaje para el que han estado ahorrando todo ese año. Buscan disfrutar al máximo del viaje, en un lugar donde juntos puedan vivir la cultura y el ocio local.
Mi elección del destino es Nueva York, la ciudad que nunca duerme, ya que la oferta de ocio y cultura es infinita y puede ser una experiencia inmemorable.
RESEARCH
Investigo sobre las necesidades que tendrán nuestros usuarios escogidos para realizar su viaje:
- Aeropuerto más cercano: existen tres aeropuertos en NYC. El principal es el JFK, que se encuentra en Queens. El siguiente más importante es el aeropuerto Newark, en Nueva Jersey, que es un aeropuerto secundario y algunas compañías europeas llegan a este aeropuerto.Y por último es La Guardia, que es el más cercano a Manhattan (10km), pero es mucho más pequeño y principalmente sirve para vuelos locales.
- Moneda: en Estados Unidos se usa el dolar. Es muy fácil de cambiar y se puede hacer o desde España o ya allí sin ningún problema.
- Necesidades médicas: para poder viajar a Estados Unidos es necesario sacarse un visado y tener seguro médico.
- Vestimenta: el clima en NYC es muy distinto según la época del año. Nuestros User Personas piensan ir en Septiembre, por lo que necesitarán ropa de entretiempo, ya que puede o hacer calor o llover a cántaros.
- Días necesarios: para poder ver todo lo interesante que hay que ver en Nueva York se necesitaría un año entero o más, pero como eso no es posible, mínimo requerirán una semana para poder disfrutar no solo de las atracciones más típicas, sino también de museos o lugares singulares.
BENCHMARKING
El siguiente paso es analizar las principales aplicaciones móviles de comparación de viajes. En ellas los usuarios buscarán tanto vuelos como alojamiento.
Las tres aplicaciones que he analizado son Kayak, Skyscanner y Tripadvisor. Para llevar a cabo mi análisis he evaluado la usabilidad según los 10 Principios Heurísticos de Jakob Nielsen.
Como conclusión a este análisis, he identificado que ninguna de estas apps cuenta con algún tipo de manual o ayuda para primeros usuarios o gente que no sepa utilizar la aplicación. Las tres son intuitivas, pero cada una tiene cosas negativas que se podrían depurar. Por ejemplo, Kayak no te permite cambiar la fecha del alojamiento una vez que entras a ver una oferta de habitación de hotel, Skyscanner no recuerda las últimas habitaciones que miraste y Tripadvisor solo incluye una oferta para cada habitación (mientras que las otras dos disponen de un listado de distintos buscadores con diferentes ofertas).
Tanto Skyscanner como Tripadvisor me parecieron buenas opciones, pero me he decantado por Tripadvisor ya que las opiniones que usa Skyscanner son las propias de TripAdvisor.
TESTING
El siguiente paso a tomar es evaluar con usuarios que encajan con el User Type que he elegido la aplicación Tripadvisor. Dichos usuarios eran 3 personas de mi entorno, con edades comprendidas entre los 27 y los 30 años.
Primero les hice el test de los 5 segundos, que consiste en que observen la pantalla de inicio de la aplicación durante 5 segundos y ver qué aspectos les han llamado la atención y si son capaces de saber para qué sirve dicha app.
A continuación les pedí que llevaran a cabo los siguientes flujos de acción:
- Buscar billetes de vuelo a NYC para septiembre del año que viene, aplicando filtros (fechas, precio, escala, etc.)
- Buscar un apartamento turístico para 4 personas en esa ciudad (para poder estar juntos el máximo tiempo posible sin separarse) o una habitación para 4 en un hotel, comparando entre ambas opciones. La zona debe ser preferiblemente Chelsey, West o East Village o Soho.
RESULTADO
Uno de los aspectos más conflictivos que les ha ocurrido a todos los entrevistados es relativo a los vuelos. La aplicación no te permite buscar vuelos con un año de antelación.
En cuanto al buscador de alojamiento, todos los entrevistados tuvieron problemas a la hora de aplicar filtros y buscar en el mapa, al estar situada la barra de estas acciones abajo y sin apenas destacar. Intuitivamente, todos iban a buscar los filtros en la barra superior.
Además, muchos echaron de menos poder comparar alojamientos en hoteles y apartamentos, en vez de tener que salirse y buscar en otro apartado. Ninguno se dio cuenta de que en los filtros de los hoteles había una opción de “ver alquileres vacacionales”.
Por último, casi todos sintieron como molesto a la hora de reservar tanto vuelos como alojamiento, el que les redirigieran a otra página web y no les avisaran de que estaban saliendo de Tripadvisor. Una de las entrevistadas recalcó que la primera opción que debería aparecer es la de la página oficial de la compañía (de vuelo o de hotel) y luego las ofertas de otros buscadores, ya que, especialmente con el tema de los reembolsos por cancelaciones por el Estado de Alarma, es preferible pagar directamente a través de la compañía oficial.
REDISEÑO
Con estos comentarios en cuenta, he llevado a cabo el rediseño, centrándome en los siguientes aspectos más conflictivos:
- Que aparezca el precio oficial junto a las ofertas.
- Poder comparar alojamientos en apartamentos y hoteles en un mismo apartado.
- Cambiar la barra de filtros y los mapas.
A continuación adjunto el Wireframe de dos flujos de acción, el de buscar vuelos y buscar hoteles. Las pantallas son las siguietes:
PANTALLA DE INICIO:
En este caso he modificado el botón de buscar hoteles y lo he juntado con el de buscar alquiles vacacionales. De esta manera se podrá comparar ambos alojamientos. Junto a este botón he incluido el de buscador de vuelos, ya que estas dos opciones suelen ir vinculadas.
BUSCADOR DE VUELOS:
A la hora de buscar vuelos, he añadido la comparación entre precio oficial (en gris claro) y el precio de oferta de buscadores.
DETALLES VUELO:
Una vez elegido el vuelo, he modificado la pantalla de detalles del vuelo para que aparezca tanto el precio oficial de la compañía aérea, como el precio a través de buscadores con ofertas.
BUSCADOR DE HOTELES:
Cuando se trata de buscar alojamiento, he combinado la búsqueda en hoteles y alquileres vacacionales, a través de check buttons que facilitan su selección o deselección en función del tipo de búsqueda que desees hacer.
Por otro lado, he modificado la posición del botón de filtros y mapas para que esté situado en una posición más intuitiva y accesible.
Por último, igual que en los vuelos, he incluido la comparativa entre oferta oficial y la de buscadores de hoteles con ofertas.
DETALLES HOTEL:
Para finalizar, he modificado la pantalla de detalles del alojamiento para incluir la comparativa de ofertas.
PROTOTIPO:
A continuación adjunto el link al prototipo de esta propuesta:
CONCLUSIONES Y REFLEXIONES:
Este Challenge ha sido el más desafiante de todos, además de ser muy completo. Me ha servido para aplicar el contenido teórico, analizando las aplicaciones según los principios estudiados en el temario, así como aprender a desenvolverme mejor en Figma, analizando qué aspectos son esenciales y hay que destacar.
Por otro lado, he aprendido lo importante que es escuchar en las entrevistas, ya que los entrevistados se pueden dar cuenta de cosas que tú no has tenido en cuenta antes. Me ha costado distanciarme y no aplicar los cambios que yo creía que eran necesarios, pero ha merecido la pena, ya que lo observado por los entrevistados eran aspectos muy interesantes.
Soy consciente de que hay puntos que deberían mejorarse o que puede que no sean la mejor manera de conseguir los resultados deseados. A pesar de ello, estoy contenta con el resultado, al tratarse del primer prototipo en serio que realizo.
Este Challenge ha sido muy interesante y he aprendido mucho hacíendolo.
