Les lois de l’UX – théorie et meilleures pratiques en matière de conception de l’expérience utilisateur

L’expérience utilisateur ou user experience (UX) est tout ce qui arrive à une personne lorsqu’elle interagit avec un produit ou un service.

Dans le monde numérique, ce produit est généralement un site web, une application ou un logiciel.

Il ne s’agit pas seulement de l’apparence d’un produit (l’interface utilisateur), mais aussi de son fonctionnement et de ses sensations.

Pense à cela de la façon suivante :

  • L’interface utilisateur (IU) est le volant, les sièges et le tableau de bord d’une voiture. C’est la partie que tu vois et que tu touches.

  • L’UX (expérience utilisateur) est l’ensemble de l’acte de conduire la voiture : la douceur de la conduite, la facilité à se garer, la sensation que procurent les commandes et le fait que tu arrives à destination heureux ou frustré.

Une bonne UX, c’est :

  • Utile : elle résout un problème réel pour l’utilisateur.

  • Utilisable: elle est facile à utiliser et à naviguer.

  • Désirable : il crée un lien émotionnel positif.

  • Trouvable: les utilisateurs peuvent facilement trouver ce dont ils ont besoin.

  • Accessible: peut être utilisé par des personnes handicapées.

  • Crédible: il semble fiable et digne de confiance.

Les « lois de l’UX » sont un ensemble de règles, de bonnes pratiques et de principes que les concepteurs peuvent utiliser pour créer des produits plus intuitifs, plus conviviaux et centrés sur l’expérience humaine.

Elles reposent en grande partie sur des principes psychologiques bien documentés et sont utiles à quiconque dans les environnements numériques et physiques.

Tu trouveras ci-dessous un aperçu complet des lois les plus importantes et les plus citées, classées par catégories pour plus de clarté.

Lois fondamentales (Jakob Nielsen et al.)

Il s’agit de certains des principes les plus anciens et les plus fondamentaux de l’UX.

  1. Loi de Jakob

    • Ce que c’est : les utilisateurs passent la plupart de leur temps sur d ‘autres sites web. Ils préfèrent donc que ton site fonctionne de la même manière que tous les autres sites qu’ils connaissent déjà.

    • Implications : Ne réinvente pas la roue. Utilise des modèles et des conventions familiers (par exemple, l’icône du panier d’achat, le positionnement de la barre de recherche). Cela réduit la charge cognitive et la courbe d’apprentissage de l’utilisateur.

  2. Loi de Fitts

    • Ce que c’est : Le temps d’acquisition d’une cible est fonction de la distance et de la taille de la cible.

    • Implications : Fais en sorte que les éléments interactifs (tels que les boutons) soient suffisamment grands et place-les dans des zones faciles à atteindre. Ceci est crucial pour les interfaces tactiles. Cela explique aussi pourquoi les menus de navigation fixes et les angles « compatibles avec la loi de Fitts » (où la souris est arrêtée par le bord de l’écran) sont efficaces.

  3. Loi de Hick

    • Quoi : le temps nécessaire pour prendre une décision augmente avec le nombre et la complexité des choix.

    • Implications : Simplifie les choix pour l’utilisateur. Décompose les tâches complexes en petites étapes. Utilise la divulgation progressive pour éviter de surcharger les utilisateurs avec trop d’options à la fois. Ceci est crucial pour les formulaires et les menus de navigation.

  4. La loi de Miller

    • Quoi : une personne moyenne ne peut stocker que 7 (± 2) éléments dans sa mémoire de travail.

    • Implications : Décompose les informations en groupes plus petits de 5 à 9 éléments pour les rendre plus faciles à traiter. C’est pourquoi les numéros de téléphone sont divisés en groupes et les menus de navigation sont souvent regroupés en catégories.

  5. Loi de Postel (principe de robustesse)

    • Ce que c’est : Être conservateur dans l’envoi, libéral dans l’acceptation.

    • Implications : Les conceptions doivent être flexibles et indulgentes. Par exemple, un champ de formulaire doit accepter des numéros de téléphone dans différents formats, ou une application doit gérer les erreurs de l’utilisateur avec élégance.

Lois de la perception (principes de Gestalt)

