Paris, le 12 mars 2002 - numéro 2002-2 - eShopability - eFocus (Version imprimable)

La nouvelle homepage de Travelocity.com : les enseignements à en tirer

5,77 sur 10, c'est la note d'eShopability que nous avons accordée à la nouvelle homepage du site Travelocity.com (version en ligne du 8 février 02).

Poids et mesures

Sur un plan technique, le site utilise la technologie du "liquid layout" ce qui signifie que, selon la résolution d'écran utilisée par le visiteur, la page s'adapte automatiquement à cette résolution dans le sens de la largeur.

Cette technique est intéressante en ce sens qu'elle permet, quelle que soit la résolution d'écran adoptée par le visiteur, d'optimiser l'affichage de la page en fonction de celui-ci.
Toutefois, il convient dans ce cas de construire avec rigueur la structure de sa homepage de façon à ce que cet affichage, sous les différentes résolutions possibles, soit capable de conserver une certaine cohérence et de guider l'oeil de l'internaute vers les parties de la page vers lesquelles on souhaite qu'il aille.

C'est ici que se situe la première grande erreur de cette nouvelle homepage de Travelocity.

En effet, le repositionnement automatique des éléments en fonction de la résolution a ici pour effet désastreux d'afficher, sous une résolution de 800x600 pixels (la plus courante), une importante zone vide à la droite du moteur de recherche qui déséquilibre complètement la page dans sa partie droite et l'affaiblit fortement.

Toujours en ce qui concerne les éléments techniques, la homepage de Travelocity.com est nettement trop "lourde" : 129Ko, soit un temps de téléchargement de 36 secondes pour un modem opérant à 28,8 Kbps, ce qui est beaucoup trop long pour une homepage.

Ce poids est d'ailleurs tributaire de la longueur de cette page : 1420 pixels, d'où la nécessité de scroller 4 écrans pour arriver en bas de page sous une résolution d'écran de 800x600 pixels.

Un merchandising... non visible

Ceci me donne d'ailleurs l'occasion de mettre en évidence une autre erreur de taille commise sur cette homepage : en 800x600, les promotions, deals... bref toutes les rubriques autres que le moteur de recherche ne sont visibles qu'à partir du deuxième écran vertical et s'étalent sur 3 écrans dans le sens de la hauteur, compte tenu d'une très mauvaise gestion de l'espace sur cette homepage.

Tous les éléments de merchandising (Fare watcher, flight deals...) sont, à partir du 2ème écran vertical, affichés plus ou moins au centre de la page, coincés entre un menu à droite et une colonne à gauche comprenant, comme dans l'écran supérieur, une zone vide égale à plus de la moitié de sa surface.

D'ailleurs, en 800x600, dès que l'on scrolle à partir du deuxième écran, force est de constater que les éléments sont positionnés non seulement sur trois colonnes de largeurs inégales, mais également à des hauteurs décalées entre les trois colonnes, ce qui rend la lecture de cette page particulièrement fatigante.

Les éléments présentés sur ces trois colonnes sont très peu différentiés, les séparations grisées entre les différentes zones étant trop légères pour pouvoir créer un cloisonnement net entre ces rubriques. Il s'ensuit que sur cette partie il n'est pas possible de trouver un axe de lecture efficace.

Ce manque de contrôle est à l'origine d'une grande dispersion du regard sur cette partie de la homepage, ce qui en affaiblit fortement l'efficacité marchande.

A noter par ailleurs qu'une seule photographie, de taille particulièrement réduite (100x80 pixels), est utilisée pour vendre les produits sur la homepage.

Chez Travelocity.com, pour faire rêver l'internaute dès la page d'accueil, on commence donc à lui vendre du voyage au format texte...

Pour en terminer avec le merchandising, nous avons également noté que les nouveautés se retrouvaient tout en bas de la page, à une hauteur de 1150 pixels : heureux les internautes qui seront capables de scroller jusqu'au 4ème écran pour les trouver !

