UX Design 10 cosas que los sitios web de viajes pueden enseñarte

¿Alguna vez se le ha pasado por la cabeza que todavía puede crecer profesionalmente mientras planifica sus vacaciones? Sitios web de viajes populares, formularios de reservación y pago, planificadores de viaje y horarios de hoteles son excelentes fuentes para Mejora tus conocimientos en el campo del diseño de la experiencia del usuario..

Al seleccionar las mejores ubicaciones, hoteles y programar su viaje, es una buena idea prestar atención a lo que funciona y lo que no, lo que lo inspira y lo que lo hace saltar de inmediato a otro sitio.. Sus reacciones, deleites y aversiones son excelentes características de la eficiencia del diseño de la experiencia del usuario del sitio..

En este artículo puede aprender 10 lecciones sobre la experiencia del usuario que puede obtener de los sitios de viajes más populares..

La diferencia entre UI y UX

UX no es UI, es como un no escrito ley. Cuando lees sobre la usabilidad de un sitio web, debes pensar en su interfaz de usuario (UI). La interfaz de usuario es un conjunto de varios elementos visuales como los menús, botones e íconos que utilizan sus visitantes (haga clic en, haga clic en, haga clic en, toque en) cuando interactúan con su sitio web.

La usabilidad es una cualidad que describe la interfaz de usuario (UI). Usabilidad muestra la eficiencia de la interfaz de usuario como lo fácil que es usar un sitio web (capacidad de aprendizaje), Qué tan rápido los usuarios pueden alcanzar objetivos específicos (eficiencia), con qué facilidad pueden recordar sus recuerdos sobre la forma en que funciona el sitio (memorabilidad), y que agradable es usar (satisfacción del usuario).

La usabilidad es un aspecto de una noción más complicada llamada experiencia de usuario (UX). Experiencia de usuario Implica todo lo que afecta a la experiencia del usuario. - ya sea de forma negativa o positiva. Un buen UX satisface todas las necesidades de los clientes potenciales: buena facilidad de uso y muchas otras cosas.

Según la firma de investigación de experiencia de usuario Nielsen-Norman Group:

1. Dar a los usuarios un lugar para comenzar

En primer lugar, necesitas Dale a tus visitantes un lugar desde donde puedan comenzar.. Por lo general, es la página de inicio que recibe la mayor cantidad de clics, no solo porque es la entrada principal de un sitio, sino que cuando los usuarios provienen de un motor de búsqueda, el siguiente clic será la página de inicio..

Por lo tanto necesitas Ofrece un contenido atractivo y diseño en la página de inicio Si quieres mantener a tus visitantes en tu sitio..

La página de inicio de Booking.com demuestra que entienden bien las necesidades de sus clientes. Solo piensa en ello. ¿Qué quieres hacer en un sitio de viajes? O bien sabe dónde quiere ir y desea buscar las posibilidades lo más rápido posible, o no está seguro de la ubicación de su viaje y necesita algo de inspiración..

Booking.com colocó un formulario de búsqueda general en el lado izquierdo de su página de inicio para quienes estén seguros de su futuro viaje. Los visitantes no tienen que perder su tiempo navegando a través de contenido irrelevante. Esto los deja con una mayor determinación y una mayor confianza en sí mismos..

El espacio restante en la pantalla sobre el pliegue. Da mucha inspiración a los menos decididos.: tres imágenes grandes de lugares populares (Abu Dhabi, la ciudad de Nueva York y Dubai) proporcionan sugerencias, un flujo de AJAX sobre el “Solo reservado” viajes muestra lo que otros usuarios están haciendo actualmente, e incluso hay una pequeña sección que garantiza a los posibles clientes la política de cancelación gratuita.

En la página de inicio de Booking.com, todos obtienen el incentivo y los sentimientos positivos necesarios para seguir adelante con el sitio incluso antes de tocar la barra de desplazamiento..

2. Haz que tu navegación sea obvia

Si desea que los usuarios permanezcan en su sitio, debe proporcionarles una navegación obvia y fácil de usar.

La navegación de TimeOut.com es como una anfitriona inteligente: brinda a los visitantes una ayuda valiosa cuando la necesitan pero no les molesta. Si observa la imagen de abajo, puede ver que el sistema de navegación tiene cuatro elementos diferentes: una enorme barra de búsqueda fácilmente reconocible, un menú principal con elementos claramente definidos (Guías de ciudades; Cine; Música, Arte y cultura; Comida y bebida; Acerca de nosotros; Tienda Time Out), un bar de migas de pan bien diseñado y una barra lateral Listado de las ciudades más populares..

