UX – Product design

Mejorando el uso del login

En Centraldereservas.com si estás logueado al hacer tus búsquedas obtendrás mejores precios en muchos casos. Otra ventaja especial es que al hacer una reserva almacenarás un % en el monedero, que puedes luego descontar en la compra siguiente o el evitar rellenar el formulario de compra ya que se te precargaran tus datos e incluso la tarjeta si la tienes guardada. Igualmente te será más fácil acceder a tus reservas desde el área privada, que estar rebuscando en tu servidor de correo, el email de confirmación que te llegó hace 3 meses.

Estás son algunas de las ventajas que hay, pero seamos sinceros: navegamos por un montón de sitios webs y no nos acordamos ni si somos usuarios de tal sitio, o menos aun de la contraseña que hemos puesto, a no ser que las tengamos almacenadas en el navegador o en algún gestor de contraseñas.

Por ello se ha querido facilitarle la vida al usuario en el paso del formulario, ya que logueándose en ese momento aun puede tener una mejora en el precio, aparte de las otras ventajas ya mencionadas.

Este es un ejemplo del formulario que teníamos, donde ya resaltábamos la ventaja de la acumulación de monedero:

El primer cambio que hicimos fue mostrarle un aviso si reconocemos ese email como uno de nuestros usuarios con un link para abrir la modal donde te puedes loguear.

Sacando datos de los emails que se metían, 11,39% eran usuarios registrados, y solo un 8,19% de las veces que salía el mensaje se hacía clic en él.

Seguir leyendo «Mejorando el uso del login»

Cambio visual en las acciones en la vista móvil listado

Se ha subido un cambio para dejar más espacio a los resultados en el listado en móvil, ya que tras los últimos cambios ocupaba gran parte de la pantalla las acciones (mapa, filtros, ordenar, precio total/noche, y compartir) y en móviles no muy grandes era difícil ver varios alojamientos (y si ya le sumamos las cookies y la vista del navegador…):

Mejora realizada

Se va a ver asi:

  • En la vista inicial ven todos los valores y lo que significa cada acción
  • Al hacer scroll pasan a verse solo iconos, los cuales son bastante conocidos
  • Si se aplican filtros, se siguen viendo los filtros aplicados, para permitir asi una rápida eliminación
  • Si suben arriba ven la vista completa, pudiendo ver por ejemplo si han cambiado el ordenar a «Precio más bajo»

Esperemos que os guste!

Todos los derechos son de Centraldereservas.com. Queda prohibida totalmente la reproducción parcial o total de las imágenes.

Diseñando la nueva herramienta interna

Como comentaba hace meses, llevamos este año y parte del anterior trabajando en el desarrollo de una plataforma interna para mejorar la gestión del trabajo de los agentes.

Es una herramienta que va a sustituir a otras que llevan desarrollándose desde los inicios de la empresa para los agentes de atención al cliente, los cuales la van a estar usando todos los días de la semana, 24 horas al día (disponemos turnos de trabajo para atender a los clientes de todo el mundo). En este post os contaba cual es la metodología de trabajo que hemos aplicado, teniendo en cuenta lo difícil que resulta a veces el cambio para muchas personas.

Aunque uno de los principales objetivos es que funcionase bien en cualquier dispositivo, incluido móvil, los agentes trabajan siempre con un ordenador y en pantalla grande debido a la gran visualización de datos que procesan. Por ello me voy a centrar principalmente en el diseño de escritorio.

Elegimos una estructura basada en 4 elementos:

  1. Barra superior con información relacionada con la centralita
  2. Menú principal desplegable a la izquierda
  3. Menú secundario desplegable a la izquierda
  4. Zona central de trabajo

Ambos menús pueden plegarse por completo dejando la totalidad de la pantalla para trabajar, pero tienen una diferencia, ya que los iconos del menú principal están siempre visibles en una barra latera, y pasando por encima se despliega el menú, mientras que el de la izquierda se oculta por completo.

Seguir leyendo «Diseñando la nueva herramienta interna»

Nuevo comportamiento del zoom en el mapa y los filtros

Aunque no es la mejora que buscábamos y que comentábamos en el anterior post (otras prioridades han venido), esta semana hemos sacado un cambio en la utilización del mapa y los filtros.

Se suelen ver 2 formas de interactuar entre un mapa que muestra resultados y los filtros que nos ayudan a encontrar lo que buscamos:

  1. El mapa siempre intenta mostrar todos los resultados que haya dentro de esos filtros. Y si he hecho zoom, me lo actualiza para visualizar todos los resultados.
  2. El mapa se queda fijo aunque se cambien los filtros, pudiendo no mostrar ningún resultado.

Pues bien, en www.centraldereservas.com siempre se ha priorizado el ofrecer resultados al usuario. Una muestra de ello, es que si una población no hay disponibilidad, se amplia el radio (lógicamente hasta un cierto límite) para ofrecerte alojamientos cercanos.

