UX vs UI : la méthode pour ne plus les confondre sur un vrai projet

Comprendre la différence entre UX et UI en théorie, c'est une chose. La faire vivre dans une équipe qui travaille ensemble sur un vrai projet en est une autre. Voici la méthode en deux temps que j'utilise en démarrage de mission.

Un glossaire commun avant toute chose

Avant même de toucher un écran, je fais toujours constituer à l'équipe un glossaire partagé : UX, UI, IxD, CX, chacun avec sa définition en une phrase et un exemple tiré du produit en cours. Ça paraît basique, mais c'est ce qui évite les réunions où deux personnes défendent la même idée avec des mots différents, ou l'inverse.

Ce glossaire n'a pas besoin d'être exhaustif. Une fiche d'une page, partagée et relue en dix minutes, suffit à aligner une équipe pour tout le reste du projet.

L'audit avant/après

Une fois le vocabulaire posé, l'exercice le plus efficace est un mini audit « avant/après » d'un écran existant. On liste les points positifs et négatifs, puis on classe chaque point : est-ce un problème d'UX (le parcours, la logique) ou un problème d'UI (la forme, la lisibilité) ?

Concrètement, sur un écran d'inscription, voici le type de séparation qu'on obtient :

1. Côté UX : réduire l'anxiété d'inscription par un message de preuve sociale, un récapitulatif clair des avantages et un lien visible vers la politique de confidentialité.
2. Côté UI : améliorer la lisibilité par une grille 8pt, des contrastes conformes AA, des labels persistants et un bouton primaire correctement hiérarchisé.

Ce classement se fait en groupe, à l'oral, sur un écran projeté. Il ne prend pas plus de trente minutes et évite des semaines de débat mal cadré plus tard dans le projet.

Une différence concrète

Une page d'inscription reste un sujet d'UI tant qu'on ajuste sa grille, ses couleurs et ses composants. Elle devient un sujet d'UX dès qu'on reformule la promesse, qu'on réduit le nombre de champs, ou qu'on clarifie la preuve sociale pour lever les doutes. Le même écran, deux natures de problème différentes.

Le réflexe UX vs UI au quotidien

Une fois cette méthode intégrée, le réflexe devient naturel : à chaque retour client ou chaque test utilisateur, la première question à se poser est « est-ce que ce problème se résout en changeant le parcours, ou en changeant la forme ? ». C'est souvent la question la plus rapide à poser, et la plus longue à ignorer.

Pour aller plus loin sur le sujet, je recommande deux lectures de référence : The Design of Everyday Things de Don Norman, et Don't Make Me Think de Steve Krug, deux classiques qui posent les bases de cette distinction bien avant qu'elle ne devienne un sujet de branding.

Questions fréquentes

Combien de temps prend un audit avant/après ?

Sur un écran unique, comptez trente minutes à une heure en groupe. L'essentiel n'est pas l'exhaustivité mais le classement clair de chaque point en "UX" ou "UI".

Faut-il refaire ce glossaire à chaque projet ?

Oui, même rapidement. Chaque produit a son vocabulaire et ses cas particuliers ; un glossaire générique perd de sa valeur pédagogique s'il n'est pas ancré dans le produit réel de l'équipe.

Cette méthode fonctionne-t-elle en solo, sans équipe ?

Oui, l'exercice fonctionne très bien seul : le classement UX/UI reste la partie la plus utile, même sans les échanges collectifs qui l'enrichissent en équipe.

Florent Dabernat

Directeur artistique et fondateur d'IDSEED, à Aix-en-Provence. J'accompagne mes clients sur le branding, l'UX/UI et le web, avec une méthode claire et documentée. En savoir plus ➞