Le problème avec les mots à la mode
UX. UI. Deux lettres, deux concepts. Si tu t’intéresses un peu au design ou à la création de site web, tu les croises partout. Dans les offres d'emploi, les descriptions d'agence, les portfolios. Mais on les utilise souvent comme un seul mot : "Je veux un design UX/UI."
Et là, c’est flou.
Car UX et UI sont deux choses bien différentes.
Et les confondre, c’est risquer de construire un site qui semble bien sur le papier… mais qui ne fonctionne pas.
Ce qu’on va faire ici, c’est décortiquer ces deux concepts, calmement, sans jargon inutile. Juste l’essentiel, des exemples concrets, et un peu de bon sens.
L’UX : l’expérience qu’on ne voit pas, mais qu’on ressent
UX signifie User Experience, ou expérience utilisateur.
C’est une discipline qui vise à rendre un produit (un site, une app, un logiciel…) facile à utiliser, logique, agréable.
Mais “agréable” ne veut pas dire “joli”.
Il s’agit plutôt de répondre à cette question :
Est-ce que l’utilisateur trouve ce qu’il cherche, sans galérer, sans réfléchir ?
L’UX commence bien avant qu’on parle de couleurs ou de boutons.
On s’intéresse à qui est l’utilisateur, à ce qu’il vient faire, et à comment on peut l’aider à atteindre son but rapidement, sans friction.
Un bon UX, c’est un site qui anticipe les besoins.
Tu cliques là où tu pensais cliquer.
Tu trouves ce que tu cherchais sans avoir à scroller dix minutes.
Tu comprends ce que tu peux faire dès les premières secondes.
Et le plus souvent, tu ne te rends compte de rien.
Parce que tout semble évident.
Et c’est justement ça, un bon UX : quand on ne remarque pas qu’il y a eu du travail derrière.
Et l’UI alors ? C’est quoi ?
UI signifie User Interface, soit l’interface utilisateur.
C’est le design visuel, l’apparence, la couche graphique.
Tu vois un bouton bleu arrondi, une animation fluide, une typo élégante ? C’est l’UI.
Elle intervient après que l’UX ait défini le parcours logique. Elle habille, donne vie, rend le tout beau et agréable.
Un bon UI est :
- cohérent avec l’univers de la marque,
- accessible (lisible, contrasté, responsive),
- engageant (hiérarchies visuelles, feedback d’action),
- harmonieux (typographies, couleurs, icônes, espacements…).
Mais si l’UI est bien faite sans UX, tu risques d’avoir un site “beau mais inutile”.
Tu peux séduire… mais pas convertir.
L’UI : l’enveloppe visuelle de cette expérience
UI, de son côté, signifie User Interface, ou interface utilisateur.
Là, on entre dans le territoire du design visible : la mise en page, les couleurs, les typographies, les images, les icônes, les transitions, etc.
C’est ce qu’on voit. Ce qu’on touche. Ce qui rend le site plaisant à utiliser, mais aussi cohérent avec une marque.
Mais attention : un bon UI n’est pas un feu d’artifice visuel.
C’est un design qui :
- met en valeur l’information importante,
- crée une hiérarchie claire,
- attire l’attention là où il faut,
- évite de surcharger,
- et surtout… sert l’UX.
L’UI est au service de l’expérience, pas l’inverse.
C’est lui qui rend l’outil attirant, crédible, clair. Mais il ne suffit pas à lui seul.
Une analogie pour tout résumer : la bouteille de ketchup
Prenons un objet simple : une bouteille de ketchup.
Tu as celle en verre : élégante, un peu rétro. Mais il faut la secouer, taper, retourner dans tous les sens. Parfois rien ne sort. Parfois tout sort d’un coup.
Et puis, tu as la version en plastique souple : tu ouvres, tu presses, tu as exactement la bonne quantité.
Dans cette analogie :
- La forme de la bouteille, son style, son matériau : c’est l’UI
- La facilité à obtenir du ketchup sans galérer : c’est l’UX
La plupart des produits numériques aujourd’hui sont exactement comme ça.
Certains ont un design léché, mais une expérience catastrophique. D’autres sont sobres, parfois même moches… mais ils fonctionnent. L’idéal ? Les deux.
UX et UI ne sont pas interchangeables
Une erreur fréquente consiste à penser qu’UX et UI sont deux mots différents pour la même chose. Ou pire : que l’un est plus important que l’autre.
En réalité, l’un sans l’autre ne tient pas la route très longtemps.
Un beau site mal conçu, c’est comme une voiture de sport sans direction assistée. Ça attire, ça impressionne, mais ça fatigue vite.
Un site fluide mais moche, c’est comme une salle d’attente pratique mais glauque. Ça fait le job, mais on n’a pas envie d’y revenir.
Un site bien pensé, c’est un équilibre
On pourrait dire que :
- l’UX, c’est l’architecture d’un bâtiment : invisible mais fondamentale.
- l’UI, c’est la déco : ce qui fait qu’on s’y sent bien.
Tu peux avoir les plus beaux meubles du monde, s’ils sont mal placés ou que la porte d’entrée donne dans un placard, personne ne restera.
Ce qui crée une vraie expérience réussie, c’est quand :
- la navigation est fluide,
- l’information est claire,
- les actions sont logiques,
- et que l’ensemble est cohérent visuellement, moderne et professionnel.
UX (User Experience) |
UI (User Interface) |
|
|---|---|---|
| Définition | Conception de l’expérience utilisateur globale | Conception de l’aspect visuel et interactif |
| Objectif | Offrir un parcours fluide, intuitif, logique | Créer une interface attractive et cohérente |
| Visible ? | ||
| Visible ? | Non, sauf quand c’est raté | Oui, c’est ce qu’on voit en premier |
| Champs d’action | Structure, contenu, logique, comportement, accessibilité | Couleurs, polices, animations, disposition |
| Outils utilisés | Wireframes, prototypes, tests utilisateurs | Design system, Figma, Illustrator, composants UI |
| Impact | Satisfaction, fidélisation, conversion | Attractivité, professionnalisme, engagement |
Pour finir
UX et UI ne sont ni des buzzwords, ni des tendances. Ce sont deux piliers fondamentaux de tout produit digital.
L’un rend l’usage simple et logique.
L’autre rend l’ensemble crédible, clair, engageant.
Et quand les deux sont bien pensés ensemble, on ne parle plus d’un “joli site”, mais d’un site utile, efficace, mémorable.
