portada

¬ŅPiensas que tu Tienda Online es efectiva? ¬ŅEstar√≠as dispuesto a demostrarlo permitiendo que compitiera con otras ecommerce del sector a nivel nacional? Eso es lo que hacen miles y miles de tiendas online cada a√Īo en los Ecommerce Adwards o los EadwardsBarcelona.

En sus √ļltimas ediciones dos de las tiendas que m√°s presencia tuvieron en el palmar√©s de premios fueron: vueling.com y tailor4less.com.

Hoy en Web Conversion Mater, analizaremos estas tiendas desde el punto de vista CRO para averiguar si tambi√©n cuentan con nuestro galard√≥n. ¬ŅTe apuntas a descubrirlo?

 

EMPEZAMOS CON VUELING.COM

Para analizar la web de Vueling desde el punto de vista de la conversi√≥n, lo fundamental ser√≠a tener acceso a sus datos anal√≠ticos para ver c√≥mo se comportan los usuarios en la p√°gina, las zonas de mayor interacci√≥n, etc. Como lamentablemente no los tenemos, realizaremos nuestro ‚Äúexamen express‚ÄĚ atendiendo a estos 4 factores:

  1. Arquitectura y apariencia de la p√°gina
  2. Usabilidad
  3. Credibilidad
  4. Persuasión

Y además, también veremos qué ocurre con sus competidores: Edreams, Kayak, Ryanair para tener una referencia más amplia.

¬ŅComenzamos?

 

ARQUITECTURA Y APARIENCIA DE LA P√ĀGINA

Para este apartado ( y el resto) nos fijaremos principalmente en la Home, la cara visible de la página. La impresión que desprenda nuestra home puede determinar la continuidad, o no, de un usuario en nuestra web.

La Home de Vueling es una de las más limpias si la comparamos con sus competidoras. Fijémonos en lo bien que trabaja su color de contraste (el amarillo corporativo) para lograr destacar los puntos que le interesan.

 

Vuelos baratos  billetes de avión y ofertas de vuelos   vueling.com

En una página con tanto contenido, jerarquizar es una tarea bastante difícil porque existen muchos puntos que interesa que el usuario vea. No obstante el trabajo de Vueling en este aspecto es bueno.

En orden,  los 3 elementos que primero percibiríamos serían:

–¬†¬†¬†¬†¬†¬†¬†¬†¬† Buscador

–¬†¬†¬†¬†¬†¬†¬†¬†¬† Slider

–¬†¬†¬†¬†¬†¬†¬†¬†¬† Men√ļ

Pero esto no es casual (o no deber√≠a serlo). Ve√°mos qu√© l√≥gica puede seguir esta disposici√≥n. Lo primero, el buscador, para que el usuario encuentre r√°pidamente su viaje (en m√°s del 70% de los casos el visitante sabe d√≥nde quiere viajar), lo segundo el slider con las ofertas y promociones de temporada para el usuario que no tiene claro su destino, pero sabe que quiere irse de vacaciones. Y lo tercero, el Men√ļ, para aquellos indecisos que necesitan filtrar las opciones en base a su presupuesto, su calendario,etc. O para los que escudri√Īan la web en busca de ofertas m√°s suculentas.

En una página con mucho contenido, jerarquizar es Esencial - tuitéalo

Powered by Vcgs-Toolbox

Si nos fijamos en otras p√°ginas, esa jerarqu√≠a no es tan acusada. Aqu√≠ tenemos la renovada web de Ryanair en la cual, ‚Äúa bote pronto‚ÄĚ el buscador (que debe ser lo m√°s importante) pasa un tanto desapercibido y la jerarqu√≠a no queda suficientemente clara.

 

Ryanair   Vuelos baratos en Toda Europa Ryanair   Fly Go

 

 

En el extremo contrario tenemos la página de Kayak, en la que queda absolutamente claro, qué es lo que se quiere que el usuario vea nada más entrar. Fíjate:

KAYAK   Vuelos baratos  hoteles  billetes de avión  billetes baratos  ofertas de viajes   Compara cientos de sitios de viajes a la vez

 

En Internet, La Apariencia de tu página puede costarte muchas ventas - tuitéalo