TimeOut diseñó su sistema de navegación de una manera tan intuitiva que brinda a los visitantes más incentivos para explorar el sitio. La pequeña miniatura justo al lado de cada elemento de la barra lateral da una clave visual, la breve descripción bajo el titular de Food & Drink asegura a los visitantes que están en el lugar correcto, las migajas de pan hacen que sea muy fácil seguir adelante, y la barra de búsqueda superior ayuda a los usuarios a saltar a la siguiente ubicación si están aburridos con la actual.

Cada elemento es compatible con los otros: un signo claro de un gran diseño de UX.

3. Usa imágenes de alto impacto

La siguiente captura de pantalla es de una de las páginas de perfil de restaurantes de TripAdvisor. Estoy seguro de que ya ha leído que las fotos de archivo no son una buena experiencia para el usuario: generalmente aburren a los visitantes y no los motivan a avanzar en el embudo de conversión..

La alternativa de las fotos de archivo es una imagen de alto impacto que provoca emociones fuertes en los usuarios. Y todos sabemos que el aumento de las emociones conduce a una mayor lealtad del cliente.

Los sitios web de viajes generalmente utilizan imágenes de alta calidad, pero TripAdvisor lo lleva al siguiente nivel al Animando a los usuarios a agregar sus propias fotos. a cada restaurante. De esta manera TripAdvisor condimenta su contenido con Imágenes generadas por el usuario que usualmente son más interesantes. para el visitante medio del sitio de viajes que fotos tomadas por profesionales.

La presión de los compañeros es una de las motivaciones más fuertes después de todo. TripAdvisor también Mantiene fresco su contenido visual. Añadiendo fotos de alto impacto tomadas por los usuarios..

4. Mantenlo simple

Por lo general, menos es más, por lo que siempre es una buena idea mantener las cosas simples y centrarse solo en la información relevante. El mundo está tan lleno de distracciones que sus visitantes seguramente se lo agradecerán si los salva de las pelusas innecesarias..

“Mantenlo simple” es el principio de UX que Lonely Planet aparentemente siguió en su página de inicio. los temas más importantes que intrigan a sus usuarios son dispuestas en una grilla ordenada de miniaturas atractivas Apoyado por titulares largos de una o dos palabras.

La página de inicio de LonelyPlanet es especialmente inteligente desde el punto de vista de la experiencia del usuario, ya que las miniaturas también sirven como navegación mientras dar a los usuarios una clave visual fácilmente comprensible.

La cuadrícula es sensible, por lo que funciona en todas las vistas.. En el tamaño de la tableta y el móvil, las miniaturas se ven como iconos de aplicaciones móviles que es un diseño familiar para todos los usuarios móviles, y la familiaridad también es algo que brinda comodidad a los visitantes, por lo que aumenta su compromiso con el sitio..

5. Usa los verbos de acción

Lo más probable es que estés familiarizado con los verbos de acción de los sitios de carreras. Los verbos de acción no solo involucran a los reclutadores en la búsqueda de currículos sino también en los sitios web que visitan los visitantes a través de la web..

La popular red social de alojamiento compartido, AirBnB, los utiliza en todas partes en su sitio.. Pertenecer a en cualquier sitio, Alquilar, Lista tu espacio, Descubrir lugares, Explorar el mundo, Ver donde la gente viaja, Compartir tu experiencia, etc.

Los verbos de acción son increíblemente eficientes porque mover usuarios de un estado pasivo a uno activo. Las experiencias positivas siempre requieren actividad en nombre del usuario; Es por eso que los parques de aventura son tan populares..

Después de todo, ¿qué recuerdas más? ¿Algo que hiciste solo o algo que acabas de leer en un libro? Ver? La interacción te atrae también. Entonces, si desea aumentar la experiencia de usuario de su sitio, no dude en usar verbos de acción donde sean apropiados..

6. Agilice sus formularios

Como Formas demasiado complicadas a menudo conducen a un abandono instantáneo. Lo más inteligente que puede hacer por la experiencia de sus usuarios es simplificar los formularios en su sitio tanto como sea posible. ¿Qué quiero decir con la racionalización??

Puede ver un excelente ejemplo si echa un vistazo al formulario de búsqueda universal de Priceline.com en su página de inicio. Los formularios de búsqueda de Priceline son oculto dentro de una práctica sección de navegación con pestañas horizontal.

Las pestañas contienen cinco formularios de búsqueda diferentes relacionados con las cinco áreas (Hoteles, Vuelos, Automóviles, Paquetes de vacaciones, Cruceros) en las que participa la empresa..

Lo realmente genial aquí es que los usuarios no tienen que preocuparse por las cosas que no les interesan, pueden saltar directamente al formulario de búsqueda que necesitan. Por lo tanto son no cargado con campos de datos adicionales, los campos de formulario se mantienen en un mínimo absoluto, lo que significa Mayor eficiencia, menor molestia y rápida comprensión. - la mejor experiencia de usuario.