Ces principes décrivent la façon dont les êtres humains perçoivent visuellement et regroupent les éléments.

  1. Loi de Prägnanz (bonne figure, loi de la simplicité)

    • Quoi : les gens perçoivent et interprètent les images ambiguës ou complexes sous la forme la plus simple possible.

    • Implications : Les utilisateurs rechercheront naturellement l’ordre et la simplicité dans les formes complexes. Utilise des icônes claires et simples et évite toute complexité visuelle inutile.

  2. Loi de proximité

    • Qu’est-ce que c’est : les objets voisins apparaissent groupés.

    • Implications : Place les objets apparentés à proximité les uns des autres. Elle est fondamentale pour la conception des formulaires (étiquette proche de son entrée) et pour la disposition des onglets.

  3. Loi de similitude

    • Quoi : Les objets qui se ressemblent sont perçus comme étant liés ou ayant la même fonction.

    • Implications : Utilise un style cohérent pour les éléments qui effectuent la même action (par exemple, tous les boutons primaires doivent avoir la même apparence).

  4. Loi de fermeture

    • Quoi : les gens perçoivent des formes entières même si elles sont incomplètes.

    • Implications : Tu peux utiliser des éléments partiels (comme une icône de cercle brisée) et le cerveau de l’utilisateur remplira les blancs. Cela peut être utilisé pour un design minimaliste et accrocheur.

  5. Loi de la région commune

    • Quoi : les éléments qui se trouvent dans une même région fermée sont perçus comme étant groupés.

    • Implications : Utilise des bordures ou des couleurs d’arrière-plan pour regrouper des contenus connexes, comme les onglets ou les panneaux d’un tableau de bord.

Lois de motivation et de comportement

Ces principes concernent l’implication, la motivation et les émotions des utilisateurs.

  1. Loi de Tesler (loi de conservation de la complexité)

    • Ce que c’est : Chaque système possède une quantité intrinsèque de complexité qui ne peut être réduite. La tâche du concepteur consiste à gérer cette complexité, et non à l’éliminer.

    • Implications : Simplifie l’interface utilisateur en déplaçant la complexité dans les coulisses. Laisse le système faire plus de travail pour que l’utilisateur en fasse moins (par exemple, les modules de remplissage automatique, les valeurs par défaut intelligentes).

  2. Effet Von Restorff (effet d’isolement)

    • Ce que c’est : Lorsque plusieurs objets similaires sont présents, celui qui diffère des autres est plus susceptible d’être mémorisé.

    • Implication : faire en sorte que les actions clés (comme le bouton  » S’inscrire  » ou  » Acheter maintenant « ) se distinguent visuellement des autres éléments de la page.

  3. Effet esthétique sur l’utilisateur

    • Quoi : les utilisateurs perçoivent souvent les conceptions esthétiques comme plus utilisables.

    • Implications : Un beau design peut rendre les utilisateurs plus tolérants aux petits problèmes d’utilisabilité et peut créer une première impression plus positive.

  4. Règle du pic final

    • Quoi : les gens jugent une expérience en fonction de ce qu’ils ont ressenti à son apogée (point le plus intense) et à sa fin, plutôt qu’en fonction de la moyenne totale de chaque moment.

    • Implications : Accorde une attention particulière aux moments les plus impactants (une bonne animation) et à la dernière étape du parcours de l’utilisateur (un message de confirmation satisfaisant).

  5. Seuil de Doherty

    • Quoi : la productivité augmente lorsqu’un ordinateur et ses utilisateurs interagissent à un rythme (<400ms) qui garantit qu’aucun des deux n’a à attendre l’autre.
      Implication : fournir un retour d’information au système (comme des indicateurs de chargement) dans les 400 ms pour que les utilisateurs restent engagés et informés.

Comment utiliser ces lois

  • Commeun guide, pas comme un évangile : il s’agit de principes, pas de règles inflexibles. Le contexte est essentiel. Parfois, enfreindre une loi est la bonne décision en matière de conception.

  • En tant que justification : ils fournissent une base scientifique et psychologique à tes décisions de conception, ce qui t’aide à soutenir une meilleure UX lors des discussions avec les parties prenantes.

  • Commeliste de contrôle : Utilise-les comme une liste de contrôle mentale pendant le processus de conception et de critique. « Est-ce que j’enfreins la loi de Hick en présentant trop d’options ? »

Pourquoi l’UX est-elle cruciale pour le marketing numérique ?

Le marketing numérique consiste à attirer et à convertir les clients. L’UX concerne ce qui se passe une fois que tu les as attirés.

