Resumen 2021 II
A continuación, después de la primera parte del resumen escrito en el anterior post, seguimos con las mejoras realizadas en los otros 2 grandes proyectos en los que participo en www.centraldereservas.com:
- Web principal orientada tanto a clientes como al SEO
- Área interna de Mis Reservas, donde realizar gestiones con las reservas, datos personales….
En ambos cumplo varias funciones: por un lado, la mejora de servicios existentes o el desarrollo de nuevas funcionalidades que sean interesantes para los usuarios o a nivel de negocio, desde la concepción de la idea, como su diseño, gestión con el equipo de su implementación y testeo. Por otro, la gestión del equipo junto con otros 2 perfiles más: uno técnico y otro de marketing, y yo como experta en experiencia de usuario.
Este año 2021, ya estábamos casi el equipo completo tras el ERTE del año pasado, y aunque por mi parte estuve de baja maternal de mayo a septiembre, nos dio tiempo a hacer muchas cosas:
- Optimización muchos componentes del portal con el objetivo de mejorar en las Core Web Vitals (estamos muy por encima de la media de la competencia) lo que nos ayuda a obtener mejores posiciones en el SEO.
- Se realiza el proyecto de cachés, para que asi la regeneración del portal tras hacer un cambio sea más eficiente. No olvidar que son miles de páginas en varios idiomas.
- Se trabaja en un plan por si acaso cae algún sistema interno y ser capaces de seguir ofreciendo un servicio de búsqueda de alojamientos a los usuarios.
- Se comienza a utilizar herramientas como Percy y Cypress para pruebas funcionales automáticas
- Imitando a otros proyectos internos, se integran los pipelines de Bitbucket en los procesos de despliegue a los entorno de desarrollo y pre-producción junto con la ejecución automática de los test funcionales y herramientas de comparación de versiones.
- Mejoras en el sistema multiportal para poder crear portales de forma rápida.
- Se crea un componente propio de aviso de cookies, evitando dependencias de terceros y con grandes mejoras frente a las Core Web Vitals
- Se ha puesto fijo el menú en móviles para que asi los usuarios vean nuestros productos de forma más sencilla:
- Se crea un componente de banners para poder meter anuncios en todas las entidades y fichas de portales y destacar productos como los regalos, la app…
- Se añade la caja de búsqueda en el blog externo.
- Se precarga de datos de la búsqueda anterior en la caja (con ciertas condiciones) para agilizar asi la búsqueda a los usuarios y evitar tenerles que meter muchas veces los mismo datos (niños, edades…)
Resumen 2021 I
En 2021 se han hecho grandes cosas en la empresa. Tras un 2020 marcado por el Covid, 2021 empezaba parecido con las pistas de esqui cerradas, restricciones para moverse entre comunidades… pero llego el verano y todo el mundo estaba deseando salir de viaje. En centraldereservas.com no paramos de trabajar en ningún momento.
Como alguna vez he mencionado, de cara al cliente tenemos 5 grandes proyectos:
- Web principal orientada tanto a clientes como al SEO
- Área interna de Mis Reservas, donde realizar gestiones con las reservas, datos personales….
- Proceso de compra, compartido por la web principal y la app
- App para iOS y Android
- Centralita de teléfono
Os comentó las mejoras realizadas en los 3 primeros, donde entre algunas de las funciones son coordinar el backlog de trabajo y preparar las futuras funcionalidades.
Proceso de compra
Lo recordaremos como el año de la internacionalización en el proceso de venta, con mejoras express en divisas y nuevos métodos de pago gracias a Google Hotels. También se ha tematizado el proceso de compra, pudiendo adaptarse asi a otros portales y se ha mejorado mucho el mostrar los cambios de precios y políticas de cancelación en todos los pasos debido a que las condiciones de incertidumbre aun son muy grandes.
- Se permite la tematización del funnel de venta, siendo el primer proyecto la compra desde otra de nuestras webs.
- Se añaden nuevas formas de pago: Ingenico, Sofort/Klarna, Inespay… para que los usuarios tengan un mayor abanico de opciones sobre todo en pagos en otras divisas.
- Mejoras varias en ficha y al ir al formulario (al pasar al pre-book), para informar al usuario cuando cambia el precio o la política, tanto si es a mejor como a peor.
- Se modifica el estilo del formulario para adaptarlo al estilo de otros verticales que disponemos en la web, quedando además los bloques de información mucho más claros.
Y también la confirmación:
¿Cómo conocen tus usuarios que servicios pueden acceder en tu página web?
En centraldereservas.com no somos muchos comparados con otros grandes del sector. Pero si que hemos tratado de automatizar muchas de las funciones que el usuario puede hacer con la reserva de su alojamiento.
Para ello se ha desarrollado el área de Mis reservas, un lugar donde los clientes registrados pueden: ver un listado de sus reservas, acceder a ellas, hacer distintas acciones desde anularla a pedir una factura, ver su dinero acumulado en el Monedero, subir valoraciones de sus estancias y participar en sorteos, acceder al área de empresas, entre muchas otras cosas…
Y comparados con la competencia, si que hemos logrado tener muchas más funcionalidades en este apartado, lo cual es un valor añadido para el usuario que reserva con nosotros.
Pero, claro ¿cómo hacer saber todo esto al usuario que llega a nuestra página web? El objetivo principal no es que sepan que hay en la zona interna de Mis Reservas, sino que lancen una búsqueda y reserven, por lo cual no es algo que deba llamar la atención por encima de otras cosas como la caja de búsqueda, las ofertas…
Acceso a la zona interna del portal
Como muchas otras páginas a esta zona privada se accede desde un enlace en la parte superior de la página. La competencia le llama de muchas formas distintas a este apartado:
- Inicia sesión / Hazte cuenta
- Mi cuenta
- Sin nombre solo con icono con un usuario
- …
Y normalmente al acceder por primera vez tiene pop-ups que llaman la atención al usuario para que se registre y obtenga ventajas, tipo precios más baratos.
Seguir leyendo «¿Cómo conocen tus usuarios que servicios pueden acceder en tu página web?»Cambios visuales en el formulario de reserva
En el proceso de conversión de la adquisición online de un producto o servicio, influyen numerosos elementos. Muchas veces nos focalizamos en el paso final de la compra, pero es igualmente importante que no haya problemas en los pasos anteriores como a la hora de buscar y encontrar un producto, el poder ver bien sus características, el leer opiniones de otros usuarios, el conocer que productos asociados son necesarios para su uso…
En www.centraldereservas.com cuidamos mucho el recorrido que atraviesa el cliente en todo su proceso, desde la fase de descubrimiento e investigación, como al soporte tras la compra. Numerosas personas trabajamos cada día para ofrecer la mejor experiencia de compra de alojamientos vacacionales y los clientes lo demuestran con sus comentarios.
Hoy vamos a hablar de este último paso del funnel de compra, en el que se rellenan los datos y se procede a la adquisición, donde los niveles de estrés del usuario se disparan. Por ello, con la idea de facilitar al usuario este proceso, y dejar más claro los distintos apartados que conforman el formulario de compra se ha realizado un cambio en su diseño adaptándolo además al estilo que teníamos en otro vertical de la empresa: el formulario de vuelos.
Gracias a ello, aparte de ganar en claridad en la presentación, homogeneizamos el estilo de estas 2 líneas de producto.
El equipo que trabajamos en el desarrollo del proceso de compra, a pesar de ser relativamente pequeño, es uno de los más activos de la empresa. Para que os hagáis una idea tenemos una media de mínima 2 deploys a la semana, con subidas de mejoras principalmente centradas en mejoras para el cliente (y alguna de mantenimiento, como la actualización de Angular).
Como os contaba en este post, en 2019 efectuamos un cambio muy grande al modificar la tecnología del proceso de reserva, migrándolo a otra formato 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…)
En el aspecto visual, la idea inicial fue clonar en diseño al sistema antiguo con algunas pequeñas mejoras para ir más rápido y así poder comparar los datos como velocidad, conversión… en los 2 sistemas sin que estos se vieran influenciados por un diseño distinto.
La conversión del nuevo sistema supero con creces al antiguo, por lo que a día de hoy, usando al 98% de los usuarios este sistema (2% son IE y algunos navegadores obsoletos) y habiendo pasado 2 años, el cambio visual entre uno y otro es total.
Pero a pesar de esta gran evolución, algunos elementos aun mantenían estilos antiguos, que ofrecían mucho margen de mejora, como pasaba con los bloques y títulos del formulario de reserva.
En nuestro caso el formulario en muchas ocasiones ofrece un gran número de opciones. Dependiendo de la anterioridad de compra, de la localidad, o de si el usuario está registrado o no, los bloques que se visualizan pueden cambiar. Asi mismo dentro de algunos bloques, como por ejemplo los de venta cruzada de extras, a veces se ofrecen 1 o 2 extras y otras 4 grupos con 5 extras cada uno.
Y como queda si lo comparamos con el actual de vuelos:
Esperemos que os gusten los cambios. Al resto de compañeros les ha encantado.
Todos los derechos son de Centraldereservas.com. Queda prohibida totalmente la reproducción parcial o total del contenido.
Resolviendo el problema de usabilidad de las entidades visuales
A pesar del gran descenso en viajes debido al Covid seguimos preparando y pensando mejoras para nuestros clientes. Aparte de una gran mejora técnica en el sistema de cachés de la web, esta semana se han subido numerosos cambios visuales, entre ellos el del componente entidad.
Poner texto sobre imagen queda muy bonito, pero para que sea completamente legible para todos los usuarios hay que tener un gran control de las imágenes que se utilizan. Y es que aunque se usen distintos recursos para retocar la imagen, como oscurecerla, subir la saturación, añadir velos de opacidad negro por encima, o poner el texto con algún fondo de color… cuando son miles de imágenes distintas es muy difícil de controlar la usabilidad en todas ellas.
Aquí se pueden ver los ejemplos mencionados para el tratamiento de la imagen que usa la competencia para tratar este problema.
Y aqui veis el diseño que teníamos en la web… donde se puede aprecia la dificultar al leer ciertos textos:
Nuevo diseño
Por ello para evitar este problema, se han cambiado los diseños de los numerosos componentes que forman el componente entidad.
Hay que tener en cuenta a la hora de diseñar los elementos ciertas variables:
- No diseñes en base al componente perfecto, ya que no siempre nos llega toda la información en cada componente. Por ejemplo, en el bloque entidad alojamiento, puede llegar el nombre, la dirección o ciudad, la categoría, la valoración y el precio. Pero en ocasiones solo llega el nombre. El diseño debe estar pensado para adaptarse a esa flexibilidad y que siga quedando bien, sin aspecto de roto.
- Deben estar adaptados a los distintos dispositivos y sus anchuras. Además de permitir una variabilidad de montajes a la hora de hace el diseño de la página para ofrecer una libertad controlada a marketing.
- Estos componentes están preparados para montarse en bloques de distintos elementos, formando asi rejillas en base a las necesidades: 2 elementos en una sola línea, 3, o incluso 4.
- También se pueden poner en formato slide, para agrupar muchos elementos en 1 sola línea y que no crezca demasiado la altura de la página y el usuario pueda en una mirada rápida ver los grupos principales y ya profundizar si le interesa.
- Diseña también los efectos para mostrar la interacción del usuario sobre ellos: hover, tap, visited…
Esperemos que os gusten los nuevos diseños, si los quieres ver en directo ya sabes navega por www.centraldereservas.com.
Todos los derechos de las imágenes de la web de Centraldereservas.com son propiedad de Centraldereservas.com. Queda prohibida totalmente la reproducción parcial o total del contenido.
Ampliando el producto disponible: hoteles y apartamentos
Llego el Covid y con ello cambiaron muchas cosas. Después del confinamiento aun con miedo a lo que podía pasar, los clientes de www.centraldereservas.com estaba deseando cogerse unos días de vacaciones y salir de su ciudad.
¿Cambiaba la tendencia de viaje respecto a otros años?
Lógicamente. No serían viajes por el mundo sino por España, evitando en muchos casos grandes areas pobladas, buscando más la naturaleza y, debido a la incertidumbre de no saber si podías estar contagiado de un día para otro, reservando con poca anterioridad y yendo menos días.
Todas las empresas de viaje se adaptaron a la situación con cambios en su producto promoviendo políticas de cancelación menos restrictivas, la compra de seguros, ofreciendo información en tiempo real… En este post sobre «UX, Turismo y Covid» te cuento algunos ejemplos.
Preferencia de reserva de apartamentos
Otra de las tendencias que anticipamos era que se iban a buscar y reservar más que otros años apartamentos, evitando asi grandes hoteles, y situaciones como la hora del buffet, o una piscina demasiado llena.
Imaginando esto nos pusimos a trabajar en ello. Y es que aunque se tengan muchas ideas de mejora, no siempre es fácil implementarlas. En este caso, nos sucedían 2 cosas principalmente.
Por un lado, como ya hemos comentado en otras ocasiones, trabajamos con distintas mayoristas, con el objetivo de ofrecer el mejor precio al usuario. Esto conlleva que los alojamientos no nos den directamente cierta información a nosotros sino que mostramos la que recibimos de las mayoristas. Para verificar, optimizar, mejorar y sobre todo unificar esta información se hace un gran trabajo, pero aun asi al ser millones de alojamientos es imposible tener la información que nos gustaría ofrecer.
Por otro lado Centraldereservas.com es una empresa con más de 20 años de historia. La estructura y arquitectura ha ido adaptándose a las nuevas necesidades pero no siempre es sencillo. Por ejemplo, los hoteles son una entidad que tiene unos servicios compartidos. A su vez pueden tener habitaciones de varios tipos.
Pero ahora tenemos, aparte de hoteles, distintos tipos de apartamentos o alquileres vacacionales.
Unos son la casa de un particular que la alquila entera, otros solo alquilan una habitación, o son un complejo de distintos apartamentos dentro de un mismo edificio. Como nos mandan esta información, como la almacenamos, organizamos y clasificamos para que sea coherente con nuestra base de datos y para mostrársela de la mejor manera al usuario ha sido algo en lo que se ha trabajado mucho.
Proceso de búsqueda
Venimos del mundo de los hoteles. Por ello cuando un usuario busca: «2 habitaciones», lo normal era mostrarle resultados de hoteles donde hubiera 2 habitaciones disponibles. Pero, ¿y si buscaba un apartamento con 2 habitaciones? ¿O si le daba igual la tipología de alojamiento sino solo quería lo más barato con 2 habitaciones?
Por como estaba configurado el proceso de búsqueda con las mayoristas, este tipo de búsqueda devolvía inicialmente 2 cosas:
- 1 hotel con 2 habitaciones
- 1 complejo con 2 apartamentos
Es decir, no contemplaba la opción de 1 apartamento con 2 habitaciones, lo cual era un problema porque si que se disponía de ese producto y en muchas ocasiones a mejor precio. Por ello, nos centramos en optimizar esas búsquedas, realizando los cambios necesarios en la visualización de resultados para que se entendiera la diferencia.
Unificando el diseño de la ficha de alojamiento II
Como hemos explicado en el anterior post, en www.centraldereservas.com tenemos 2 fichas de alojamiento distintas: una optimizada para buscadores y otra dentro del proceso de reserva donde se muestran los precios una vez efectuada una búsqueda.
Ambas compartían la misma información, pero estaban desarrolladas en tecnologías distintas, llevando a presentar incluso diseños distintos: la caja de búsqueda era diferente porque cada proyecto tenía una propia, la galería también era distinta, la forma de presentar la información…
Esto tenía varios inconvenientes: por una lado una experiencia de uso no homogénea para los usuarios y por otro un coste de mantenimiento elevado, ya que cualquier cambio implicaba el tener que hacerlo en 2 sitios distintos.
Por ello se ha estado realizando un trabajo extenso de extraer los componentes comunes, haciéndolos en la guía de estilos y posteriormente llevándolos a cada proyecto. Así solo se maquetan una vez en la guía de estilos, eso si con todas sus posibles variaciones.
Seguir leyendo «Unificando el diseño de la ficha de alojamiento II»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
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.
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.
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.
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.
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»