← Retour au portfolio
UX Académique · Audit ergonomique

Cabanes de France

Un audit heuristique et un test d'accessibilité automatisé pour comprendre pourquoi le site d'un hébergement touristique convertit si peu — et quoi corriger en premier.

RôleUX Designer (solo)
MissionMondodo — audit UX et accessibilité
Soutenance21 mars 2025
Statut✅ Validé
01 Contexte02 Démarche03 Résultats04 Compétences

01 · Contexte

L'agence web Mondodo, spécialisée dans les sites d'hébergements touristiques (campings, cabanes, hôtels, gîtes), est sollicitée par un prospect dont le site reçoit peu de réservations en ligne, sans qu'il en comprenne la raison. Ma mission : auditer le site réel Cabanes de France jusqu'à l'écran de la chambre à réserver, sans entrer dans le tunnel de paiement.

📉 -7,4/20note générale obtenue à l’audit heuristique du parcours de réservation
🔟 10heuristiques de Nielsen évaluées sur chacune des 6 étapes du parcours
♿ 10erreurs majeures détectées par le test d’accessibilité automatisé WAVE

Le parcours de réservation reste globalement compréhensible, mais plusieurs blocages ressortent dès la recherche : impossible d'écrire dans les champs « Région » ou « Date d'arrivée », des menus déroulants qui empêchent d'atteindre la barre de recherche, et une terminologie (« Boutique ») qui ne correspond pas au modèle mental de l'utilisateur. Le test WAVE objective en complément des problèmes d'accessibilité qui excluent une partie des visiteurs — contrastes, liens vides, images sans texte alternatif.

02 · Démarche

Un audit en deux temps — heuristique puis accessibilité — pour fonder les recommandations sur une grille de notation plutôt que sur une impression.

1

Choix de la grille d'évaluation

Les heuristiques de Nielsen retenues plutôt que celles de Bastien & Scapin, pour une première analyse d'ergonomie systématique et efficace du parcours.

Heuristiques de NielsenAccessibilité WAVE
2

Notation du parcours de réservation

Capture d'écran à chaque étape, notation de -2 à +2 pour chacun des 10 critères de Nielsen, chaque note appuyée d'une observation écrite.

3

Audit d'accessibilité automatisé

Passage du site au crible avec l'outil WAVE : contrastes, textes alternatifs manquants, liens vides, structure des titres (H1, H2…).

4

Synthèse et priorisation

Regroupement des observations par critère et par écran, puis un plan d'action réparti sur trois horizons de temps.

Parcours audité

ÉtapeCe qui est testéCe qui ressort
HomepageRecherche & repérageImpossible d'écrire dans « Région » ou « Date d'arrivée » ; dropdowns qui bloquent l'accès à la recherche
Trouver un hébergementFiltres & résultatsPas de suggestion automatique, messages d'erreur peu explicites
Page produitDétail de l'hébergementInformations denses, hiérarchie visuelle à renforcer, scroll excessif
Page BoutiqueNavigation secondaireTerme « Boutique » qui désoriente et se confond avec les hébergements
Page ProduitsListing produitsCTA peu contrastés, peu de feedback visuel après un clic
CheckoutRécapitulatif avant paiementAudit arrêté avant le paiement ; bouton « Retour » peu visible

03 · Résultats

L'audit heuristique et le test WAVE convergent vers trois familles de problèmes, indépendantes de l'étape mais pas de même urgence.

🔄 Problème A — Absence de feedback système

  • Chargements et validations sans indicateur visuel
  • Aucune confirmation claire après un ajout au panier
  • Clics sans retour immédiat : l'utilisateur doute

🏷️ Problème B — Modèle mental non respecté

  • Terminologie (« Boutique ») qui ne correspond pas à l'intention
  • Peu d'options pour annuler ou revenir en arrière
  • Filtres de recherche peu ergonomiques

♿ Problème C — Barrières d'accessibilité (WAVE)

  • Contrastes insuffisants entre texte et fond
  • Liens vides et images sans texte alternatif
  • Absence de hiérarchie claire des titres

Synthèse par écran

🧭 Navigation & filtres

Présentation claire, mais manque de feedback sur la recherche et les filtres.
Recommandation — Rendre la barre de recherche plus visible, améliorer les indicateurs de chargement.

🎯 Appels à l'action (CTA)

Les CTA sont présents mais manquent de contraste et de visibilité.
Recommandation — Agrandir le bouton « Réserver », couleur plus contrastée, feedback de validation.

🛍️ Compréhension de l'offre

Confusion autour du concept « Boutique », mal distingué des hébergements.
Recommandation — Renommer la section en « Cartes Cadeaux », simplifier l'interface.

Plan d'action priorisé

🟢 Court terme (1-3 mois)

Contraste & textes alternatifs, feedbacks utilisateurs, fil d'Ariane.

🟡 Moyen terme (3-6 mois)

Navigation mobile, clarté des messages d'erreur, FAQ contextuelle.

🔴 Long terme (6+ mois)

Tests utilisateurs, suivi des performances, refonte du parcours.

04 · Compétences

Ce projet a mobilisé la chaîne complète de l'audit UX, du choix de la grille d'évaluation à la restitution orale en double jeu de rôle (direction, puis client).

• Audit heuristique (grille de Nielsen)
• Test d'accessibilité automatisé (WAVE)
• Notation et argumentation critère par critère
• Synthèse par critère et par écran
• Priorisation UX (plan d'action à 3 horizons)
• Formulation de recommandations clients
• Restitution orale devant jury

Et après — le process recommandé

1
Auditer
2
Synthétiser
3
Prioriser
4
Présenter
5
Itérer

✅ Soutenance du 21 mars 2025 — Projet validé

Ce que le jury a retenu« Document clair et bien structuré, bonnes priorisations et recommandations concrètes. » — Kévin Geiger, évaluateur

Ce que j'en retireHomogénéiser la langue (français/anglais) dans les titres et sommaires pour un rendu plus professionnel, et montrer davantage l'outil d'audit et sa grille d'heuristiques pendant la présentation.

Livrables du projet

📎 Audit heuristique — grille de notation par étape (Nielsen)
📎 Présentation client — recommandations UX

Martin Lanrezac — Formation UX Design, OpenClassrooms, en alternance chez YellowKorner. Projet mené pour Mondodo, agence web, à partir du cas réel Cabanes de France.