Por eso nuestro comportamiento del mapa, era el del punto 1. Te explico, el usuario hacía una búsqueda Zaragoza y le salían unos 200 alojamientos de todo tipo, hacía zoom para acercarse al centro, ya que quiere alojarse cerca de la plaza España y el Pilar, y seguía viendo que le aparecían muchos alojamientos. Por ello se pone a filtrar a ver que es lo mejor que puede encontrar para su presupuesto: 3, 4 estrellas, con desayuno… y de repente, bam!! el mapa ya no le muestra la zona centro sino que le muestra todo Zaragoza.

Eso resultaba muy molesto, tanto a clientes como a agentes que están haciendo el mismo proceso con un posible cliente al teléfono. Asi que lo hemos cambiado, manteniendo el nivel de zoom.

Y si filtras se mantiene el zoom, mostrando los resultados:

Pero si no hay no se muestra nada, aunque sigue viendo la columna con los filtros aplicados en desktop, y las pastillas azules encima del listado (si está en la vista combinada), y en la vista móvil un indicador (2) al lado de los filtros para saber el nº de filtros aplicados.

Seguir leyendo «Nuevo comportamiento del zoom en el mapa y los filtros»

¿Cómo se usa el mapa en la búsqueda de un alojamiento?

En www.centraldereservas.com llevamos unas semanas mejorando el proceso de búsqueda de alojamiento con el mapa. El verano de 2022 conseguimos dar una gran salto y mostrar una vista combinada de alojamientos y mapa (antes teníamos la vista listado o la vista mapa).

Listado y mapa

El objetivo del cambio fue aprovechar que cada vez tenemos pantallas más grandes lo que nos permite la vista combinada de varios elementos, pudiendo elegir el usuario la vista que más le gusta para ver los resultados.

Google Hotels y Airbnb, muestran esta vista cuando un usuario busca un alojamiento. Nosotros por motivos de negocio no podemos ofrecerla directamente sino que deben pasar previamente por la vista listado.

¿Qué sucede cuando el usuario está con el mapa?

Pero vamos a centrarnos en qué pasa una vez que el usuario ha abierto el mapa. Normalmente se muestra con un nivel de zoom que engloba todos los alojamientos de la búsqueda seleccionada. Por ejemplo si hago una búsqueda en nuestra web de «La Manga del Mar Menor» veré lo siguiente:

Pero si te mueves un poco a ver alguna población cercana ves el vacío en el mapa, :cross_mark: cuando la competencia vemos que muestra una mejor experiencia de usuario, presentando resultados o al menos indicándole al usuario qué sucede.

En nuestra web si quieres ver algún resultado, tienes que ir lanzando la búsqueda de población en población lo cual es un proceso lento y tedioso para usuarios y agentes.

Qué hace la competencia

Google Hotels, Airbnb y Booking tienen lo que para mi es ideal: al mover el mapa automáticamente van apareciendo los markers con los precios en las nuevas zonas, aunque no sea donde hayas buscado. Aunque no todos funcionan de la misma forma:

Seguir leyendo «¿Cómo se usa el mapa en la búsqueda de un alojamiento?»

Mejorando el proceso de compra para clientes internacionales

Hay veces que pequeñas mejoras hacen una gran diferencia. La semana pasada subimos un gran cambio que supone una mejora para nuestros clientes internacionales. Y es que aunque siempre hable de la web en castellano, www.centraldereservas.com, no hay que olvidar que disponemos de otros portales enfocados a otros mercados. En concreto 5: inglés, francés, alemán, italiano y portugués, bajo el dominio de reserving.com.

Estos portales iban muy enfocados al país de destino (SEO, contenidos, marketing…), por ejemplo, el portal francés iba enfocado a Francia y el inglés a Reino Unido. Pero con la llegada de Google Hotels, todo ha cambiado.

Ahora, gracias a todos los esfuerzos realizados, gran porcentaje de reservas entra por ahí, y muchas son de carácter internacional. Nuestros clientes viene de distintos países, y muchos de ellos entran al portal inglés.

Antes, para facilitar el proceso de compra, ciertos campos del formulario estaban pre-rellenados en base al portal de origen. Por ejemplo, el prefijo del teléfono o el país, en el portal español, estaba el de España, o en el portal francés el de Francia.

Seguir leyendo «Mejorando el proceso de compra para clientes internacionales»

Trabajando en un proyecto interno

Hola, se acerca el final de 2022 y la verdad es que con la peque poco tiempo he podido dedicarle al blog. Justo me llega para poder leer algún libro o post!

En el trabajo además llevamos casi todo el año centrados en desarrollar una herramienta interna para los agentes, con lo cual tampoco he ido publicando contenido aun porque se ha hecho mucho trabajo de investigación y análisis con los usuarios, de estudio de campo para ver como trabajaban con las herramientas actuales, entrevistas, encuestas, tests probando los que íbamos desarrollando…

