UX-UI

UX et UI sont deux termes complémentaires du design numérique qui désignent respectivement l’expérience globale ressentie par l’utilisateur (UX) et l’interface avec laquelle il interagit (UI). L’UX est le ressenti et le parcours complet ; l’UI est la partie visible et tangible.

Dans l’ordre logique et chronologique du processus de conception, on commence par l’UX (l’expérience, le fond, le parcours), puis on passe à l’UI (l’interface, la forme, le visuel). L’UX détermine ce qu’il faut faire, l’UI comment le présenter.

Définitions détaillées

UX (User Experience), l’expérience globale

L’UX désigne l’expérience complète ressentie par l’utilisateur : utilité du produit, facilité d’utilisation, accessibilité, et émotions ressenties tout au long du parcours (de la découverte au support client). Son objectif est de rendre le produit utile, simple et satisfaisant.

UI (User Interface), l’interface visible

L’UI désigne l’ensemble des éléments visuels et interactifs avec lesquels l’utilisateur interagit : couleurs, typographies, boutons, menus, animations, mise en page. Son objectif est de rendre l’interface esthétique, cohérente et agréable à utiliser.

Relation entre UX et UI

L’UX, c’est comment on se sent. L’UI, c’est à quoi ça ressemble.

  • UX = le « pourquoi » et le « comment » (le produit est-il utile ? Le parcours est-il fluide ?)
  • UI = le « quoi » (à quoi ressemblent les boutons ? Où se trouve le menu ?)

Un produit peut avoir une belle UI (design soigné) mais une mauvaise UX (parcours chaotique). Inversement, une UX excellente peut exister avec une UI négligée. L’idéal est la convergence des deux.

Analogie

Comme un restaurant :

  • L’UX, c’est l’expérience complète : la réservation, l’accueil, le service, la qualité de la cuisine, le moment passé.
  • L’UI, c’est la décoration, la présentation des plats, la beauté du menu.

On peut avoir une belle salle mais un mauvais service (belle UI, mauvaise UX), ou une salle simple mais un accueil et une cuisine remarquables (UI quelconque, bonne UX). Le succès vient de l’équilibre.

En résumé

UIUX
Interface utilisateurExpérience utilisateur
Ce que l’utilisateur voit et toucheCe que l’utilisateur ressent
Design visuel et interactifExpérience globale (utilité, facilité, émotions)
La formeLe fond et le parcours
Explorer les thématiques : Technique et données, UX design, UI design
Les contenus de définition restent publics. Les ressources (outils, grilles, supports) liées à cette fiche sont disponibles dans l’espace membre.