Saraclip

Always learning about UX, Agile & Psychology

UX

Unificando el diseño de la ficha de alojamiento I

, , ,

Aunque por el Covid y las restricciones de momento el sector siga parado, nosotros seguimos trabajando y añadiendo nuevas mejoras. En este caso nos hemos centrado en la ficha de alojamiento. Para explicar el cambio antes tenemos que ponernos un poco en antecedentes.

En Centraldereservas.com por su funcionamiento tenemos la complejidad de que disponemos de 2 fichas «distintas» para cada alojamiento.

Para entender esto, vamos a hablar un poco de cómo estaban montados los distintos sistemas.

De donde venimos

Esto se debe a que por un lado tenemos lo que denominamos el portal (https://www.centraldereservas.com), con localidades (Barcelona) y alojamientos (Hotel Cordoba Center) muy optimizado en buscadores y en el SEO, y por otro lado el proceso de búsqueda, en el cual se lanza la búsqueda en el momento a todas las mayoristas para obtener presentar los precios actualizados (al cual no acceden buscadores).

Esta funcionalidad de búsqueda ha ido evolucionando con el tiempo. Al principio todo se realizaba en el listado de resultados, es decir, no existía ficha de alojamiento. Del listado se iba al formulario de compra.

Listado > Formulario de compra > Confirmación

Listado antiguo, donde se veía toda la información

En el listado se mostraba toda la información y precios de cada alojamiento.

  • ver los resultados de búsqueda
  • filtrar, ordenar, ver mapa…
  • seleccionar un alojamiento
  • ver sus características: galería, ubicación, mapa, servicios…
  • ver los distintos precios que tenía, solo alojamiento, con forfait, con otro tipo de paquete…. (no olvidar que en ocasiones hay más de 100 precios distintos en un alojamiento)
  • seleccionar un precio

Como os podréis imaginar cargar toda esa información en una búsqueda como Madrid o Roma podría ser bastante complejo, ya que para poder realizar acciones como el filtrado o el ordenado tenías que tener todos los resultados disponibles, a la par navegar, visualizar o comparar entre resultados…

Por otro lado, el hacer todo en la misma página, evitabas la complejidad de tener que estar navegando entre distintas pantallas (sobre todo en móviles).

Proceso de compra actual

Al pasar los años, se decidió cambiar la tecnología con la que operaba el proceso de búsqueda. Esto influyó en el proceso de compra, que aparte de adecuarse a la nueva imagen de marca, paso a tener un paso más, como la mayoría de la competencia:

Seguir leyendo «Unificando el diseño de la ficha de alojamiento I»

Cambios en la forma de presentar los precios

, , , ,

Siempre he pensando que una página web es igual al escaparate de una tienda, con la ventaja de que el espacio disponible para impactar a tus posibles clientes es el mismo para todos.

Ya seas Zara, Amazon o una tienda online de la nueva startup del momento, una vez que llega el usuario a tu web, tienes los mismos pixels disponibles para llamar su atención, para que su experiencia sea única.

Por ello, en Centraldereservas.com hemos querido evolucionar y aprovechar al máximo el espacio que disponíamos para mostrar mejor la información en el proceso de búsqueda de alojamiento.

Analisis competencia

En este caso nos centramos en la visualización en escritorio de la ficha del hotel, y es que aunque el 65% de tráfico venga de móviles, la mitad de las reservas siguen finalizando en el ordenador.

Hace una semanas además, como ya comentamos, se añadieron más precios en cada alojamiento mostrando distintas políticas de cancelación, para que asi el usuario pudiera elegir lo que más le conviniera.

Diseño nueva ficha

Os resumo algunos de los principales cambios:

Seguir leyendo «Cambios en la forma de presentar los precios»

Interacción con las políticas de cancelación en la ficha

, ,

Hace unas semanas subimos unos cambios en temas de política de cancelación en la ficha del alojamiento para ofrecer distintas posibilidades de precios en base a la fecha de cancelación asi como tener informado al cliente al máximo posible ya en este paso.

Como os comenté en el post anterior que hablábamos sobre una mayor flexibilidad a la hora de reservar, en la incertidumbre que vivimos, con cambios en nuestras libertades de un día para otro, el factor decisivo a la hora de seleccionar toma de decisión, es disponer de opciones de cancelación lo más amplias posible, si puede ser hasta la fecha de entrada.

Para ello en Centraldereservas.com hicimos un cambio a la hora de procesar los distintos precios que recibimos de un alojamiento, mostrando distintas posibilidades: no reembolsable o con cancelación gratuita en base a distintas fechas.

Tarifas flexibles

Como veis en la captura, el precio cambia en cada opción. A menor precio, más restrictiva la política de cancelación, y a mayor precio menos restrictiva. Si os fijáis, en algunos se ve la fecha y en otros no. Esto se debe a que trabajamos con más de 20 mayoristas distintas, por lo que para cada búsqueda se reciben y comparan todas las respuestas buscando la mejor opción para el usuario. El problema es que las mayoristas a veces no mandan la información de la misma forma y por ello, no siempre se pueden mostrar los mismos datos.

Estado normal

Hasta hace poco no podíamos mostrar la fecha en este paso de la ficha, se veía solo «Cancelación gratuita». Para poder ver la fecha había 2 opciones: pulsar en el enlace «¿Si cancelo?» donde se tenía que hacer otra petición a la mayorista para poder obtener esa información, o avanzar un paso en el proceso, para ir al formulario.

Se ha trabajado mucho para poder obtener ese dato y que este fuera % fiable, siendo una gran mejora el para el usuario.

A veces, a pesar de todo el trabajo realizado para obtener el dato más fiable, no siempre la información que se recibe al realizar la segunda petición es igual a la que se muestra o incluso, no llega nada de información. Os cuento por qué:

Seguir leyendo «Interacción con las políticas de cancelación en la ficha»

Mayor flexibilidad a la hora de cancelar

, , , ,

Antes del Covid, si le preguntabas a nuestros clientes qué les impulsaba a reservar en un sitio u otro, el 99% te respondería que el precio. Es decir, ante 2 ofertas por el mismo alojamiento, con el mismo régimen y tipo de habitación, elegían muchas veces la más barata, la no-reembolsable.

Ofertas de hoteles

Esto se debía a que pensábamos que vivíamos en un «falso» clima de certidumbre total, cuando no era así, como la llegada del Covid ha demostrado.

Pero esto ha cambiado drásticamente y durante todo el verano, analizando los datos hemos observado que:

  • La antelación de compra ha descendido
  • El número de noches por viaje es menor
  • Se busca la mayor flexibilidad en la cancelación, hasta el mismo día de entrada
  • Se prefiere por ello el pago en el alojamiento (pensando que asi, no se paga sino se va)

Todas las empresas hacen eco de ello, sabiendo que sino ofrece lo que el cliente necesita pocas reservas van a obtener, pasando en muchos casos, esta flexibilidad de ser un servicio de pago a ser gratis.

Lo que era una servicio premium, de pago, ahora es gratis.

Flexibilidad en la cancelación

Como sabemos que ahora el foco de toma de acción, el «driver» que desencadena a la decisión de compra, ha cambiado del precio a la posibilidad de elegir una mayor flexibilidad, en Centraldereservas.com se ha priorizado ofrecer el mayor número de opciones posibles para que asi el usuario pueda elegir la que más le convenga.

Tarifas flexibles

Para conseguir poder mostrar estas nuevas políticas de cancelación, la parte más complicada ha sido cambiar la forma en la que se procesan los resultados que se muestran. Para ello hay que conocer un poco cómo funciona el proceso de búsqueda.

Seguir leyendo «Mayor flexibilidad a la hora de cancelar»

Diseñando para usuarios internos II

, ,

Continuando con el post anterior, como decíamos los usuarios internos de nuestro producto, compartían funcionalidades básicas con los clientes, pero aparte necesitaban ver otro tipo de información y realizar otro tipo de acciones.

Aparte, había que tener en cuenta que no todos los usuarios internos compartían el mismo perfil.

Es decir, no son las mismas necesidades las de un agente de Call Center que de una persona que trabaja en temas más relacionados con las mayoristas.

Algunas funcionalidades compartidas entre clientes y usuarios interno:

  • Lanzar búsqueda por destino, alojamiento, días, nº personas, nº habitaciones o casas…
  • Ver resultados y seleccionar uno: filtrar, ordenar, modificar búsqueda, mapa, ver fotos, ver opiniones…
  • Finalizar la compra: introducir datos, añadir extras o seguros, elegir métodos de pago, proceso de pago, ver proceso finalizado…

Funcionalidades propias de los usuarios internos:

  • Mayoristas que han respondido a la búsqueda, mayoristas que han dado time-out
  • Poder marcar si una mayorista o varias están dando errores en 1 alojamiento o en varios
  • Ver más datos del alojamiento
  • Añadir información especial al alojamiento, poder modificarla y verla
  • Distinguir entre habitaciones mapeadas y no mapeadas
  • Ver la mayorista en cada opción de precio
  • Ver más información relativa a los precios y tarifas
  • Añadir información reserva, modificar precio, ver otras preferencias…
  • Mandar presupuestos
  • Otras modalidades de pago
  • Reportar fraude
  • …

También había que sumarle la dificultad de qué estamos hablando de usuarios que llevaban años trabajando con la misma interfaz y que iban a cambiar a una nueva (y ya sabemos que eso no siempre se lleva bien…). En el nuevo sistema había elementos muy similares a lo antiguo, pero otros procesos habían cambiado, con lo cual queríamos integrarlos en el desarrollo para que sintieran el proyecto igual de suyo que el equipo técnico.

Seguir leyendo «Diseñando para usuarios internos II»

Diseñando para usuarios internos I

, ,

Como ya sabemos un mismo producto puede tener distintos tipos de usuarios con necesidades completamente distintas. En algunos casos, se convierten en diferentes ramas verticales del negocio, con desarrollos completamente independientes, y otras veces se personaliza o se realizan desarrollos especiales.

En nuestro caso, usando el proceso de compra tenemos 2 perfiles principales clientes y agentes de viajes.

Para entender un poco mejor el contexto, hace 2 años teníamos la siguiente situación:

  • Los agentes estaban trabajando con un proceso de reservas muy antiguo, el cual tenía todas las funcionalidades que necesitaban, pero que visualmente era completamente distinto al que usaban los clientes, con una imagen de marca completamente desfasada de la actual (hacía unos años se había cambiado la imagen corporativa de la empresa). Este sistema, debido a otras prioridades, no recibía apenas mantenimiento ni soporte.
  • Los clientes realizaban las reservas con un sistema más moderno, que no cumplía con las nuevas necesidades de desarrollo. Recibía soporte dado que era el proceso principal de venta, pero no el adecuado.

Es decir, teníamos 2 sistemas completamente distintos que si se quería seguir introduciendo mejoras, o arreglar errores que pudieran surgir, había que mantener de forma independiente, realizando 2 veces el trabajo. Esto, era insostenible.

Sistema antiguo de agentes

Por ello, durante 2 años se ha cambiado la tecnología del proceso de reserva, con la idea de separar y abstraer toda la parte de presentación del motor de reservas (integración con mayoristas, algoritmo de precios, cobros…)

Seguir leyendo «Diseñando para usuarios internos I»

UX, turismo y Covid

, , ,

Uno de los sectores más impactados directamente por el Covid ha sido el turismo. La restricción de movimiento ha llevado a una cancelación masiva de reservas de alojamientos y transportes, y una bajada de reservas nunca vista hasta entonces, en un periodo en el que más ganancias hay: Semana Santa y verano.

Asi mismo, la incertidumbre total sobre cómo se van a desarrollar los acontecimientos, el miedo a futuros brotes o el estado de la enfermedad en los distintos países, impide que la gente se atreva a reservar en fechas futuras sin tener cierta seguridad.

Las distintas empresas de turismo en España se han tenido que ir adaptando a las distintas situaciones que han ido sucediendo desde que el virus llegó, en un ambiente donde la falta de información y de preparación por los gobiernos ha sido evidente y donde el exceso de información debido a las redes sociales hacía reinar la desconfianza de la veracidad de ella.

Cada empresa ha tenido que decidir qué hacer y cómo comunicar sus acciones. Y ahi es donde se ha visto la diferencia.

Saraclip

Por ejemplo, al inicio, 2 grandes OTAs, Booking y Expedia, empezaron a cancelar sin coste incluso las reservas no reembolsables a los clientes que habían reservado en sus plataformas. Una medida que puede parecer lógica, pero que supone un problema grave para muchos hoteles, sobre todo si se hace sin tener en cuenta a los hoteleros.

Lo que esta claro es que después de estos meses en casa, estamos todos deseando viajar y las empresas de viaje lo saben. Habrá menos dinero y será poco sensato, pero unos días de vacaciones todo el mundo parece estar necesitándolos, sea estar tumbado en la playa o paseando por el monte.

El turismo nacional cobra importancia, asi como los seguros, una cancelación flexible y ayudas en la financiación. Pero ¿cómo trasmiten esto a los clientes las distintas empresas?

Cancelaciones más flexibles

Debido a la incertidumbre actual los clientes están buscando políticas de cancelación lo más abiertas posibles.

Airbnb, por ejemplo, ha respondido al coronavirus con una nueva política de reservas, con cancelaciones más flexibles en sus viajes y ofreciendo «reembolsos adicionales», dando más promoción a aquellos destinos que se hayan visto más afectados por las cancelaciones y renunciando a la tarifa de servicio del 3% en las reservas que se lleven a cabo hasta el 1 de junio.

Logitravel en su home se está centrando en ofrecer seguridad al usuario con cancelaciones flexibles. Por ejemplo, en la home vemos como destacan en los banners, lo poco que debes pagar ahora para reservar esa viaje, y la cancelación flexible.

Seguro viaje
Seguir leyendo «UX, turismo y Covid»

Diseñando hábitos en los usuarios

, , , ,

En el Growth Hacking, el paso de la retención dentro de la conocida métrica pirata «AARRR» es uno de los más importantes. Me parece super interesante porque lo veo totalmente ligado a la experiencia de usuario.

Metrica pirata AARRR

Es decir, la retención o recurrencia de usuarios en productos digitales hace referencia a la capacidad de ese producto para conseguir que los usuarios vuelvan a utilizarlo durante un periodo de tiempo.

La retención nos indica de forma directa el valor que aportamos a nuestros usuarios

Si un producto no ha satisfecho las expectativas del cliente, no funciona como esperaba, no me gusta el servicio que me dan, o la usabilidad es tan mala que es imposible de utilizarlo, la retención se verá disminuida. En cambio, si lo utilizó más de una vez al día, o a la semana, será que me satisface mis necesidades, teniendo una retención alta.

Podemos hablar de retención de usuarios o de clientes, siendo la única diferencia que en el segundo caso, es que han pagado por el servicio, por lo cual tiene un motivo mayor para volver.

Lógicamente no todos los servicios pueden tener la misma retención ya que el usuario no tiene la misma necesidad. Un ejemplo, si solo me voy de viajes 2 veces al año, solo uso la web o la app de viajes en esos momentos, mientras que si hago la compra en un supermercado online, estaré usándolo cada semana. Esto se llama frecuencia de retorno.

Este valor dificultará en gran medida la creación de hábitos en mis consumidores, por ello lo más importante es la experiencia generada y el valor percibido.

Es muy importante que la primera experiencia de uso sea alucinante

Nuestro cerebro es una máquina super potente, la cual, como hemos hablado en muchas ocasiones funciona mediante diferentes hormonas, impulsos eléctricos… Cuando el sistema límbico evolucionó nos dio 2 poderosas herramientas: el aprendizaje y la memoria, permitiéndonos ser mucho más capacitados en nuestras opciones de supervivencia, desarrollando respuestas adaptadas a cada situación en vez de reacciones automáticas.

Creando hábitos

Eso nos ha permitido desarrollar hábitos, acciones que repetimos frecuentemente de forma inconsciente. Estos automatismos liberan capacidad del cerebro para procesar nuevas o más complejas tareas.

La gran ventaja es que estos hábitos puede automatizarse, por lo que podemos matchear hábitos que ya tienen los usuarios con nuestro producto para que lo asocien pre-programándoles, o crearles nuevos.

Los hábitos se basan en 3 variables:

  1. Dificultad
  2. Número de repeticiones
  3. Satisfacción

A más sencilla la tarea, menos repeticiones tendrá que realizar el usuario y menos tiempo le costará generar ese hábito. Asi mismo, a mayor satisfacción, más fácil será que asimile o automatice este hábito. Esta es la causa de que los videojuegos en sus primeras niveles, sean super sencillos, para enganchar al usuario.

Es más fácil modificar un hábito que ya existe, que generar un hábito nuevo

Crear un hábito puede llevar a 10, 20 o más repeticiones. Por eso la mejor manera de conseguir que los usuarios vuelvan a nuestro producto es buscar que hábitos tienen ya los usuarios y buscar cómo cubrirlos. Debemos generarles valor desde la primera visita, siendo muy importante que en el onboarding ya realicen la acción principal.

Seguir leyendo «Diseñando hábitos en los usuarios»

«Ahá moment” y el “Wow Effect”

, , , , ,

Hay dos momentos clave durante la primera experiencia con nuestro producto que nos ayudarán a conseguir que los usuarios se enganchen: el «Ahá Moment o Eureka Effect» y el «Wow Effect«.

En ambos momentos, se trata de “jugar” con las expectativas y emociones del usuario sobre nuestra aplicación, regalar su ego y diseñar momentos para sorprender al usuario.

Y es que la sorpresa, es una emoción super potente para crear vínculos emocionales durante el aprendizaje de un producto. Cuando usando alguna aplicación te ha gustado algo, o has sentido un subidón, eso ha sido diseñado aposta para que lo experimentes asi.

«Ahá moment» o «Ahhhhh»

Es también conocido como «Eureka Moment» debido a la historia sobre el griego Arquímedes. En ella un local le pide que le dijera si una corona era de oro puro. Estando en una baño público, Arquímedes notó que el agua se desplazaba cuando su cuerpo se metía, pero lo que es más importante, que el volumen de agua desplazada era igual al volumen de su cuerpo sumergido en el agua.

En ese momento supuestamente saltó y corrió a casa desnudo, gritando εὕρηκα (eureka, «¡Lo he encontrado!»), ya que había descubierto cómo medir el volumen de un objeto irregular, resolviendo así el problema del rey.

Como ves se refiere al momento que seguramente has vivido muchas veces en el que comprendes algo, que hasta ese instante parecía un misterio. En ese momento nuestro ego está elevado, nos creemos Dios, lo que nos llena de satisfacción.

No es fácil conseguir esto en los usuarios, por lo que diseñar es «Ahá moment» es un arte. Te cuento un pequeño truco:

Seguir leyendo ««Ahá moment” y el “Wow Effect”»

First User Experience (FUX) y onboarding

, , , , ,

Estamos diseñados para estar alerta ante una situación novedosa. También y aunque no nos demos cuenta, emitimos juicios de valor a todo velocidad. En cuestión de segundos decidimos si nos cae bien alguien o no.

Por eso es muy importante que en esa primera cita del usuario con nuestro servicio o producto, en esos primeros minutos que nos dedica, le causemos la mejor impresión.

Solo se puede dar una buena primera impresión.

Los primeros minutos son oro puro, seguramente nunca tendremos tanta atención por su parte, con todos los sentidos en averiguar que hacemos, qué somos, que le ofrecemos…

Y es que si un usuario no entiende “qué hace” nuestro producto no va a volver, no la va a usar y por supuesto nunca va a comprar.

Diseñando un buen onboarding

El usuario llega a nosotros con un dolor, una necesidad que tenemos que resolver de la mejor forma posible. Por ello, y más cuando nuestro producto es más complejo, es muy importante diseñar un buen proceso de onboarding (proviene del inglés significando «incorporación», «embarcar», «a bordo»)

Debemos llevar al usuario en brazos para enseñarles las acciones más importantes de nuestro producto. No es lo mismo un producto de ocio que uno profesional, pero en general, cuanto más rápidas y sencillas sean de aprender, menos dolorosa será la curva de aprendizaje y más dispuesto estará a seguir profundizando en él.

Así mismo, lo ideal es que estás acciones sirvan como gancho para que quiera volver a usarlo. Por ejemplo, si en Twitter escribe su primer tweet, y alguien le da a me gusta o lo retuitea, le mandaremos un email diciéndoselo para que tenga curiosidad y vuelva a entrar a ver qué ha pasado.

Es como un partido de tenis, donde mediante acciones, te vas pasando la pelota con el usuario. Si en algún momento no te responde es que has perdido.

Construye un buen onboarding

  1. Genera confianza: elimina aquellos elementos que a primera vista puedan molestar al usuario, pregunta a 10 personas que miren tu producto durante unos segundos a ver si lo entienden.
  2. Acentúa lo importante: ¿Qué quieres que haga el usuario?
  3. Elimina barreras: ¿Qué quieres que no haga?
  4. Simplifica etapas: hazlo lo más sencillo posible, menos pasos para que el usuario perciba valor mejor, ¿necesitas pedirle esa dato en este momento tan mágico?

Si tu proceso es complejo o tienes muchas acciones, céntrate solo en las más importantes. Normalmente hay una «Key action» que queremos que haga si o si (por ejemplo en Twitter es que sigan a otras personas).

Seguir leyendo «First User Experience (FUX) y onboarding»
Scroll hacia arriba