Powered by Vcgs-Toolbox

Aunque la disposici√≥n en tablas y celdas no es precisamente una de las m√°s actuales, Vueling apuesta por un dise√Īo estructurado¬† (que le funciona muy bien)¬† en el que la delimitaci√≥n de elementos facilita mucho la comprensi√≥n de la p√°gina por parte del usuario. As√≠, de un primer vistazo, el visitante identifica cada secci√≥n de la p√°gina:

 

2

Cuando se utiliza este tipo de estructura ‚Äúencuadrada‚ÄĚ se ha de trabajar mucho su apariencia para lograr que resulte un dise√Īo actualizado.

Veamos que otra webs con similar estructura, cuyo tratamiento no est√°, a nuestro entender, tan trabajado.

Vuelos   eDreams

 

USABILIDAD

Un buen ejemplo para revisar la Usabilidad de la p√°gina de Vueling es observar la funcionalidad de su buscador.

El objetivo de este elemento es que sea totalmente clickable. Es decir, que se asemeje a una aplicación; de forma que el usuario no tenga que recurir al teclado casi para nada.

Pero veamos cada apartado por separado.

Captura

 

Destinos

Lo primero. Las sugerencias de b√ļsqueda: muy importantes. Esta funcionalidad permite que, mientras el usuario escribe su destino, aparezcan una serie de opciones coincidentes.¬† Con ello, adem√°s de facilitar la tarea del usuario, le ofrecemos un punto de verificaci√≥n.

No s√© si t√ļ tambi√©n lo har√°s, pero existe much√≠sima gente que a pesar de haber escrito perfectamente ‚ÄúMadrid‚ÄĚ como destino de origen, prefiere hacer click sobre la opci√≥n que le sugiere el buscador. Es una acci√≥n de verificaci√≥n que hacemos casi inconscientemente, como si eligiendo el destino que nos sugiere el buscador, nos asegur√°ramos de que efectivamente est√° correcto.

Esta funcionalidad debe activarse desde el momento en el que el usuario introduce su primer car√°cter. Observa y haz la prueba:

vuel

 

 

kaya

 

Para perfeccionar esta función uno de los factores más importantes es que sepamos reconocer de dónde procede la IP de nuestros visitantes, para poder afinar muchísimo más sus resultados.

Quizá el buscador que menos desarrollada tiene esta opción sería el de Edreams.

edre

 

El buscador de Ryanair, aunque posee la potencia de b√ļsqueda de la que hablamos, ha optado por un sistema de sugerencia un tanto peculiar.

rya

Si te fijas, Ryanair ha clasificado sus opciones en dos categor√≠as ‚ÄúPa√≠s‚ÄĚ y ‚ÄúAeropuerto‚ÄĚ. Sabemos que una empresa como esta habr√° tenido sus razones para estructurar sus resultados de esta forma, pero de cara a la usabilidad de su buscador hemos de decir que no es del todo efectivo ya que aumenta el n√ļmero de clicks y nos obliga a introducir muchos m√°s caracteres para ir concretando el destino.

Por otra parte una vez que completamos nuestro lugar de partida, la opci√≥n que por defecto nos se√Īala el buscador, es el pa√≠s, en lugar del aeropuerto.

 

Fechas

A día de hoy, incluir un campo de texto para indicar las fechas de reserva es casi irrelevante ya que la gran mayoría de usuarios acceden al calendario para seleccionar el dia/mes de su partida o regreso.

Un detalle que es importante en este punto de la reserva es que el icono del calendario tenga una apariencia m√°s ‚Äúclickable‚ÄĚ. ¬ŅPara qu√©? Para que el usuario no pierda ni una sola cent√©sima de segundo en averiguar cu√°l es el siguiente paso.¬† En este punto Vueling s√≠ debe mejorar.

 

fecha_vuel

 

Quiz√° est√©s pensando que esto es una minucia, un detalle sin importancia, pero no es as√≠. Para las personas ‚Äúnativas‚ÄĚ de Internet quiz√° no hace falta ser tan espec√≠fico pero, pi√©nsalo de esta forma: cada vez m√°s, las personas m√°s desvinculadas con el mundo online empiezan a tomar contacto con √©l y a estos usuarios no les es tan f√°cil interactuar con las p√°ginas.

