Challenge 3: Usability evaluation and Site Redesign

Elisa Naharro
8 min readOct 13, 2020

--

De visita al Coliseo de Roma 🍝

Conociendo una de las maravillas del mundo

Para este Challenge, Ironhack nos propone ponernos en los zapatos del usuario tipo que elijamos. En mi caso he optado por el Worldtrotter 🌎, un perfil de entre 18–38 años abierto a casi cualquier posibilidad pero con un presupuesto limitado. Que prefiere las experiencias donde puede conocer gente y hacer amigos.

El destino que he elegido es el Coliseo de Roma ¿Hace falta justificar por qué? :)

Investigación: Analizando los detalles del destino 🕵️

· El aeropuerto más cercano:
El mejor resultado que nos ofrece Google Maps para llegar hasta el Coliseo desde el aeropuerto Adolfo Suárez Madrid Barajas es el Aeropuerto de Roma-Fiumicino (de nombre oficial Aeropuerto Intercontinental Leonardo da Vinci). Es el más importante de Roma y desde él se puede llegar al Coliseo en coche (30 min) y en autobús (50 min).

· Moneda: Desde 2002, la moneda vigente en Italia es el euro, por lo que nuestro viajero no tendrá ningún problema en ese sentido y se ahorrará tener que hacer el tedioso cambio de divisa.

· Necesidades médicas: vacunación, visado, etc: No son necesarias vacunas médicas para viajar a Italia desde España, y tampoco visado. Con el carnet de identidad puedes moverte por donde quieras.

· Recomendaciones de vestuario: La temperatura de Italia es ligeramente más alta que en España por encontrarse más al sur, pero sin grandes diferencias, por lo que nuestro viajero podrá llevarse el mismo tipo de ropa que en ese momento esté usando en España. Eso sí, ¡Un buen calzado para patearse el Coliseo y Roma en general!

· Días necesarios para visitar la atracción: El Coliseo romano puede verse aproximadamente en dos horas, aunque depende un poco del nivel de detalle al que quieras ir. Para nuestro viajero, dos horas serán suficientes.

Benchmarking, aplicando los principios heurísticos de Nielsen

Teniendo en cuenta el perfil de mi usuario elegido, y comparando las apps TripAdvisor, Skyscanner y Hopper utilizando los principios heurísticos de Nielsen, decidí quedarme con TripAdvisor para testear.

Prueba de usabilidad

Para encontrar posibles mejoras en la app de TripAdvisor entrevisté a tres amigos a quienes les apasiona viajar y que encajan perfectamente en el tipo de perfil que he elegido. Les he pedido que me pasen una foto de uno de sus últimos viajes (de aquellos tiempos en los que todavía se podía viajar…) para que les pongas cara. 😉

La dinámica fue la siguiente:

Les pedí que miraran la Home de TripAdvisor durante 5 segundos, acto seguido les quité el móvil y les pregunté:

¿Qué has visto?

¿Qué puede hacer esta herramienta por ti?

¿Dónde buscarías un vuelo?

(Os cuento sus respuestas en el párrafo de los hallazgos).

A continuación les pedí realizar las siguientes tareas:

Reservar un vuelo de ida y vuelta al Aeropuerto de Roma-Fiumicino para el día 4 de agosto de 2021.

Buscar un restaurante cuya especialidad sea la pasta y que pille cerca del Coliseo romano.

Buscar un alojamiento económico para una persona que esté cerca del metro.

Buscar una guía/tour guiado para ver el Coliseo de Roma el 5 de agosto de 2021 por la mañana, siendo importante que tenga buenas opiniones.

Resumen de los hallazgos y puntos de dolor

Testeo de los 5 segundos ⏱️

Todos los entrevistados están familiarizados con la app de TripAdvisor, por lo que 5 segundos les basta para nombrarme sin problemas los elementos de la home. Una foto de dos personas en el mar. Un buscador. Los distintos servicios de la app. Y la alerta del Covid 19. Me responden que la app les puede ayudar en todo lo referente a la gestión de sus viajes y que el vuelo lo buscarían desde la sección Vuelos de la home.

Puntos de fricción

· Ninguno de los entrevistados usa la lupa superior derecha de la Home para completar ninguna de sus tareas, al finalizar la entrevista les pregunto por qué y ni siquiera se habían fijado en ella. Coinciden en que es suprimible puesto que la funcionalidad del buscador ya está cubierta en la Home.

· Para la tarea de reservar un vuelo, no encuentran mayores problemas y la completan satisfactoriamente en pocos clicks.

· Pedí a mis entrevistados que buscasen un restaurante de pasta cercano al Coliseo para ir al finalizar el tour, y ninguno consiguió completar la tarea. Prueban con la vista de mapa (les cuesta encontrar el botón) para buscar el Coliseo, pero la lupa les lleva a la página del monumento, no a su ubicación en el mapa. Prueban a deslizarse a través del mapa para buscar el Coliseo manualmente, pero no lo encuentran. No tienen forma de saber que el restaurante que van a reservar está cerca del monumento. Prueban a buscar el Coliseo de nuevo, fuera de la sección de restaurantes, por si en su ficha informativa aparecen restaurantes cercanos, y nada.

· Para la tarea de reservar un tour turístico al Coliseo les insisto en que es importante que tenga muy buenas opiniones para no jugársela. Navegando por ellas, intentan encontrar la vista clicable de todas las valoraciones, pero no tienen la opción. Sin embargo en la sección de restaurantes sí la tienen. Les gustaría poder clickar en las opiniones negativas del tour. Habría que reutilizar esa vista también en la sección de tours.

