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.
A la hora de hacer una compra, es importante que el usuario sepa en todo momento qué está comprando. Por ello, en Centraldereservas.com siempre hemos mantenido visible en todo el proceso de compra de alojamiento los parámetros de búsqueda del usuario.
De hecho una de las cosas que siempre han generado más controversia entre la opinión de los agentes de atención al cliente y lo que proponíamos desde el punto de vista de la experiencia de usuario, era el tema de la caja pre-rellenada con la búsqueda anterior.
Ejemplo de una búsqueda precargada
Los agentes, que están hablando con clientes todo el tiempo, han vivido en alguna ocasión como algún cliente enfadado llamaba diciendo que se había equivocado al hacer la reserva por poner mal los datos de búsqueda. Y los agentes tenían miedo de que si la caja estaba rellenada, los clientes iban a tener aun más problemas.
Desde el punto de vista de la experiencia de usuario, si le puedes evitar meter al cliente 2 veces la misma información, es mucho mejor.
Normalmente usas los mismos dispositivos para hacer las búsquedas: tu móvil, tablet, ordenador del trabajo… buscando de forma habitual para las mismas personas. Si tienes pareja y 2 hijos de 2 años y 5 años y estás preparando las vacaciones de verano, y estás probando a ver precios en diferentes destinos, agradeces no tener que meter en cada búsqueda todos los datos de las personas.
Una buena experiencia de usuario consiste en mejorar la vida a las personas. Es por ello que cuando un producto que se adquiere, no se puede devolver, como un billete de avión, esto debe quedar claro al usuario.
En www.centraldereservas.com permitimos al usuario personalizar su reserva de alojamiento, añadiendo actividades o seguros durante el proceso de compra. Cada nuevo producto tiene una política de cancelación propia, la cual se muestra tanto a la hora de seleccionarlo como en el formulario de compra.
En la ficha del alojamiento se muestra asi:
En el formulario asi:
Hasta ahora estos extras eran cancelables hasta el comienzo de la reserva pero ahora algunos ya no lo son. Es por ello que hemos introducido varias mejoras para que el usuario reconozca de forma más sencilla posible cuales son reembolsables y cuales no.
En www.centraldereservas.com nos gusta estar constantemente mejorando nuestro servicio. Es por ello que siempre estamos pensando en oportunidades para que el cliente se sienta más a gusto en la experiencia de compra de sus vacaciones…. por qué, aparte del viaje en si… ¿no es genial los días que pasamos pensando en él? Imaginándonos ya en ese destino… ¿y en la reserva de un hotel, apartamento igual que en la compra de un vestido o jersey, que es en lo que más nos fijamos?
Siiii, como se ha comentado muchas veces, las imágenes juegan un papel fundamental a la hora de que el usuario se decida por un producto o por otro. Ante la imposibilidad de poder estar allí presencialmente tumbándonos en la cama de la habitación o probándonos esa prenda, el ofrecer buenas fotos con gran nivel de detalles es vital en la compra online.
Aparte en una tienda física buscas llamar la atención ofreciendo el mejor escaparate, ¿por qué no hacer lo mismo con tu tienda web?
Con todo esto en mente, hemos introducido un cambio en la ficha de alojamiento, dando mayor prioridad a las imágenes, para que el usuario pueda de un vistazo y sin entrar en la galería si ese alojamiento le interesa o no.
Otra de las cosas que hemos implementado para ofrecer un mejor servicio a aquellos usuarios que vienen de otros países es implementar la posibilidad de seleccionar entre muchas más divisas a la hora de lanzar la búsqueda.
Ahora mismo teníamos 6 idiomas y 9 divisas en la web. Los idiomas se corresponden a los portales que tenemos traducidos, y las divisas a aquellas que más usaban nuestros usuarios.
Gracias al trabajo realizado para aparecer en Google Hotels, hemos podido ampliar nuestro mercado internacional de una forma como nunca antes lo habíamos hecho. Por ello, las divisas existentes se nos quedaban cortas, pudiendo causar problemas al usuario que volvía a nuestra web después de habernos visitado a través de Google Hotels, que veía todo en EUR y solo podía elegir entre 9 divisas.
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…)
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.
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.
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.comcuidamos 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.
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.
Utilizamos cookies propias y de terceros para fines analíticos. Al hacer clic en “Aceptar” usted acepta que las cookies se guarden en su dispositivo. Alternativamente, puede configurar sus preferencias clicando “Configuración”. ConfiguraciónRechazarAcepto
Privacidad & Ley de Cookies
Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
