Blog

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»

Estudio sobre el nuevo banner de cookies 2024

Os paso este estudio que www.Flat101.com ha compartido sobre como implementar los cambios que hay que hacer en el nuevo banner de cookies para cumplir con el nuevo protocolo que la Agencia Española de Protección de Datos ha establecido sobre el uso de las cookies en los dominios españoles para adaptarla a la normativa europea. Se establece el 11 de enero del 2024 como fecha límite para la implementación de los criterios.

Lo que hay que cumplir ahora:

  • La nueva guía obliga a que el panel de configuración (el banner) incluya, en su primera capa, la opción de rechazar todas las cookies. Se trata de un cambio que implica que ya no son aceptables los banners que, por ejemplo, incluyen la opción de «ACEPTAR» y, como única alternativa, «CONFIGURAR COOKIES». A este respecto, la guía señala que el banner debe contener «un botón o mecanismo equivalente, similar al anterior (si se utiliza un botón para aceptar, deberá utilizarse un botón para rechazar), con las palabras «Rechazar cookies», «Rechazar» o textos similares, para rechazar el uso de cookies«. En nuestro caso, tenemos únicamente la opción de «Configuración» y «Aceptar todas», lo cual es contrario a este nuevo criterio de la AEPD. Por ello, se debe modificar nuestro banner de manera que aparezca tanto la opción para aceptar las cookies como la opción para rechazar todas las cookies, utilizando una terminología similar a «Rechazar cookies» o «Rechazar»
  • La AEPD enfatiza que la información suministrada al usuario debe ser clara, evitando utilizar técnicas engañosas para favorecer la obtención del consentimiento del usuario, como, por ejemplo, el uso de un color más llamativo en el botón de aceptar o textos que por tamaño o contraste no se lean bien en la opción de rechazar cookies.

En Centraldereservas.com mostrábamos asi el banner, el cual ya no cumple con la norma al presentar solo 2 botones.

Seguir leyendo «Estudio sobre el nuevo banner de cookies 2024»

Resumen de lo realizado en 2023 (Vol.2)

Después de la primera parte, seguimos con algunas de las mejoras realizadas en el funnel de compras:

En términos de conversión, es muy importante la velocidad a la que carga una página web. Por ello se han eliminado los redireccionamientos que había internos cuando los usuarios venían desde Google Hotels. Gracias a ello, en países como Australia nuestros usuarios están viendo resultados en búsquedas desde Google Hotels en 4,3sg= 3.58sg + 0.874sg (estos no se pueden quitar que son de GH), mientras que Booking que hace varias redirecciones, tardan 8,7sg (0,43+2,64 +1,92+3,7).

Cambio visual en las acciones en la vista móvil listado para dejar más espacio a los resultados, aquí teneis más info sobre este tema:

Se añade el precio «Desde» en cada pestaña de la ficha. Esto es porque aunque en desktop tengamos el precio más barato siempre visible al lado del nombre del hotel, en móvil al hacer scroll se puede perder y asi justo encima de los precios y de forma fijada se tiene siempre a la vista:

Poner en el método de pago «Bizum» el listado de bancos soportados:

Mostrar el extra del paquete en la caja resumen de la modificación online para que el usuario sepa que está modificando el alojamiento y el extra:

Tras elegir un precio en la ficha del alojamiento, contemplar que llegan novedades en el bloque de servicios del formulario para mostrar una modal con las novedades al usuario al ir al mas del formulario.

Asi mismo se añade una modal cuando se va al paso del form en el caso de que no haya cogido un paquete en la ficha para indicarle que va a perder ese extra sino coge otro paquete o lo añade en el paso siguiente:

Seguir leyendo «Resumen de lo realizado en 2023 (Vol.2)»

Resumen de lo realizado en 2023 (Vol.1)

Hola,

en Centraldereservas.com mi día a día se dedica a estos proyectos de la empresa:

  1. Web principal orientada tanto a clientes como al SEO
  2. Área interna de Mis Reservas, donde realizar gestiones con las reservas, datos personales….
  3. Proceso de compra, compartido para web y la app
  4. Aplicación interna para los agentes
  5. App para iOS y Android
  6. Sistema de diseño (para todo lo anterior)

Este 2023 principalmente ha estado centrado en el funnel de ventas y el nuevo desarrollo de la aplicación interna para agentes. Por ello vamos por un resumen de lo más destacado realizado en el proceso de compra de cara a los usuarios:

Mejoras clientes internacionales

Se ha añadido la funcionalidad de poder elegir la divisa de pago en el paso del form:

Se añaden los métodos de pago Klarna, Amazon Pay y Google Pay. Se trabaja en Checkout. El orden depende del país del usuario.

Se han revisado donde faltaba la aparición de la divisa informativa (aquellas en las cuales no se permite la compra) y se ha añadido en todos los lugares posible.

Se ha puesto un aviso en el paso del formulario cuando hay un cambio entre la divisa vista y la divisa de pago.

Se ha quitado el código ISO de la divisa y se muestra con su símbolo, es decir en vez de verse GBP se ve £ en todas las divisas que damos soporte. Esto estaba hecho ya en algunas divisas pero no en todas.

Seguir leyendo «Resumen de lo realizado en 2023 (Vol.1)»

Facilitando la experiencia a nuestros clientes internacionales

Centraldereservas.com se creó hace más de 20 años para ayudar a las empresas del Pirineo Aragonés a que los usuarios pudieran reservar online de forma fácil en sus alojamientos. Posteriormente se fue ampliando, integrando mayoristas, y dando resultados en todo el mundo, pasando de estar solo en castellano a estar en 6 idiomas.

