Aperçu

Voyages RG est un réseau national qui compte une 10aine d'agences de voyages et offre essentiellement des voyages organisés. Il présente également une offre de voyage sur-mesure.

CLIENT
Versailles RG

AUDIENCE DU SITE
Retraités, CSP+

PROJET
Refonte du parcours utilisateur principal de la page d'accueil au devis d'un voyage

MON RÔLE
UX Design, UI Design

Brief

Problèmes

Beaucoup d'informations sur l'écran d'accueil peuvent noyer le lecteur. De plus, quand on s'intéresse à un voyage, il manque des "appels à l'action" pour aider le visiteur dans sa démarche. Le devis n'est pas consultable en ligne ("un opérateur va vous appeler"), donc impossible de transformer le prospect en client.
Enfin, la version mobile du site, et principalement en ce qui concerne la recherche d'un voyage, est difficile à lire.

Challenge

Injecter dans le parcours de l'utilisateur principal (de la page d'accueil jusqu'au devis d'un voyage) les bases de l'"expérience utilisateur" pour le simplifier et permettre aux lecteurs d'acheter un voyage en ligne.

Exploration

Persona

En préambule à l'audit il m'a paru indsipensable de connaître la cible commerciale de cette agence de voyage. D'où ce persona.

Exemple d'un persona dans le cadre d'un audit UX

Audit UX

Analyse heuristique selon Bastien et Scapin, sur le parcours qui me semblait judicieux : de la page de destination principale (déterminée par Google) jusqu'à l'obtention d'un devis, pour un type de voyage précis.

Exemple de résultats d'une analyse heuristique Exemple d'un compte-rendu visuel d'un audit UX

Tests d'usabilité (Usability tests)

Une fois l'audit UX complété, j'ai fait appel à différentes personnes pour réaliser, en tête à tête, des tests d'usabilité. Ces tests où la personne exprime à voix haute ses pensées et émotions dans la réalisation du parcours.

Pour cela, je demandais à chacun juste d'atteindre l'objectif, pour le type de voyage choisi, c'est-à-dire l'obtention du devis, sans aucune intervention de ma part.

Exemple du schéma d'un groupe de testeurs d'usabilité d'un site web Exemple d'un compte-rendu visuel d'un test d'usabilité Exemple d'un compte-rendu visuel d'un test d'usabilité-2 Exemple d'un compte-rendu visuel d'un test d'usabilité-3

Tris des cartes (Card sorting)

Il s'agit de confier, à des utilisateurs, une nouvelle organisation des éléments d’une navigation ayant posé problème, en inscrivant chaque élément sur une carte.

Les utilisateurs peuvent également compléter/supprimer certains items.

Les élements de navigation ne sont pas uniquement une menu, en l'occurence est présent sur l'accueil une barre de recherche de voyages.

Exemple d'un tri des cartes sur post-its pour la barre de recherche d'un voyage Exemple d'un tri des cartes sur post-its pour le menu principal

Conception

Benchmark

Avant de faire quelque préconisation que ce soit, un petit tour sur des sites concurrents leaders est intéressant.

Cela a mis en évidence leur qualité ainsi que les manquements en terme d'UX, tant sur les versions desktop que mobiles.

Etude préalable à des recommandations UX : benchmark sur desktop Etude préalable à des recommandations UX : benchmark sur mobile

Préconisations

Page d'accueil

La page d'accueil est actuellement le point d'entrée principal du site. Etant le point central par lequel les utilisateurs passent pour chercher un voyage, les informations doivent être claires et faciles à trouver.

La page contient le menu principal modifié par le 1er tri de cartes, ainsi que la barre de recherche de voyages complétée de champs, par le 2ème tri de cartes.

Exemple de recommandation de design pour la page d'accueil du site

Ecrans version mobile

Pages de la recherche d'un voyage jusqu'au devis

Chaque page est une compilation des meilleures informations relative au sujet, et chacune incite à l'action, c'est à dire à passer à l'étape suivante:

  • les différents voyages résultant d'une recherche proposent à l'utilisateur de se renseigner sur l'un des voyages,
  • un voyage présente tous les éléments nécessaires pour sa sélection, et incite l'utilisateur à découvrir son devis,
  • le pop-up du devis récapitule les informations pertinentes au voyage, et incite au calcul,
  • ce pop-up est remplacé par un n° de dossier, le détail du voyage et enfin le tarif. Il incite à réserver son voyage.
Ecrans préconisés sur mobile pour la recherche d'un voyage en ligne

Vous aimez et avez un projet en tête ?

N'hésitez pas ! Appelez au 09.67.39.38.16 ou

Ecrivez-moi