Audit UX et tests d'usabilité

Présentation d'un travail d'audit selon l'UX design

Sur cette page sont détaillées les étapes types autour d'un audit de site selon des critères purement UX.
Premièrement, nous allons voir les raisons qui ont mené à un audit UX, assorties des contraintes, dans la section Brief.
Deuxièmement nous verrons comment j'ai mené l'audit, et quels autres outils j'ai mis en place. Ceci dans la partie Explorations.
Et troisièmement, nous comprendrons qu'un benchmark a permis de meilleures préconisations de design, dans la partie Conception.

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 via le persona de l'entreprise et un audit UX

Persona

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

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.

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.

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.

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.

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.

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.

Vers le projet suivant >