Además aunque hay elementos compartidos con el sistema de diseño de la web para el público www.centraldereservas.com, otros componentes son totalmente nuevos, asi como la interfaz ya que no tienen nada que ver las necesidades de un sitio con las del otro.

Aunque aun queda mucho trabajo por hacer, estamos todos muy contentos con el resultado, tanto los desarrolladores como los usuarios.

Para que os hagáis una idea de la magnitud del cambio, esta nueva herramienta va a sustituir a algunas que llevan en la empresa desde casi sus inicios, con casi 15 años de desarrollo. Son sistemas que están usando tecnología que ya no tiene soporte, y como imaginareis la parte visual no está pensada para móviles o tablet, con lo cual dificulta su acceso con otros dispositivos que no sea ordenadores con pantallas grandes (dada la magnitud de la cantidad de datos que se muestra).

Asi mismo, poseen una complejidad y una interfaz tal, que la curva de aprendizaje es muy elevada, habiendo dificultades para que incluso los usuarios que más tiempo llevan usándola la empleen de la misma forma, por no decir, que imposible sacar datos y estadísticas para mejorar los tiempos de ejecución de tareas.

Seguir leyendo «Trabajando en un proyecto interno»

Pidiendo la nacionalidad

En algunos países, los alojamientos nos piden que les mandemos la nacionalidad de los viajeros en el momento de hacer la reserva. Para ello hemos añadido este nuevo campo en el bloque que disponíamos en el formulario sobre la información de los viajeros:

Al clicar se despliega un listado de nacionalidades:

Hemos puesto arriba los 2 países que más nos compran. Una de las mejoras que queremos hacer es que detecte por IP en que país estás y ese sea el primero que se vea.

Asi mismo para ciertas nacionalidades hay que usar unas credenciales específicas a la hora de pedir precios a los mayoristas. Gracias a este nuevo campo, podemos saber si el precio ofrecido es el correcto para esa nacionalidad y sino mostrarle el correcto.

Aquí aun dependemos de otros sistemas para seguir mejorando y ofrecer el precio correcto al cliente y que luego no haya sustos cuando llegue al alojamiento. La verdad es que es un poco triste que según que nacionalidad se tenga te cobren una cosa u otra, pero bueno, es lo que hay.

Todos los derechos son de Centraldereservas.com. Queda prohibida totalmente la reproducción parcial o total de las imágenes.

Haciendo el check-out más sencillo

¿A qué todos odiamos rellenar formularios? Sin duda, ver un formulario enorme en una página web o app, hace que tiemble más de una persona, y más si es lo único que se interpone ante lo que quieres comprar. Y es que normalmente para poder realizar una compra online, es indispensable meter algún dato, y eso se hace con formularios.

Aparte de ser odiados por los usuarios, según como hagas tu proceso de check-out puede hacer que empeore tu conversión. Inviertes un montón de tipo (y dinero) en anuncios, hacer una web preciosa, con una home y unas páginas de aterrizaje alucinantes, una ficha de producto con unas fotos preciosas y un montón de información útil, y cuando el usuario intenta comprar la experiencia se convierte en una pesadilla.

Este proceso es tan importante que Amazon es famoso por realizarlo en 1 solo paso:

Pero para llegar a este punto, antes previamente tienes que haberte registrado, y haber metido unos datos como la dirección o la tarjeta. Aparte de estar logueado en el proceso de la compra para que te reconozca como ese usuario.

Y aunque muchas empresas para reducir esta fricción en el proceso de pago, te ofrecen registrarte, guardando asi los datos para futuras compras… Esto es muy bonito, pero a no ser que seas un usuario recurrente no sueles darte de alta. A nadie le gusta estar dejando su tarjeta por ahi almacenada… Otra cosa es que te obliguen a registrarte para hacer la compra, lo cual debería estar prohibido je je!!

Por ello es importante que el proceso de pago sea lo más sencillo posible, sin saturar al usuario con mucha información. Y si necesitas que rellene ciertos datos, ir pidiéndoselos poco a poco, ya que si se los pides de golpe le va a dar pereza, y puede que ni comience el proceso, pero si los va rellenando poco a poco, psicológicamente se va a sentir más tentado a acabar lo que ya ha empezado. A nadie nos gusta dejar nada a medias!!

Seguir leyendo «Haciendo el check-out más sencillo»

Nueva información de envíos

En www.centraldereservas.com llamamos «Mis reservas» a todo el área interna referente a las reservas de los usuarios y su área personal si es que estás registrados.

Continuamente estamos añadiendo mejoras con nuevas funcionalidades o cambios en el diseño. Hoy en concreto hemos subido un cambio para que los clientes puedan ver toda la información que se les ha enviado en referente a una reserva:

Asi si tienen dudas, pueden venir aquí y consultar la documentación recibida sin tener que tener su servicio de correos a mano.

Esperamos que os guste!

Scroll hacia arriba