UX / UI : qu'est-ce que c'est ?
- Digital
Peut-être avez-vous déjà entendu parler de ces 2 termes, qui peuvent paraître bien barbares pour les non-initiés. Mais qu'est-ce donc que l'UX/UI ? L'expérience utilisateur (UX, pour User Experience) et l'interface utilisateur (UI, pour User Interface) sont 2 notions fondamentales de la conception d'un site ou d'une application.
L'UX/UI, c'est la décomposition du design en 2 : d'une part, la réflexion qui aboutit à la structure et à l'ergonomie d'un projet ; d'autre part, le design visuel, ce que l'on voit. On fait souvent référence à l'image de l'iceberg pour illustrer ces 2 concepts, et ce n'est pas pour rien. Il faut cependant remarquer la relation à sens unique qui lie les 2 termes : l'UI n'est pas de l'UX, mais l'UX englobe en partie l'UI. Maintenant que les choses sont encore moins claires qu'avant, passons aux choses sérieuses.
Bien que complémentaires et indissociables, ces 2 notions ont un fondement très différent. Plutôt que de s'appesantir sur les mots, rien de mieux qu'une bonne vieille comparaison.
Le design d'expérience, c'est réfléchir à l'utilisation réelle qui va être faite d'un produit : un site web, une application… ou une bouteille de ketchup. Et on peut dire que Heinz a un peu révolutionné la chose en proposant une bouteille inversée. Après avoir secoué la bouteille avec une violence inouïe pendant des années, voilà qu'apparaît cette merveilleuse invention, qui nous semble aujourd'hui d'une logique implacable. Et il n'aura pas fallu longtemps pour voir le modèle de la bouteille renversée se décliner à toutes les sauces.
À l'origine de cette révolution, une étude minutieuse de l'utilisation réelle de la bouteille, des prototypes et surtout de nombreuses mises en situation pour éprouver le concept. Le processus est long, et parfois il passe tout bonnement à la trappe. Résultat ? Des objets, des espaces ou des sites pas du tout fonctionnels, à l'ergonomie douteuse…
En plus de l'expérience utilisateur, il y a ce qu'on appelle le design d'interface (UI). L'UI traduit visuellement les résultats de l'UX : couleurs, typographie, icônes, images, mise en page… C'est la partie émergée de l'iceberg, la couche visible qui vient se superposer à l'UX pour la rendre lisible et agréable.
Mais revenons-en à nos moutons, et donc au web. Maintenant que vous savez ce que sont le design d'expérience et le design d'interface, décortiquons le processus de construction pour mesurer l'importance de l'UX.
On distingue généralement 5 étapes fondamentales, décrites par le designer Jesse James Garrett dans son ouvrage The Elements of User Experience. Elles vont du plus abstrait au plus concret.
À la base de tout projet, il y a une stratégie. Il s'agit de ne pas se planter, sinon tout le reste prend l'eau. Cette étape consiste à définir les axes de votre projet :
C'est l'inventaire des fonctionnalités et des contenus nécessaires pour répondre aux objectifs business et aux besoins des utilisateurs. On choisit ce qui entre dans le projet… et, tout aussi important, ce qui n'y entre pas.
À ce niveau, on hiérarchise l'information pour que son accès soit le plus intuitif possible. On imagine des « chemins utilisateurs » pour tester la logique de cette hiérarchie et s'assurer que, quelle que soit l'information recherchée, il ne faut pas être Indiana Jones pour la trouver.
C'est la dernière étape avant le design visuel. Le squelette définit comment organiser chaque page pour présenter l'information. Comment les utilisateurs vont-ils interagir avec les éléments ? Lesquels utiliseront-ils le plus ? C'est la phase des maquettes fonctionnelles et des prototypes, que l'on teste auprès de vrais utilisateurs.
La surface, c'est ce que vous voyez. On se concentre ici sur la couleur et la taille des boutons d'appel à l'action pour qu'ils soient le plus efficaces possible, ou encore sur la typographie pour aider à la hiérarchisation de l'information.
Eh bien, concrètement, lorsque l'UX est bien faite, on ne s'en rend pas compte. C'est justement l'objectif : rendre la navigation la plus fluide et la plus agréable possible. Derrière un site e-commerce réussi, il y a des heures de recherches et de tests pour rendre le parcours d'achat intuitif et rassurant, des fiches produits jusqu'à la confirmation de paiement.
L'UX ne concerne pas que les sites grand public. Dans une application métier, une bonne expérience utilisateur, c'est un opérateur qui traite une commande en quelques clics au lieu d'une dizaine, sans risque de se tromper. C'est par exemple tout l'enjeu d'un outil comme ce routeur de commandes développé sur mesure. Sur mobile, les contraintes sont encore plus fortes : petit écran, utilisation au pouce, connexion parfois instable. Elles se pensent dès la conception d'une application mobile.
Et si vous cherchez de l'inspiration, le site Awwwards récompense chaque jour des sites remarquables pour leur design et leur expérience utilisateur.
Une bonne expérience utilisateur doit aussi fonctionner pour les personnes en situation de handicap : contrastes suffisants, navigation possible au clavier, textes alternatifs sur les images, formulaires compréhensibles par les lecteurs d'écran…
Ce n'est plus seulement une bonne pratique. Depuis le 28 juin 2025, l'acte européen sur l'accessibilité impose ces exigences à de nombreux services numériques, dont les sites e-commerce, à l'exception des microentreprises. Les règles s'appuient sur les standards internationaux d'accessibilité du web (WCAG). Bonne nouvelle : ce qui améliore l'accessibilité améliore presque toujours l'expérience de tous les visiteurs.
En espérant que cet article vous a éclairé sur les notions d'UX et d'UI ! Vous avez un projet de site ou d'application ? Parlons-en.
👉 Un projet ou une question sur le sujet ?
Présentez-nous votre besoin et discutons des solutions que nous pouvons mettre en place.