UX et UI design : définitions et différence
L'UX, l'expérience utilisateur, est ce qui rend un produit facile à utiliser : le parcours, les étapes, les messages. L'UI, l'interface utilisateur, est son apparence : couleurs, typographie, boutons. L'une organise, l'autre donne forme.
- Design et expérience
Mis à jour le
L'UX, l'expérience utilisateur
UX veut dire User Experience, « expérience utilisateur ». C'est la façon dont une personne vit l'usage d'un site ou d'une application : trouve-t-elle ce qu'elle cherche, comprend-elle quoi faire, arrive-t-elle au bout sans effort ? L'UX design est le travail qui organise tout cela : les parcours, l'ordre des écrans, le nombre d'étapes, les messages, ce qui se passe quand quelque chose échoue.
L'UX se remarque surtout quand elle est mauvaise : un formulaire qui efface tout après une erreur, un bouton qu'on ne trouve pas, un paiement qui demande de créer un compte avant d'acheter.
L'UI, l'interface utilisateur
UI veut dire User Interface, « interface utilisateur ». C'est ce que l'on voit : les couleurs, les typographies, les boutons, les icônes, les espacements, les animations. L'UI design donne à l'UX une forme claire et cohérente, et à la marque son image.
La différence, avec un exemple
Prenez la réservation d'une table au restaurant. L'UX décide qu'on choisit d'abord la date et le nombre de personnes, que seuls les créneaux libres s'affichent, qu'il suffit d'un nom et d'un numéro, et qu'un rappel part la veille. L'UI décide de la forme du calendrier, de la couleur des créneaux, de la taille du bouton « Réserver » et du ton du message de confirmation.
| UX | UI | |
|---|---|---|
| La question | Est-ce facile et utile ? | Est-ce clair et beau ? |
| Ce qu'on produit | Parcours, wireframes, prototypes, tests | Maquettes, design system, animations |
| Ce qu'on mesure | Taux de réussite, abandons, temps passé | Lisibilité, cohérence, image de marque |
Les deux se travaillent ensemble : une belle interface sur un parcours confus fait fuir, un bon parcours mal présenté ne donne pas confiance.
Ce qui fait une bonne UX
- On comprend sans mode d'emploi. Chaque écran a un but, et l'action principale se voit tout de suite.
- Peu d'étapes. Chaque champ, chaque clic en plus fait perdre des utilisateurs.
- Les erreurs se rattrapent. Le message dit ce qui ne va pas et comment corriger, sans rien effacer.
- Tout le monde peut s'en servir, au téléphone comme à l'ordinateur, y compris avec un handicap : c'est l'accessibilité.
- On vérifie avec de vrais utilisateurs, sur un prototype puis sur le produit en ligne.
Ce que ça rapporte à votre projet
Sur un site, l'UX fait la différence entre une visite et une demande de devis ; dans une application, entre un utilisateur qui revient et un qui la supprime ; dans un logiciel métier, entre une équipe qui l'adopte et une qui retourne à ses tableurs. Beaspo conçoit ses sites, ses applications et ses logiciels métier pour ces résultats.
Un projet en tête ? Parlons-en, sans jargon.
Un appel de 30 minutes avec Clément, puis une proposition écrite avec le périmètre, le prix et la date de mise en ligne.
Sur demande, vous signez un accord de confidentialité avant l'appel.
Questions fréquentes : UX et UI
UX et ergonomie, est-ce la même chose ?
Presque. L'ergonomie étudie la facilité d'usage d'une interface : lisibilité, efforts, erreurs. L'UX englobe l'ergonomie et va plus loin : ce que la personne ressent, la confiance qu'elle accorde, ce qui la fait revenir. En France, on parlait d'ergonomie web avant que le mot UX ne s'impose.
Qu'est-ce qu'un UX designer ou un UI designer ?
L'UX designer conçoit les parcours : il interroge les utilisateurs, dessine les wireframes, teste les prototypes. L'UI designer conçoit l'apparence : maquettes, couleurs, composants, animations. Dans les petites équipes, une même personne fait souvent les deux, on parle alors de product designer.
Une autre question ?
Clément vous répond en moins de 2 h.