Aller au contenu principal
Retour au lexique

UX

Design

Définition courte

L'UX (User Experience) est l'ensemble des sensations, émotions et perceptions d'un utilisateur lors de son interaction avec un produit digital. Un site avec un temps de chargement < 2s et une navigation intuitive réduit le taux de rebond de 30-50%.

Définition complète

L'UX englobe la stratégie de contenu, la recherche utilisateur, l'architecture de l'information, le design d'interaction et l'évaluation. Elle diffère de l'UI (User Interface) : l'UX répond à « comment ça fonctionne » et l'UI à « comment ça ressemble ». Les 5 composants mesurables : (1) Utilité : le produit répond-il à un besoin réel ?, (2) Utilisabilité : l'utilisateur peut-il accomplir sa tâche sans friction ?, (3) Désirabilité : l'expérience est-elle agréable ?, (4) Crédibilité : le design inspire-t-il confiance ?, (5) Accessibilité : le produit est-il utilisable par tous ?

Les métriques UX couvrent le comportement (taux de rebond, temps de session, pages par session) et le ressenti (NPS, CES, satisfaction). L'UX research inclut les tests utilisateurs, les entretiens, les analytics comportementaux et les heatmaps. Les décisions UX sont guidées par les données — pas par les opinions internes. Les sites avec un UX excellent convertissent 3× plus que la moyenne sectorielle.

Pensée simple

L'UX, c'est comme la signalétique d'un musée. Si les panneaux sont clairs, le visiteur trouve son chemin sans demander d'aide. Si les panneaux sont absents ou confus, le visiteur erre, se fatigue, et repart sans avoir tout vu — même si les œuvres sont excellentes.

Les 3 piliers de l'UX

Architecture de l'information et navigation (Wayfinding)

La navigation, c'est le réseau de rails d'un métro. Chaque station (page) est connectée à d'autres par des lignes (liens) et le voyageur (utilisateur) doit pouvoir aller de A à B en 3 clics maximum. Règles : (1) 3 clics maximum pour atteindre n'importe quelle page (règle des 3 clics), (2) Menu principal avec 7 items max (limite de la mémoire de travail), (3) Fil d'Ariane sur les pages profondes, (4) Footer avec liens vers les pages clés. Outils : card sorting (pour découvrir comment les utilisateurs regroupent les informations), tree testing (pour valider la structure). Un e-commerce avec 5+ niveaux de catégories perd 40% des utilisateurs à la première navigation.

Prototypage et test utilisateur (Validation)

Les tests utilisateurs sont le seul moyen de valider les hypothèses UX avant de développer. Formats : test modéré (observé en personne, qualitatif), test non modéré (plateforme comme Maze, quantitatif), test A/B (comparaison de variants). Un test avec 5 utilisateurs détecte 85% des problèmes majeurs (loi de Nielsen). Le prototypage basse fidélité (wireframes papier) permet d'itérer à coût zéro avant le développement.

Réactivité perçue et fluidité (Fluidity)

La fluidité perçue, c'est la sensation de conduite d'une Tesla : l'accélération est instantanée, les portes s'ouvrent sans clé, l'écran répond au doigt. Temps de chargement, transitions entre pages, animations, feedback des interactions — tout doit sembler instantané. Même une attente réelle de 200ms, une animation de chargement empêche l'abandon. Les micro-interactions (hover states, loading spinners, success messages) construisent la confiance. Un site avec un LCP < 1,8s et un INP < 100ms donne une sensation de fluidité native qui maintient l'attention.

Le cycle d'audit UX

  1. Collecte des données analytics : Extraire les métriques comportementales (bounce rate, session duration, pages/session, funnel drop-offs) depuis GA4.
  2. Heatmaps et recordings : Installer Hotjar ou Microsoft Clarity pour visualiser les clics, scrolls et rage clicks.
  3. Test utilisateurs modéré : Recruter 5-8 utilisateurs représentatifs, leur donner des tâches précises, observer les blocages.
  4. Analyse des complaints support : Extraire les motifs de contact client pour identifier les frictions récurrentes.
  5. Priorisation des correctifs : Matrice Impact/Facilité (quick wins vs refonte lourde).
  6. Wireframes et prototypes : Concevoir les solutions en basse fidélité avant validation.
  7. A/B testing : Tester les modifications les plus critiques pour mesurer l'impact sur la conversion.

Exemple concret

Site e-commerce de prêt-à-porter féminin (350K visites/mois) : taux de rebond 72%, temps de session moyen 1min18s, conversion 1.2%. Problèmes identifiés par Hotjar : 60% des utilisateurs scrollent past le pli de page sans voir le CTA ; 40% abandonnent sur la page filtre car les options sont trop nombreuses (23 catégories). Actions : (1) CTA sticky avec animation d'accroche dès que le scroll ralentit, (2) filtres avec limit=4 options visibles + « voir plus » (réduction à 4+1), (3) repositionnement du chat widget en bas à droite avec offre proactive au bout de 30s. Résultat après 6 semaines : taux de rebond -18 points (72% → 54%), temps de session +47s (1min18s → 2min05s), conversion +0.8 point (1.2% → 2.0%), CA mensuel +€91 000.

Applications

  • E-commerce : Chaque étape du tunnel de conversion doit être optimisée. Un formulaire de commande de 5 champs vs 3 fields augmente l'abandon de +12%. Les photos produits zoomables réduisent les retours de -22%.
  • SaaS B2B : L'onboarding utilisateur détermine la rétention. Un dashboard avec 3 metrics clés visible dès la premiere connexion réduit le churn 30 jours de -35%.
  • Finance et healthtech : Les formulaires avec erreurs qui bougent après la validation causent des frustrations. Un taux d'erreur formulaire > 15% signale un problème UX majeur.
  • Mobile apps : La rule du pouce (44×44 px pour les zones tactiles) et le respect du thumb zone (zone accessible sans étirement) sont critiques pour la rétention.
  • Media et contenu : Les articles longs avec une bonne hiérarchie visuelle (sous-titres, listes, images) ont un temps de lecture +40% supérieur aux articles denses.

Métriques clés

MétriqueBenchmarkImpact
Taux de rebond45-65% (e-commerce)Au-delà = problème UX
Temps de session moyen2-3 min (site vitrine)Sous 1min = contenu non pertinent
Conversion2-3% (e-commerce moyen)+0.5pt = +25% CA
Score NPS> 50 = excellentCorrélé à la rétention
Task completion rate> 80% = fluideTest utilisateur modéré