Como toda web, en internet, no basta con estar ahí, sino que te tienen que encontrar. Por ello, el SEO o posicionamiento en buscadores siempre ha sido un pilar importante de la empresa, dedicándole muchos recursos, y estando siempre atentos a cualquier cambio en sus prioridades de búsqueda.

Como sabemos, durante años y aun ahora, el contenido de calidad ha sido una de las cosas más prioritarias de Google para posicionarte en SERP. Se supone que si aportas valor al usuario con ese contenido, van a estar más tiempo en tu página, van a volver a ti, y van a confiar en ti.

El ser humano no cambia, y los influencers de hoy en día, se basan en lo mismo.

Pero generar ese contenido es difícil (aunque ahora parece un poco menos con el chat GPT y las IA je je!). Requerías redactores, bancos de imágenes o fotógrafos, diseñadores… y si ya lo querías usar en distintos idiomas: traductores.

Por ello, la empresa, a pesar de tener los 6 portales en distintos idiomas, se centró principalmente en la página en español. Aun con personal dedicado a los clientes internacionales, y que, en su tiempo libre, ayudaban con las traducciones, no era suficiente para la competencia del sector. Y por supuesto que se hacían campañas en Google Adwords, y demás, pero no acaba de despegar el SEO ya que hablamos del sector viajes, con competidores muy reconocidos mundialmente en el sector.

Asi mismo, surgían muchas ideas y mejoras para mejorar la experiencia de los portales internacionales, pero la prioridad siempre era el portal en castellano, ya que era el más importante para el negocio.

Pero llegó Google Hotels y todo cambió.

Gracias al continuo esfuerzo realizado por el equipo para estar ahí, nos ha permitido darnos a conocer en mercados donde antes era imposible aparecer. Como todo, tiene su coste y sus inconvenientes, pero nos da una vía de poner nuestra marca al lado de nuestra famosa competencia, y si el precio del alojamiento es más bajo, atraer la atención del usuario.

Por ello, desde hace tiempo hemos estado introduciendo mejoras para nuestros clientes internacionales, como a través de la IP, ofrecerle el idioma y la divisa que creemos que más le interesa.

Modal de selección de idioma y divisas

Aparte se amplió la oferta de divisas, ofreciendo 65 divisas distintas en el momento de la búsqueda, aunque de momento, el pago solo se ofrece en 3: EUR, GBP y USD.

Seguir leyendo «Facilitando la experiencia a nuestros clientes internacionales»

Onikore, más que una nueva guía de estilos (o sistema de diseño)

Onikore es como llamamos en Centraldereservas.com a la evolución de la guía de estilo actual, o lo que llamaríamos hoy en día, el sistema de diseño (que como dice Jeff Gothelf y Josh Seiden en su libro Lean UX, son como «Guías de estilos con esteroides»).

Los objetivos era varios, pero sobre todo había uno principal, y era que el conocimiento actual dependía exclusivamente de 2 personas, y, aparte de que se iba a ampliar el equipo de front, se quería que todo el equipo de desarrollo pudiera integrar los componentes de forma autónoma y sin dependencias, en proyectos SSR (Servers Side Rendering) y en proyectos SPA (Single Page Application, Angular), que es hacia donde está tirando la empresa actualmente.

Aparte, ahora cuando se aplicaban cambios en los componentes había que duplicar el trabajo en varios proyectos, lo cual era una pesadilla de mantener. Gracias al nuevo desarrollo solo se aplicaran en un sitio, integrándolos después en los proyectos.

De donde venimos

El proyecto de la guía fue una creación que se hizo cuando hace 7 años se planteó una fase de rediseño del todas las plataformas online que tenía la empresa de cara al cliente, en concreto estas 3:

  • Portales, la parte dedicada al SEO y donde aterriza el usuario.
  • Sistema de reservas, funnel de venta
  • Mis Reservas, zona interna de cliente.

Como se iba a modificar toda la parte visual, y teníamos que seguir trabajando y evolucionando los componentes, se hizo un proyecto nuevo para poder probar toda la maquetación, estilos, scrips, marcado (HTML)… Ese proyecto fue cogiendo forma y aparte de la integración, también se añadió una parte de documentación, y se empezaron a crear páginas estáticas donde los desarrolladores podían entrar y ver el código.

Pero la guía evolucionó toda vía más y acabó, siendo una herramienta para desplegar todos los assets, empaquetando los ficheros estáticos y creando releases, para tenerla en la CDN, siendo también un módulo que ahora se importaba en proyectos tipo SPA.

Esto cogió cierta envergadura, pero el problema de fondo era que la aplicación estaba basada en PHP y la arquitectura del bundler era Node, lo cual era un ecosistema complejo de mantener. Para haceros una idea, cuando se empezó con el desarrollo todo se basó en una arquitectura de aplicación basada en Silex, un micro-framework de Symphony, que permitía temas de enrutamiento para hacer páginas internas y todo lo que es la parte de templating, basada en PHP, usando Latte de fondo. Como empaquetador, para generar estáticos, al inicio se usaba Gulp, y posteriormente se pasó a Webpack, aunque no se mejoró mucho la situación porque la complejidad seguía siendo elevada.

Por ello, hace tiempo se comenzó a pensar como mejorar esta forma de trabajar, y se desarrolló una versión 2 del sistema de diseño (bautizada como Onikore), pensando en herramientas que sustituyeran el ecosistema antiguo. Para ponernos en contexto, las personas implicadas en su creación hemos sido 3 fronts y 2 UX.

Seguir leyendo «Onikore, más que una nueva guía de estilos (o sistema de diseño)»

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?»
Scroll hacia arriba