No. No basta con decantarte por un buen diseño, publicar contenido de calidad y contar con una web responsive, si no ofreces una buena experiencia de usuario (UX), la tasa de rebote puede llamar fácilmente a tu puerta. Sin embargo, una UX de calidad puede conseguir que los usuarios se queden y que tus conversiones vayan en aumento.
¿Cómo conseguir una buena UX en tu web de viajes? Google puede servir de ayuda con su UX Playbook For Travel con consejos de buenas prácticas para Travel, en inglés, claro, que, aunque esté pensado para viajes, ofrece consejos interesantes para cualquier empresa del sector turístico, incluidos los tour operadores. Como nos parece interesante para ti, hemos decidido regalarte este resumen del UX Playbook For Travel de Google en español. 😉
Crear experiencias sin problemas a través del funnel
El Playbook de Google nació a raíz de observar cientos de webs de viajes y caer en la cuenta de que hay determinados elementos universales UX que sirven de ayuda a la hora de conseguir una buena experiencia de usuario. Este Playbook, que te recomendamos leer en profundidad, detalla elementos que te ayudarán a mejorar tu experiencia de usuario móvil en 6 áreas clave:
- Home/Landing Page;
- Búsqueda;
- Página de resultados: comparación y filtrado;
- Reservas;
- Registro y acceso;
- Post-reserva.
Checklist del UX Playbook For Travel en tu web móvil en las 6 áreas clave
Google te ofrece en su Playbook diversos apartados. Por una parte una checklist, con la que puedes ir comprobando de forma sencilla que estás cumpliendo con los diferentes puntos de mejora y, a continuación, detalles con diferentes ejemplos de varias webs de viajes para que lo veas más claro. ¿Cómo te lo contamos nosotros? Dividimos las seis áreas clave, exponemos la checklist en puntos y, acto seguido, te desvelamos los detalles más interesantes de este Playbook en cada una de las áreas.
Home/Landing Page
- CTA claro situado above the fold: recuerda que este término hace referencia al primer pantallazo, es decir, a lo que vemos en pantalla sin tener que hacer scroll, que es lo contrario a below the fold. Claro que este espacio no será igual en todos los dispositivos, pues, como sabes, no todas las pantallas tienen el mismo tamaño. ¿Qué hacer entonces? Lo más aconsejable es seguir los estándares;
- CTAs descriptivos;
- Apoyo de valor orientado al beneficio above the fold;
- Tamaños de fuente legibles;
- Mostrar las búsquedas anteriores: te servirá para aumentar el engagement, el tiempo de permanencia en la página y hasta la tasa de conversión.
- Autocompletar la localización actual;
- Si es relevante, contenido aspiracional y atajos para las ofertas above the fold.
Por otro lado, también resulta de interés mover la información de las cookies para la parte inferior de la pantalla, por ser más fácil de cerrar con el pulgar.
Búsquedas
- Detectar la localización actual y autocompletarla o permitir escribirla y autocompletarla tras los dos primeros caracteres;
- Resultados más relevantes a nivel geográfico, como los aeropuertos más cercanos y las búsquedas anteriores;
- Incentivos para registrarse, llamar o contactar desde el menú;
- Sección de ofertas en el menú.
El calendario de los vuelos también es una opción a mejorar, evitando los menús desplegables y decantándose por la opción de mostrar los precios directamente, así como las variaciones por fechas, algo que les vendrá muy bien a los usuarios que tengan flexibilidad para viajar.
Página de resultados: comparación y filtrado
- Espacios usados de forma eficiente: con iconos visuales, información concisa y la posibilidad de comparar ofertas fácilmente;
- Imágenes profesionales;
- Permitir ordenar y filtrar fácilmente;
- Utilizar la geo-información;
- Evitar los menús desplegables: mide la UX en el número de toques necesarios para completar la acción;
- Permitir guardar o compartir ofertas.
En lo que respecta a los resultados, no dudes en mostrar el número total e ir mejorando la percepción de velocidad mientras el site los está buscando. En el UX Playbook For Travel de Google enseñan ejemplos muy interesantes sobre cómo hacerlo. La localización también es un aspecto muy interesante en términos de usabilidad. Mostrar la distancia específica a un lugar y permitir la visualización o, incluso, la búsqueda en el mapa puede venirle muy bien a tu site. ¡Y no te olvides de las imágenes! Google aconseja permitir el desplazamiento entre imágenes y/o ofertas en el listado, así como usar imágenes Lazy Load y maximizar su visualización, evitando elementos que la bloqueen.
Reservas
- Propuesta de valor en cada punto del funnel, incluyendo los resultados de búsqueda y las páginas de ofertas;
- Precio final desde el inicio, con tasas e impuestos incluidos;
- Elementos de urgencia para dirigir las conversiones;
- CTA secundario que facilite el cross-device, como la opción de guardar para más tarde o enviar al e-mail, facilitando la opción de compartir links;
- Reseñas e influencia social informativa;
- Pasos y progreso de las reservas, especificando también el tiempo aproximado que llevará completar la reserva;
- Validación inline y campos completados de forma incorrecta resaltados;
- Autocompletado: suponen un 75 % en las tasas de completado en comparación con los que no tienen esta opción.
- Opción de guardar un vuelo durante 24/48 horas.
Los CTA flotantes o los que aparecen por partida doble también resultan recomendables, así como reasegurar la seguridad informando de que el proceso de pago es seguro a través de un CTA y hacer uso de la API de Google Places y la de Payment Request.
Registro y acceso
- Ventajas de registrarse o acceder comunicadas por adelantado, así como los beneficios de descargar la app o permitir las notificaciones.
- Mostrar las razones para descargar la app, registrarse o acceder;
- Acceso con redes sociales: aumenta las conversiones en un 53 %;
- Permitir reservar como invitado;
- Apoyar las acciones de cross-device.
Integrar el registro con un toque puede multiplicar las conversiones entre 2 y 4. Ten en cuenta también el acceso automático, que les permite a los usuarios acceder de forma automática cuando vuelven a tu sitio desde cualquier dispositivo o buscador, incluso tras expirar la sesión. El registro con solo un toque es igual de interesante, pues no interrumpe a los usuarios con una pantalla de registro y les permite acceder de forma segura y sin contraseñas a tu sitio protegidos por su cuenta de Google.
Post-reserva
- Acceso sencillo a la información relevante tras la reserva;
- Las FAQ al alcance de los usuarios: ubícate donde están tus usuarios para responder preguntas frecuentes y ofrecerles atención al cliente.
Mostrar en la Home las notificaciones clave, las actualizaciones y atajos a las categorías principales son excelentes opciones a considerar, así como facilitarles la vida a los que viajan por negocios mostrándoles sus reservas anteriores. Si lo ves factible, ofrece la posibilidad de cambiar el tipo de moneda y el idioma y permíteles a los usuarios guardar su tarjeta de embarque sin descargar la app, mediante PWA, e-mail, messenger, mensaje de texto…
Casos de éxito del UX Playbook For Travel
¿Funcionan realmente los consejos de Google? En el UX Playbook For Travel de Google se muestran varios casos de éxito en los que determinados cambios en la UX, marcaron diferencias importantes. Expedia, Travelodge, Transavia, Trivago, eDreams y HolidayCheck son los grandes protagonistas de esta sección. ¿Quieres conocerlos? Te contamos el resumen:
- Expedia: la mejora de la experiencia de usuario móvil los ha llevado a conseguir un aumento del 72 % en la tasa de engagement móvil tras hacer que las imágenes fueran ampliables.
- Travelodge: su éxito se debe, sobre todo, a campañas de Dynamic Search Ads y estrategias negativas orientadas a evitar el duplicado de pujas, que los llevaron a conseguir un 123 % más de CTR y un -78 % de reducción en el CPC.
- Transavia: Google Analytics 360 y Google Optimize tuvieron mucho que ver en el 5 % más de tasa de conversión promedio y en la reducción del 77 % de tasa de rebote que han conseguido.
- Trivago: su evolucionada web PWA ha presentado mejoras a diversos niveles, destacando el 150 % de engagement y el 97 % de aumento en clics a ofertas de hoteles.
- eDreams: 500 Landing Pages AMP destinadas a optimizar campañas de Adwords les ha servido para duplicar el Start Render y mejorar el tiempo de carga de la página de 11 a 5 segundos.
- HolidayCheck: lanzar páginas AMP responsive para su revista Away les ha permitido conseguir una media de carga 3G que fue desde 10 hasta 1 segundo y mejorar la performance de los vídeos a pantalla completa.
¿Sabías que…?
El método HEART de Google puede ser una buena opción para medir el éxito de tu UX y tu UI.
¿Y tú? ¿Ya tienes claro cómo aplicar los consejos de mejora de UX en tu web de viajes? Si no sabes por dónde empezar o necesitas ayuda, ponte en contacto con nosotros a través de los comentarios o de nuestro formulario de contacto. 😉
