Le titre est assez éloquent: on sait tout de suite qu’il s’agit d’un gîte. Ce qui est heureux puisque l’adresse Web fait référence au village où se situe le gîte et concurrence le second site abordé ci-contre.

La typo pourrait être plus lisible. Et nous verrions bien un slogan sympa, pour attirer le chaland. D’autant que le gîte se situe au coeur du parc naturel de Viroin-Hermeton. L’annoncer dès le bandeau identitaire ajouterait à l’attrait.

Les raccourcis « Accueil », « Contact », « Connexion », « Liens utiles » pourraient être présents sur toutes les pages, au-dessus du bandeau. C’est également là que l’utilisateur trouve généralement le choix linguistique. Ici, celui-ci est malheureusement proposé sous la forme d’un menu déroulant.

la plupart des rubriques comporte 4 à 5 sous-rubriques. Les rubriques de 1er niveau sont pertinentes, mais leur hiérarchie, le choix des labels (voir plus bas) et l’emplacement des items pourraient être améliorés. L’organisation courante sur un site Web aujourd’hui comporte 3 troncs: un premier tronc pour la navigation, un tronc central pour les contenus, un tronc à droite pour la navigation croisée et des incitants permanents ou non, de type « Nous contacter », « Consultez le site de la ville de Dourbes », etc.

Nous préférons, comme l’utilisateur courant, voir les champs de connexion (Login & Mot de passe) en haut du tronc droit, sous le bandeau identitaire. Sous les champs de connexion, il y a un incitant « Pas encore de compte ? Enregistrez-vous ».

Il serait utile d’indiquer les avantages et les raisons pour lesquelles l’enregistrement est proposé: connaître les disponibilités, recevoir des alertes ou une newsletter ? S’il s’agit simplement de pouvoir réserver en ligne, il suffit de proposer l’enregistrement au moment de la réservation. Sur les pages internes du site, cette fonction de connexion n’est plus proposée.

Le bloc visuel «Viroinval-Dourbes » sous la navigation n’est pas cliquable. L’utilisateur pourrait croire que ce bloc mène vers le site officiel de la commune de Viroinval, mais il n’en est rien.

Du reste, lorsqu’on visite ledit site, on ne trouve nulle part ce même visuel. Dommage: l’intention était bonne.

Aucun contenu, aucun lien vers la profondeur du site. Le titre de la page « Capacité de six personnes » est assez maladroit. Et, comme dit précédemment, la mention « Au sein du Parc naturel Viroin-Hermeton » pourrait être ajoutée dans l’en-tête du site.

Sur une page d’accueil, il convient de proposer des micro-contenus qui aident l’utilisateur à aller directement là où il veut aller. Généralement, ces micro-contenus concernent les principales rubriques de navigation disponibles: le gîte, l’agenda, réservez votre séjour, visitez la région, par exemple. Un aperçu de l’agenda permet aux internautes qui veulent une période précise d’être fixés aussi vite.

Toute la partie réservée au contenu est occupée par 2 visuels inutiles sur cette page.

Que penser également de cette étrange icône verte dans le coin supérieur gauche de la page, qui n’est pas cliquable. Elle semble être un accident graphique. Un visuel de l’agenda aurait pu être utile de sorte que les internautes cherchant une période précise soient très tôt fixés.

Proposer un espace clients est heureux. En revanche le module de réservation, un bloc sans titre regroupe les liens « Demande de prix », « Afficher une réservation », etc. Mais ils n’indiquent pas clairement que l’utilisateur accède par ces liens à son espace personnel.

Les utilisateurs sont habitués à trouver un simple pavé « Mon compte Avis » ou « Gérez mes réservations » avec une accroche et des champs Login/Mot de passe.

Pourquoi cette rubrique « Nos animaux » dans le menu de premier niveau ? Vers quoi renvoient ces pages: des excursions locales en âne, une visite de la ferme, un stage éducatif d’élevage?

De même, l’item “La location” mériterait un label plus intuitif que cette appellation générique (un “Louer le gîte” par exemple, voire même à l’impératif). Le cas de la rubrique « Liens utiles » est particulier: nous apprécions ce type de contenus à valeur ajoutée (dans ce cas-ci, il s’agit de liens vers des restaurants et des services locaux).

En revanche, nous ne recommandons pas de les placer dans le menu principal. On déplore également qu’il faille 3 clics avant d’arriver aux liens vers les sites en question.

La rubrique « Agenda » (le label “Calendrier” aurait peut-être été plus approprié) mène vers une page indiquant les occupations du gîte.