Sumado a lo anterior, una opción que también se debería considerar es la opción de  indicar con texto el día seleccionado para nuestro viaje. Observa:

fr fk fv

El simple hecho de incluir algo como [jueves 27 julio], [jue. 17 Julio] evitaría muchas confusiones a la hora de adquirir los billetes ya que la mayoría de los motivos de cancelación de reservas son por errores de fecha en la compra de los vuelos.

 

Opci√≥n M√ļltiples trayectos

Esta funcionalidad es relativamente nueva y permite consultar las opciones de vuelo para varios destinos a la vez. Es muy √ļtil para las personas que utilizan frecuentemente el avi√≥n ya que evita tener que hacer b√ļsquedas independientes.

Desarrollar este tipo de sistemas es algo complicado porque deben  funcionar a la perfección. Al operar con diferentes vuelos la gente sigue desconfiando de su eficacia y al final acaba por buscar los vuelos de forma individual. Por este motivo la seguridad , apariencia y rapidez de nuestro buscador será esencial.

De entre las webs que estamos barajando todas cuentan con este ‘plus’ de “M√ļltiples Destinos” salvo Rayanair la cual en su tarea por simplificar al m√°ximo su buscador ha optado por no incluirla.

 

multiple_ka

 

multiple_e

 

Opciones Avanzadas del Buscador

Generalmente y al igual que pasa con Ryanair, las empresas de reserva de vuelos o viajes ponen su m√°ximo empe√Īo por simplificar al m√°ximo las opciones de sus buscadores, sin embargo, a pesar de ello todav√≠a existen usuarios que prefieren tener todas las opciones de b√ļsqueda a la vista. Para este tipo de usuarios el buscador de Kayak ser√≠a¬†una buena opci√≥n.

 

busqueda-kayak

En cuanto a Vueling, tenemos que decir que no cuenta con el buscador m√°s completo, pero tampoco se queda a la cola de la lista.

 

Cookies y Comparadores

Sabemos que el tipo de usuario que consulta una oferta de viajes, no lo hace sólo en una web determinada, sino que compara precios y opciones hasta decidirse. Con lo cual, es probable que consulte nuestra web en varias ocasiones, buscando la mismo.

Vueling sabe esto y adem√°s lo aprovecha guardando en cookies los datos de b√ļsqueda de un usuario para present√°rselos de nuevo cuando √©ste vuelve a la p√°gina.
Adem√°s, muestra esa ‚Äú√öltima b√ļsqueda” de forma destacada en el slider de su home.

busqueda

Por su parte Kayak, tambi√©n recurre a las cookies para mostrar la √ļltima b√ļsqueda realizada por un usuario en su p√°gina; pero en lugar de mostrarla en un apartado externo, como hace Vueling, ¬†la guarda en el propio buscador de forma que, al entrar de nuevo en la p√°gina el usuario se encuentra los campos del formulario de b√ļsqueda rellenados, por defecto, con los destinos y fechas que introdujo en su momento. De esta forma lo √ļnico que debe hacer es pulsar sobre ‚Äúbuscar‚ÄĚ ahorr√°ndose todo el proceso.

Además de todo esto, hay una funcionalidad que Kayak implementa estupendamente para agilizar todo el proceso de comparación de precios que el usuario realiza. En este sentido, Kayak ofrece la posibilidad de revisar los precios de vuelo de otras páginas web  al mismo tiempo que muestra los suyos.

busqueda-kayak

 

CREDIBILIDAD

Ecommerce como estas gozan de una reputación e imagen bastante consolidada por esta razón no suelen dar énfasis a cuestiones como la credibilidad en sus páginas.

Sin embargo, aspectos como distintivos, premios, testimonios o sellos de calidad no estarían de más.

En el caso de Vueling, s√≠ ha inclu√≠do un sello o distintivo en su p√°gina. En concreto el logo de los ‚ÄúEcommerce Adwards 2013‚ÄĚ

premios

 