Si ton UX est médiocre, tes efforts en matière de marketing sont gaspillés. Ce sont les deux faces d’une même pièce.

Voici quelques raisons pour lesquelles l’UX n’est pas négociable pour la réussite du marketing :

1. Elle a un impact direct sur les taux de conversion (CRO ou conversion rate optimization)

Il s’agit du lien le plus direct. Chaque obstacle que rencontre un utilisateur est une occasion de l’abandonner.

  • Un processus de paiement confus = des paniers d’achat abandonnés.

  • Une page qui se charge lentement = les utilisateurs appuient sur le bouton retour.

  • Un formulaire de contact difficile à trouver = des prospects perdus.
    Une bonne UX simplifie le parcours de l’utilisateur, du client potentiel au client, en éliminant les frictions et en augmentant considérablement les chances de conversion.

2. Réduit le coût d’acquisition des clients (CAC)

Acquérir un nouveau client par le biais de publicités ou du référencement coûte cher. Une bonne UX permet de s’assurer qu’un pourcentage plus élevé de ces visiteurs coûteux se convertissent réellement. Tu n’as pas besoin de dépenser plus pour obtenir plus de prospects, tu dois juste retenir plus de prospects que tu paies déjà pour attirer.

3. Améliore le référencement (optimisation des moteurs de recherche)

L’objectif principal de Google est de fournir les meilleurs résultats possibles à ses utilisateurs (ou des réponses via les aperçus de l’IA). Comment mesure-t-il la validité d’un site web ? Également grâce à ce que l’on appelle les signaux UX.

  • Vitesses fondamentales du Web : des paramètres tels que la vitesse de chargement, l’interactivité et la stabilité visuelle sont des facteurs de classement directs.

  • Temps de séjour/taux de rebond : si les utilisateurs cliquent sur ton lien depuis Google et partent immédiatement (taux de rebond élevé), cela signifie que ta page n’était pas utile. Une bonne interface utilisateur les maintient engagés, ce qui indique à Google que ton site a de la valeur.

  • Convivialité mobile : avec l’indexation mobile-first, un site qui offre une mauvaise expérience sur un téléphone sera moins bien classé.

4. Renforce la confiance et la fidélité à la marque

Une expérience positive et transparente donne aux utilisateurs le sentiment d’être respectés et appréciés. Cela crée de la confiance dans ta marque.

  • Un utilisateur qui peut facilement trouver des informations et effectuer un achat est plus susceptible de revenir et de devenir un client fidèle.

  • Un utilisateur frustré ne reviendra probablement jamais et pourra même laisser des avis négatifs, ce qui nuira à la réputation de ta marque.

5. Fournit des données et des informations précieuses

Le processus d’amélioration de l’UX (par le biais de tests utilisateurs, de cartes thermiques et d’analyses) donne aux spécialistes du marketing des indications incroyables sur le comportement de leur public.

  • Ils en apprennent plus sur le contenu avec lequel ils s’engagent.

  • Tu comprends où ils sont bloqués dans l’entonnoir des ventes.

  • Tu comprends quels sont leurs véritables besoins et points douloureux.
    Ces données sont de l’or pur pour créer des campagnes marketing plus efficaces et plus ciblées à l’avenir.

6. Alimente le bouche-à-oreille et le partage sur les médias sociaux

Les gens sont beaucoup plus susceptibles de recommander un produit ou un service qui a été un plaisir à utiliser. Une expérience intelligente, intuitive ou sans friction est quelque chose dont les utilisateurs parleront et qu’ils partageront, ce qui te permet de faire du marketing gratuit.

Tu ne vois toujours pas le lien entre l’UX et le marketing numérique ? Pense à cette relation de cette façon :

  • Le marketing numérique est le mégaphone. Il amène les gens à ta porte numérique.

  • L‘UX est la porte, le couloir et l’accueil à l’intérieur. Elle détermine si les gens peuvent entrer, comment ils se sentent une fois à l’intérieur et s’ils décident de rester et d’acheter quelque chose.

Tu peux avoir la meilleure campagne de marketing au monde, mais si ton site Web est lent, déroutant ou frustrant, tu dépenses essentiellement de l’argent pour décevoir des clients potentiels.

Pour en savoir plus – en anglais – tu peux visiter le site interactif Laws of UX de Yon Jablonsky ou le portail de la célèbre organisation Nielsen Norman Group NN/g qui contient des formations, des études de cas et bien d’autres choses encore.