Mais la fonctionnalité est complexe: deux critères permettent de consulter l’agenda (Haute saison et Occupation), mais il est impossible de soumettre une demande de réservation et aucun lien direct sur cette page ne renvoie à un formulaire de contact. Aux dates occupées, deux noms apparaissent, dont « admin ». Un outil peu engageant, donc.

La page de choix linguistique prend des airs de page d’accueil. Un slogan défile en texte animé sous le titre, la part belle du premier écran est occupée par des photos sans titre ni légende, et le choix linguistique, situé au bas des photos, prend une place inutile.

Nous suggérons de placer le choix linguistique en haut de l’écran, sous forme de liste cliquable, présenté de la manière suivante: Gîte rural dans la Vallée des Eaux Vives - FR, etc.

Un beau grand visuel en fond aurait suffi à agrémenter cette page censée n’être utilisée que par les premiers visiteurs. Du reste, aucun cookie ne permet de conserver le choix linguistique. Et celui-ci n’est accessible dans les autres pages du site que de manière peu intuitive (voir plus bas).

Enfin, les logos des organismes d’agrégation nous semblent inutiles sur cette page.

le slogan, certes peu efficace en raison de la typo timide utilisée, et du défilement du texte, avait le mérite d’annoncer clairement le propos du site.

On ne le retrouve pas dans le bandeau identitaire du site et le visiteur ne sait pas d’emblée, à la lecture du titre en lettres capitales sous la séquence de photos, que le site est dédié à un gîte rural.

Dans la navigation de premier niveau, le label Home renvoie à la page de choix linguistique. Par convention, celui-ci est généralement proposé via une navigation fonctionnelle située au-dessus du bandeau identitaire.

Ici, par défaut, on suppose que les utilisateurs comprennent que le terme anglais Home ne veut pas dire page d’accueil, mais « page de choix linguistique ».

Outre la prétendue duplication de l’item Accueil (voir ci-dessus), il y aurait moyen de regrouper et de nommer plus justement les items déployables de la navigation principale. Ainsi, “Pourquoi Dourbes”, “Témoignages”, “Vidéo et multimédia” et “Presse” pourraient être regroupés. Les items “Entreprise”, “L’organisation”, “Presse” manquent de précision.

Les mêmes tarifs et conditions, les mêmes activités sont accessibles aux entreprises. Valait-il donc la peine de proposer cette segmentation dans la navigation?

Côté labels, le visiteur comprend-il que “L’organisation” fait référence au déroulement du séjour: l’arrivée sur place, un inventaire et le plan du gîte, des adresses utiles (boulanger, marchés). Enfin, plutôt que “Presse” (puisque le site ne s’adresse pas uniquement aux entreprises), ne pouvait-on regrouper “Témoignages” et “Presse” sous un label “Ils parlent de nous”.

Le choix de la navigation de premier niveau influe toujours sur les niveaux inférieurs. Dans ce cas, le problème est frappant. Sous “Mariages” et “Entreprise”, nous trouvons exactement les mêmes rubriques (“Concept” et “Repas” - “Repas” pouvant d’ailleurs faire partie de la page “Concept”).