Qualité et clarté de l'identité du site

Entrent en jeu ici un certain nombre d'éléments pour une homepage : logo, tag line, titre de la fenêtre, favicon.ico...

Si le logo est correct (il n'a toutefois pas changé depuis l'origine du site et n'a pas très bien vieilli), utiliser comme tag line, sous le nom Travelocity.com, "A Sabre Company" n'est à mon sens commercialement pas très heureux. Si tous les agents de voyage savent qui est Sabre, je ne suis pas sûr que ce soit le cas de la grande majorité des visiteurs du site.

Le véritable tag line du site n'est en fait présent que dans le titre de la fenêtre : "Travelocity.com - Go Virtually Anywhere! Airline Tickets, Hotels, Cars, Vacations and Cruises."

Le titre de cette fenêtre permet par ailleurs de noter une autre erreur commise par le site : sa longueur.

Il convient en effet de limiter les titres de fenêtres à 64 caractères pour éviter qu'ils ne soient tronqués lorsque les internautes bookmarquent la page du site comme vous le montre l'image ci-dessous où le tag line est coupé après le mot "Cars" :

Un point positif toutefois, le site utilise un fichier favicon.ico reproduisant son logo comme le montre l'image. De plus ce titre commence avec le nom du site, ce qui est également positif.

Moteur de recherche - navigation

Les moteurs de recherche sont l'un des éléments clés d'une homepage pour un site d'eTourisme. Néanmoins, la multiplicité de ceux-ci (vols, séjours, voitures...) fait que de nombreuses homepages du secteur voient souvent la plus grande partie de leur surface envahie par lesdits moteurs.

Travelocity.com a trouvé ici un moyen très intelligent de contourner ce problème, en offrant sur la home page uniquement le moteur de recherche vols, mais en permettant très facilement aux visiteurs d'accéder à 5 autres moteurs de recherche en cliquant simplement sur les onglets situés à gauche de ce moteur et correspondant à : lodging, cars/rail, vacations, cruises et deals.

Ces onglets, bien mis en valeur par des pictogrammes très visibles font que l'internaute accède ainsi non seulement au moteur de recherche correspondant, mais également à la page principale de la même rubrique.

Ce choix qui permet de n'afficher qu'un moteur de recherche à la fois, tout en le couplant à des fonctions de navigation, constitue donc une idée à retenir.

Il faut par ailleurs noter que l'essentiel de la navigation du site est contenu dans ces onglets, le menu supérieur n'étant ici qu'un miroir de ceux-ci.

Des éléments relationnels plutôt timides, voire absents

Pas de numéro de téléphone, ni de chat ou d'adresse email sur la homepage.

Pour pouvoir communiquer avec le site, il faut passer par la rubrique "Customer Care" (qui change d'ailleurs de nom dans le menu de bas de page pour devenir "Customer Service"...) et tenter de trouver son bonheur dans une page particulièrement dense (3 écrans et demi à scroller en vertical !).

De la même manière, pour pouvoir s'abonner aux newsletters du site, aucun élément pour ce faire sur la homepage et l'obligation pour l'internaute de s'inscrire préalablement, en tant que membre Travelocity, pour pouvoir recevoir les 2 newsletters du site (Travelocity real deals et Travelocity Insider).

A noter à ce titre, qu'à aucun moment le site ne précise la fréquence de parution des newsletters auxquelles il vous propose de vous abonner.

Au total donc, une homepage dont l'eShop-ability (capacité à transformer un visiteur en acheteur) est assez limitée, qui ne réussit à atteindre un score à peine supérieur à la moyenne (5,77 sur 10) que grâce à un moteur de recherche bien présenté et couplé très intelligemment à la navigation du site.

Pour le reste, parmi les 160 critères que nous utilisons pour juger de la qualité d'une homepage (voir notre étude "Les homepages qui font vendre"), près d'un sur deux n'étaient pas satisfaisants.

Un constat donc assez décevant et surprenant de la part de l'un des leaders mondiaux du secteur.