7. Hacer impacto con historias personales

Puede aumentar la participación del usuario con el uso inteligente de historias personales, como si realmente lo estuviera experimentando, en la página de inicio de GoBackpacking.com.

Las aventuras de personas reales son siempre más interesantes que las de marketing excesivamente refinado.. Sus visitantes no quieren leer los mismos clichés agotadores que pueden leer en el sitio de su competidor, incluso pueden generar la misma imagen de bajo impacto por sí mismos después de todo.

Opiniones, calificaciones, comentarios dirigidos y moderados, estados, publicaciones de blogs, historias personales, recomendaciones, todo agrega personalidad a su sitio, por lo tanto introduciendo información de alta calidad con la que sus visitantes pueden conectarse emocionalmente.

GoBackpacking llena su página de inicio con historias personales de sus usuarios, lo que hace que los visitantes se sumerjan de inmediato en el contenido del sitio sin siquiera saberlo..

8. Incluir productos relacionados

Todos los grandes jugadores de comercio electrónico utilizan widgets de productos relacionados, recomendados y populares, por lo que no es una gran sorpresa que los sitios de viajes también se aprovechen de ellos..

HotelTravel.Com resuelve la tarea de una manera muy delicada y eficiente. Su motor de recomendación toma la ubicación que el visitante busca - En nuestro caso es Hong Kong, y muestra algo más. Opciones de hotel recomendadas por otros usuarios.. Los hoteles relacionados son también los recomendados, una solución 2 en 1 que siempre es una buena idea..

Los diseñadores de HotelTravel.Com dieron un paso más y colocaron el productos relacionados en un acordeón práctico que permite al usuario recomendaciones de grupo según cuatro criterios diferentes (Mejor valor, Mejor servicio, Mejor habitación estándar, Mejor ubicación).

Para hacer que el widget sea visualmente interesante, también se incluyen la calificación, el precio, una pequeña miniatura y una breve cita de la última revisión para Dar la máxima ayuda a los visitantes. Para decidir qué alojamiento se adapta mejor a sus necesidades..

9. Hablar sobre los beneficios

Mostrar a los visitantes los beneficios que pueden obtener en su sitio siempre es más fácil de usar que molestarlos con datos secos que los hacen quedarse dormidos.

En la página de inicio de Booking.com podemos ver una utilización inteligente de este principio de diseño de UX. En el lado derecho de la pantalla puede ver el “Por qué usar Booking.com?” sección que incluye seis beneficios todo esto está de acuerdo con los valores del viajero promedio (precio bajo, rango de elección de la tabla, facilidad de uso de la interfaz, sistema de revisión poblado, servicio al cliente de calidad y disponibilidad 24/7).

Por supuesto, estos valores están redactados de una manera más manera atractiva y viene con enlaces donde los futuros clientes pueden seguir adelante. los “Por qué usar Booking.com” el widget es de hecho La versión mejorada de la regular “Caracteristicas” sección de un sitio web promedio para pequeñas empresas, pero incluye muchos elementos de apoyo.

los iconos de colores, los enlaces resaltados y los datos específicos (como “701,118 propiedades en todo el mundo.”) todos hacen que los usuarios crean que están en un sitio web profesional en el que pueden confiar. los escaparate de lugares populares Desde Sydney a Dublín, en el lado izquierdo, y el pequeño widget del ReviewCentre de terceros, todos respaldan la experiencia y generan confianza..

10. Proporcionar prueba social

Cuando la gente habla de pruebas sociales, por lo general se refieren a widgets de redes sociales como Facebook, que también es un gran elemento de UX bien diseñado, pero la página de inicio de TripAdvisor proporciona un gran ejemplo. Cómo funcionan otras formas de prueba social..

El concepto de prueba social se basa en un principio psicológico que dice que las personas tienen más probabilidades de hacer algo. si ven a otros a su alrededor hacer la misma cosa. La validación externa es una gran motivación. para la mayoría de nosotros, los diseñadores inteligentes construyen pruebas sociales en sus sitios de manera que alienten a los visitantes a repetir el comportamiento de sus compañeros..

En TripAdvisor el atractivo contenido social está integrado en una pestaña de navegación útil Con tres secciones: Reseñas de hoteles, fotos hechas por usuarios y foros. El título del widget es “De que hablan los viajeros” cual es menos agresivo que el subtítulo promedio en sitios comerciales; por lo tanto, llama la atención del visitante a la vez.

La sección de Críticas de hoteles está diseñada de una manera inteligente que hace que el contenido sea fácil de digerir: una pequeña foto de perfil y el ranking del usuario que realiza la revisión, el nombre del hotel revisado, una breve cita de la propia revisión y un ícono de calificación que se adapta bien al diseño general del sitio.