Pourquoi tout le monde les confond
'UI/UX' est prononcé comme un seul mot si souvent que la plupart des gens pensent qu'il s'agit d'un seul métier. Ce n'est pas le cas — et la confusion n'est pas anodine. Un fondateur qui pense 'UI' alors que le problème est en réalité 'UX' embauchera un designer visuel pour corriger un problème qui se trouve en fait dans le tunnel de commande, dépensera le budget pour un bouton plus joli, et verra le même pourcentage d'utilisateurs abandonner à la même étape. La solution n'a jamais été visuelle. Elle était structurelle. Savoir lequel des deux problèmes on a vraiment fait toute la différence entre dépenser de l'argent et le gaspiller.
Les définitions, sans détour
UI — User Interface (Interface Utilisateur)
Tout ce qu'on peut voir et avec quoi on peut interagir physiquement : boutons, couleurs, typographie, icônes, espacements, animations. L'UI, c'est la surface — la couche visuelle et interactive entre la personne et le système. C'est de l'artisanat qu'on peut capturer en capture d'écran.
UX — User Experience (Expérience Utilisateur)
Tout le parcours qu'une personne effectue pour accomplir quelque chose — à quel point c'est facile, combien d'étapes ça demande, si ça a du sens, si la personne se sent en confiance ou perdue. L'UX est structurelle — on ne peut pas la capturer en capture d'écran, seulement la mesurer, dans les tâches terminées et abandonnées.
8 façons de les différencier
Le focus
UI
L'apparence et le ressenti du produit — couleur, typographie, espacement, icônes.
UX
Comment le produit fonctionne pour la personne qui l'utilise — tout le parcours, du début à la fin.
La question à laquelle ça répond
UI
"Est-ce que ça a l'air bien ?"
UX
"Est-ce que ça a du sens ?"
Ce qui est livré
UI
Maquettes, guides de style, bibliothèques de composants, écrans pixel-perfect.
UX
Parcours utilisateurs, wireframes, personas, cartes de parcours, rapports d'utilisabilité.
Les outils du métier
UI
Figma, palettes de couleurs, sets d'icônes, échelles typographiques.
UX
Entretiens utilisateurs, cartes de parcours, tests A/B, analytics, tri de cartes.
Comment on mesure le succès
UI
Cohérence visuelle, alignement de marque, attrait esthétique.
UX
Taux de complétion des tâches, temps par tâche, taux d'abandon, score de satisfaction.
Quand ça entre dans le processus
UI
Plus tard — une fois le parcours validé, l'UI lui donne un visage.
UX
Plus tôt — avant même qu'un seul pixel existe, l'UX décide ce qu'est le parcours.
À quoi ressemble le "bon"
UI
Un bouton qui a l'air cliquable. Un espacement cohérent. Un langage visuel cohérent.
UX
Un tunnel de commande en 3 étapes au lieu de 8, parce que personne n'a eu à s'arrêter pour réfléchir.
Comment chacune échoue
UI
Une interface magnifique que personne ne sait utiliser — tout en style, zéro repère.
UX
Un formulaire qui fonctionne parfaitement mais qui a l'air de dater de 2004 — toute la logique, zéro finition.
Tu penses savoir faire la différence ? Essaie.
Voici 6 vraies décisions produit. Pour chacune, décide si elle corrige l'UI ou l'UX — puis vérifie l'explication. Pas d'inscription, pas de tracking, juste six secondes d'honnêteté sur à quel point tu connais vraiment la différence.
Un bouton de commande est violet, avec des coins arrondis et une légère animation au survol.
Ce ne sont pas des rivaux — elles ont besoin l'une de l'autre
Une UI magnifique autour d'un parcours confus rend juste la confusion plus coûteuse à regarder. Une UX brillante enterrée sous une interface maladroite et incohérente pousse les gens à se méfier de quelque chose qui fonctionne pourtant. Les sites et produits qui convertissent ne sont jamais l'un ou l'autre — ce sont des décisions UX (quoi construire, dans quel ordre, avec combien d'étapes) exprimées à travers l'artisanat UI (à quoi ça ressemble et ce que ça fait une fois construit). Aucune des deux ne répare ce que l'autre a cassé.
Besoin d'un site où l'UX et l'UI sont vraiment d'accord ?
Discutons-en →About
Patrick Chen — développeur indépendant et designer web derrière Sublimearts.io. On me demande d'"améliorer l'UI" plus souvent que le problème réel n'est vraiment l'UI. En général, c'est le parcours. C'est l'article que j'aimerais pouvoir simplement envoyer au lieu de l'expliquer à chaque fois.