On aurait pu proposer la logique inverse (“Concept” au premier niveau de la navigation puis, sur la page, des liens internes de type “Vous vous mariez?” “Vous organisez une fête d’entreprise?” par exemple. Sous “Les activités”, une liste d’items dont certains peuvent être regroupés (“Sport” et “VTT”) et dont un est grisé (pourquoi indiquer cet item s’il n’est pas consultable). Enfin, la rubrique “Accès” ne se trouve pas sous “L’organisation” aux côtés de “Plan du gîte”, mais sous “Infos et Prix”.

Les icônes de dossier (aux allures d’Explorateur Windows) précédant les titres des rubriques ont pour but d’indiquer qu’il y a une sous-navigation. Nous aurions préféré une icône graphiquement plus adaptée au Web, moins pour des questions esthétiques que pour s’assurer que l’utilisateur ne songe pas, en cliquant sur le lien, qu’il arrive à un dossier comprenant des fichiers téléchargeables.

Puis, notons les 3 icônes présentes en haut à droite de chaque page: Vidéo et multimédia, “Imprimer cette page”, “Contactez-nous”. Bien qu’elles soient assorties d’une infobulle ajoutant à leur sens, nous préférons toujours, pour assurer une parfaite utilisabilité, de proposer un titre accompagnant les icônes de ce type.

Les informations données sur la page d’accueil sont pertinentes: elles décrivent le lieu, l’offre et le concept.

Malheureusement, l’organisation visuelle de la page oblige l’utilisateur à lire les contenus et à utiliser la mollette de défilement pour avoir une idée globale du lieu. D’autant qu’au centre de la page, une galerie photo dynamique occupe une place critique en termes d’information.

Rien ne permet de voir la séquence logique de l’information dans les blocs successifs de contenus. Si on se réfère à la règle conventionnelle d’organiser l’information selon QUI a fait QUOI, COMMENT, POURQUOI et QUAND (la règle des 5W), on constate que la page d’accueil est très pauvre en termes d’information réelle.

On n’y trouve de réponse qu’à la question “Qu’est-ce que c’est”, mais aucunement à d’autres qui intéressent certainement l’utilisateur dès cette page: “Comment ça marche?”, “Quand est-ce libre?” “Combien ça coûte”?

Aucun clic vers les pages internes du site n’est possible à partir de la page d’accueil. Or, comme nous n’avons de cesse de le dire, un site Web doit être conçu pour un utilisateur actif et non pour un lecteur passif.

Des titres cliquables en tête des blocs de contenus proposés, tels que “Découvrez notre concept” ou “Vérifiez les disponibilités” ou encore “Mariez-vous dans un cadre de rêve”, feraient amplement l’affaire.

Le seul malheureux titre présent - “Nous vous proposons” - est peu engageant parce qu’inutile: sur un site Web, nous sommes toujours censés proposer quelque chose.

Ce clic ouvre une fenêtre surgissante qui mène à un calendrier complexe. D’une part, les informations d’utilisation placées en premier lieu prennent une grande place du haut de l’écran. Ce qui s’explique notamment par le fait que les légendes sur les disponibilités, hautes & basses saisons, et réservations sont indiquées dans les quatre langues du site (plus de choix linguistique, donc).

Ensuite, il n’est pas possible de consulter le calendrier mois par mois ou de rechercher une période particulière. La page donne par défaut tous les mois de l’année 2009 (dont les trois premiers mois échus sont grisés; ce qui obligera l’utilisateur à devoir “scroller” lorsque nous serons en septembre) et de l’année 2010.

Enfin, il faut refermer cette fenêtre et, sur le site principal, retrouver le lien “Contact” pour soumettre une demande de réservation.

Le slogan (« La preuve qu’on peut faire de l’assurance autrement ») pourrait recevoir une typo plus musclée pour soutenir le propos. D’autant que cette promesse ressort moins, au premier balayage de la page que la navigation fonctionnelle.

On souhaiterait un raccourci « Qui sommes-nous » ou « A propos » pour accéder directement à la description de l’entreprise (et savoir en quoi ils font de l’assurance « autrement »). Un raccourci vers les pages Newsletter serait conseillé également puisque newsletter, il y a. Enfin, on déplore l’absence d’un Espace Clients, où déclarer un sinistre ou modifier un contrat.

Hiérarchie et intitulés manquent de cohérence : que recèle la rubrique « P&V à votre service » ? Les labels « « P&V l’entreprise » et « Solutions et produits » ne sont pas orientés « Particulier », 1 des 3 publics du site Web.

Quant à la hiérarchie des menus, il nous semble que « Fondation P&V », « Jobs et « P&V Magazine » ne sont pas à leur place au premier niveau de la navigation supérieure.

Les premiers contenus de la page sont visuels : un long bloc (animé : ce qui dynamise agréablement la page) renvoyant vers une landing page, et un second bloc renvoyant vers une actualité.

Le premier bloc présente une baseline et une titraille claires : l’attractivité est donc garantie. Le bloc de droite a une accroche attirante aussi (surtout en cette période, précisément). Malheureusement, la page de destination ne comporte que 2 liens vers des pdf, sans titre ni description du contenu du document (ni, du reste, mention de la taille des pdf).

Sous la rubrique « P&V à votre service », un classement plus poussé aurait été judicieux. Sous une même liste, l’utilisateur est invité à 2 types d’action : consulter des informations produit ou entrer en contact avec P&V (1er et 3e et 5e raccourcis).

Il aurait été intéressant de distinguer visuellement les 2 types de manière à mieux mettre en valeur les services proposés.

Les segments « Particulier », « Indépendant » et « Institutions » (au pluriel, celui-là, contrairement aux 2 autres segments) sont visibles au premier balayage de la page. Mais les micro-contenus de ces blocs (auquel on accède en cliquant sur le visuel) manquent de saillance, de pertinence et de punch.

A part le bloc « P&V à votre service » qui propose des raccourcis directs vers des services, les contenus de la page d’accueil font un peu remplissage.

Sous « Solutions et produits » ce sont les termes « Habitation », « Voiture », « Santé », « Voyage » qui devraient être cliquables. Et non un faible « En savoir plus » ou « Cliquez ici ». Côté référencement naturel, cette page d’accueil est très mal lotie.

Sous l’intitulé « P&V à votre service, l’utilisateur trouve des services personnalisés tels que « Déclarez un sinistre » ou « Modifiez un contrat ». On regrette donc l’absence d’un accès direct permanent à « Mon P&V ».

Tout comme on déplore la cruelle absence d’une fonction de recherche, sur un site spécialisé, où l’information est abondante et un certain jargon inévitable.

Une place (trop) privilégiée pour une action qui n’a rien à voir avec du Web. Si l’intention était de favoriser le contact direct avec l’assureur, nous aurions recommandé une permanence par chat, un lien vers un « Recontactez-moi » dans ce pavé (et non dans la liste des services à gauche) ou encore, puisque l’intitulé du pavé est « P&V vous répond », un lien vers une FAQ.

L’utilisateur doit cliquer sur « cliquez ici » pour accédez à un formulaire d’inscription (lui-même trop long et pas assez intuitif).

Sur cette page de détail Newsletter, aucun exemple d’un numéro ancien n’est livré à l’utilisateur, qui donc ne sait pas à quoi il s’abonne.

Une charte graphique élémentaire, quelques icones naïves, des gouttières confortables entre les blocs, … Et ça marche !

Du reste, ce choix ne fait que renforcer le slogan dans le bandeau d’identité : « économie, qualité et simplicité ».

La navigation fonctionnelle est à sa place et relativement complète (on déplore juste sur le choix inutile de « Sitemap » au lieu de « Plan de site »).

L’Espace Client, accessible via un bouton vert, est judicieusement placé et visible.

On pourrait s’interroger, de manière plus générale, sur le logo de Touring Assurances, qui, contrairement à ce que cela évoque, ne fait pas partie du groupe Touring, mais bien du groupe AXA, comme l’indique l’encart au centre de la page.

« Le footer ne doit pas être un foutoir », dit souvent un de mes collaborateurs. Offrir un accès direct à toute la profondeur du site est un excellent choix stratégique. Malheureusement, le pied de page n’est visible qu’après 1 ou 2 défilements, et sa présentation n’offre pas une parfaite lisibilité.

Les onglets « Auto », « Moto », « Habitation » ont des labels très clairs et simples, axés Produit. Notons le choix du terme « Auto » et non « Voiture », assez cohérent par rapport au parti-pris général du site.

Pour bétonner la facilité d’utilisation, la page d’accueil figure elle aussi dans la navigation principale. Les 3 autres onglets présentent une navigation de second niveau tout aussi efficace et simple.

Toutes les pages présentent le même gabarit : un tronc de 500 pixels pour les contenus dédiés et un tronc de 250 p. pour les contenus transversaux (promos temporaires, offre sans engagement, FAQ, liens utiles, liens rapides, etc.). Simplicité et économie, une fois de plus. Et maximum d’efficacité.

Idéalement placé en première place dans le tronc de contenu, cet outil dynamique (le passage automatique d’un onglet à l’autre favorise l’utilisation) est plutôt bien foutu.

En matière d’assurances, ce qui intéresse l’utilisateur, c’est le prix que ça lui coûte. Traduit en marketing, cela veut dire que pour convertir un prospect en un client, il faut proposer un outil de simulation intuitif, attractif et convaincant.

Ensuite, lorsque le prospect est sensibilisé, il faut accélérer sa possible conversion : d’où l’accès direct qui leur est donné à leur offre, en dessous du module de simulation.

On sent que la stratégie éditoriale cible la proximité avec le client, mais certaines failles sont en train de se former. Les intitulés « Simulation d’assurance gratuite et sans engagement », « Touring Assurances, mieux assuré, moins cher », ou encore « Action Spéciale Jeunes – 22 ans » mériteraient d’être reformulés.

Nous proposons « Calculez votre assurance, gratuitement et sans engagement », « Avec Touring Assurances, vous êtes mieux assuré, et moins cher » ou encore « Tu as moins de 22 ans ? Nous t’offrons 30% de réduction sur ta RC Auto. ».

On déplorera cependant qu’il n’y ait pas plus d’harmonie au plan graphique (entre le réalisme iconographique du 1er bloc, l’animation naïve du 2e et l’absence de visuel dans le 3e bloc), mais aussi fonctionnel : contrairement aux 2 premiers blocs, le clic sur le 3e renvoie à une nouvelle page du navigateur.

Que demande Google ! Petit bémol : pourquoi certains liens sont en gras, et d’autres pas…

Pas d’accès à une newsletter, pas de fonction de recherche sur le contenu. Et pas de favicon… La perfection n’existe pas !

• Cet article est paru dans le magazine Inside Digital Media.
• Le site de P&V assurances.
• Le site de Touring assurances.