Edreams es otra de las páginas que recurre a este tipo de distintivos (también a pie de página) y aunque no son premios ni testimonios sí dan credibilidad en materia de seguridad en la compra.

segu-e

En el resto de p√°ginas que estamos comparando, no cuentan con sellos como estos, al menos en su home.

 

 

PERSUASI√ďN

Dentro del ámbito de la persuasión encontramos todos los elementos que incitan al usuario a realizar una acción concreta y ajustada a nuestros objetivos. Veámoslo:

“Tu √ļltima b√ļsqueda”

Una de las mejores formas de conseguir atraer a nuestros usuarios es ofrecerles un servicio personalizado y enfocado a sus necesidades.

Vueling.com cuenta con una estupenda forma de persuasi√≥n. Con anterioridad hemos hablado de la secci√≥n ‚ÄúT√ļ √ļltima b√ļsqueda‚ÄĚ que incluye Vueling en su slider. Pues bien, un detalle a destacar es que, adem√°s de mostrar¬†los destinos y fechas que el usuario busc√≥ en su momento, tambi√©n se toma la molestia de personalizar su forma presentaci√≥n, llegando incluso a cambiar ¬†la imagen de fondo del slider en cuesti√≥n con sugerentes fotograf√≠as del lugar de destino. F√≠jate:

ultima-busqueda

Al respecto s√≥lo tenemos una peque√Īa sugerencia. El hecho de que evoquemos la imagen del destino deseado no garantiza que √©ste contrate el viaje. As√≠ que, ya que estamos, podemos echar m√°s carne en el asador. Tomando como premisa que este slide aparezca s√≥lo en los casos en los que el usuario no ha adquirido el viaje solicitado, ser√≠a interesante ofrecerle alg√ļn tipo de gancho comercial adicional que asegurar ¬†la compra. Por ejemplo: elecci√≥n gratuita de asientos, anulaci√≥n sin compromiso, transferencia de propiedad de la reserva, etc. Todo ello para que el usuario vea¬†una oferta suculenta cuando vuelva a entrar en la p√°gina para comparar precios.

Evidentemente, y aqu√≠ viene lo dif√≠cil, este tipo de promociones deben estar bastante controladas y ofrecerse s√≥lo a determinado perfil de usuario. “Hemos dicho¬†que es efectivo, pero no que sea¬†f√°cil”

 

Llamadas a la acción

Las llamadas a la acción son frases o elementos que pretenden captar la atención del usuario para que realice una acción concreta: suscripción a una newsletter, visita a una sección concreta, consulta, envío de un formulario, descarga, etc.

En estas ‚Äúcall to action‚ÄĚ lo importante es trabajar mucho el texto, conjugando originalidad y efectividad en un mismo espacio.

Delas 4 webs que estamos comparando sólo Vueling es la que aparentemente ofrece unas llamadas a la acción algo más elaboradas. No es que sean brotes de pura creatividad, pero comparadas con otras opciones, no están mal.

promo-verano

Acciones especiales

Este a√Īo Vueling celebra su 10 aniversario y por este motivo ha realizado una peque√Īa acci√≥n especial en su web. Si entras en su p√°gina ver√°s que, sin previo aviso, dos peque√Īas nubes hacen su aparici√≥n ante ti flotando por la p√°gina.

Como ya hemos dicho antes, no es el colmo de la originalidad pero algo tiene de efectivo ya que, al menos en mi caso, consiguieron que hiciese click para ver la promo.

pers_vue

 

CONCLUSI√ďN

Una vez realizado esta revisión express. Podemos decir que Vueling ha pasado nuestro examen CRO con un notable Por lo tanto, la considerada mejor ecommerce 2013 puede seguir en el podio. Jeje.

Y hasta aqu√≠ nuestro post de hoy. Esperamos que hayas podido aplicar algunas de las cosas que hemos visto en tu propia p√°gina web y que te animes a presentar tu ecommerce a los premios¬†nacionales que cada a√Īo galardonan¬†a las Ecommerce m√°s experimentadas y reputadas.

En nuestro próximo post, analizaremos a la segunda de nuestras candidatas: tailor4less.com ¡Esperamos verte de nuevo por aquí!