· Con la tarea de búsqueda de alojamiento económico cerca del metro acceden sin problemas desde el acceso directo de la Home. Tienen que volver a introducir la fecha de inicio y fin que han utilizado para los vuelos, les gustaría que por defecto TripAdvisor la mantuviese a modo orientativo. En esta tarea se encuentran con el mismo problema de la falta de un buscador dentro del propio mapa, no pueden buscar una estación de metro concreta. También les gustaría que en el listado apareciesen las estrellas que tiene cada hotel.

· Como tarea extra les pido que guarden varios alojamientos en favoritos y que accedan a ese listado de sitios que acaban de marcar con el corazón. Asocian que la lista debe estar en el menú “Viajes” de la tap bar porque tiene el icono del corazón, pero les cuesta encontrarla y coinciden en que debería llamarse “Favoritos”. Dentro tiene tanto viajes, como vuelos, como restaurantes… por lo que no le encuentran sentido a que solo se llame ‘viajes’.

Fuente: Freepik

Buscando soluciones

1.Home

Todos mis entrevistados coinciden en que hay una sobrecarga de información en la home y que preferirían que no existiese el scroll infinito actual, porque no lo suelen visitar y les genera mucho ruido.

Como solución a esto, he decidido simplificar la Home otorgándole más tamaño y presencia al buscador principal, manteniendo la opción de buscar cosas cerca de ti a través de tu ubicación GPS y el listado de servicios. Les parece interesante contar con estos accesos directos. Como observo que ninguno utiliza la lupa superior derecha para realizar sus tareas de búsqueda, decido suprimirla para evitar duplicidad de funcionalidades.

Como he mencionado antes, a través de una de las tareas observo que hay una inconsistencia en un copy de la Tap bar: La sección de Viajes pasa a llamarse Favoritos.

2. Reservar en un restaurante cercano al Coliseo (página detalle del Coliseo y listado de restaurantes)

Una de las tareas consistía en buscar un restaurante especializado en pasta cercano al Coliseo. Diría que es la tarea en la que más complicaciones tuvieron los usuarios puesto que no fueron capaces de resolverla correctamente. El problema es que no tenían forma de saber si el restaurante que estaban seleccionando estaba cerca del Coliseo o no por no contar con un buscador dentro del mapa para tener la referencia.

Para resolver este punto, he reformulado en primer lugar la página de detalle del Coliseo, donde considero fundamental que esté bien visible la opción de restaurantes cercanos. Más abajo muestro las mejoras en dos itinerarios distintos para completar la tarea.

Página detalle del Coliseo

Acceso desde la página detalle del Coliseo. He reformulado las tabs pasándolas a forma de botón, y he incluido la opción “Cerca de aquí”. Pinchando en ella, el usuario puede ver todos los servicios (Hoteles, Actividades, Restaurantes…) cercanos al Coliseo.

Como podéis ver en la imagen de abajo, he incluido la posibilidad de ver esta vista en modo mapa y la posibilidad de añadir filtros de búsqueda (nombre, radio de búsqueda, tipo de restaurante…).

Restaurantes cercanos al Coliseo y el flujo hasta acceder a los mismos desde la página de detalle.

Acceso desde la sección Restaurantes. A la hora de rediseñar esta sección he propuesto varias modificaciones:

· He dado mayor visibilidad al icono de los filtros cambiándolo a una posición fija. Considero que es muy importante para la selección de tipos de comida, un tema crucial para muchos usuarios.

· He creado un switch que permite cambiar de modo listado a modo mapa.

· He incluido la posibilidad de cambiar la ubicación para que aparezcan restaurantes cercanos a dónde elijas, y un buscador dentro del mapa para localizar un punto concreto y ver a qué distancia estás de él, como el Metro, por ejemplo.

Rediseño página principal de la sección restaurantes
Rediseño del flujo de filtros y cambio de modo lista a mapa

Como extra, durante una de las entrevistas surgió la idea de resaltar en el mapa los principales puntos de interés (Fontana di Trevi, Piazza di Spagna, etc.) para una mayor orientación espacial dentro del mismo.

3. Reservar un alojamiento

Para terminar, para solucionar el problema asociado a la reserva de alojamiento que salió a relucir en la entrevista:

· He incluido el número de estrellas de cada hotel en la miniatura en ambas versiones de los listados (lista y mapa).

· Le he dado más presencia al botón de filtros colocándolo arriba a la derecha puesto que tal y como está ahora en la app, a los usuarios les costó encontrarlo.

· He creado un botón switch como en la sección de restaurantes para cambiar del modo lista al modo mapa.

· He incorporado también la posibilidad de búsqueda dentro del mapa.

Conclusiones

Me ha resultado muy interesante ver cómo las personalidades de los entrevistados influyen directamente en la manera en la que interactúan con el teléfono y en las dificultades que encuentran. Rodri, por ejemplo, es muy nervioso y enérgico y así ha usado la app. Un torrente de ideas y de clicks al que costaba seguir. Javier y Alicia, mucho más serenos, han realizado las tareas a una velocidad menor y haciendo un ejercicio más pausado y reflexivo.

Esto me lleva a reflexionar acerca de lo enriquecedor que es contar con beta testers de personalidades, edades y perfiles variados.

¡Pues ya estaría! Si tienes cualquier sugerencia o duda me encantará leerte en los comentarios. 🎉

--

--

Elisa Naharro

UX UI designer · Visual Designer · Y muchas cosas bonitas ✨