Vous avez déjà entendu parler d’UX et d’UI design sans vraiment saisir où s’arrête l’un et où commence l’autre ? Vous n’êtes pas seul. Ces deux disciplines sont au cœur de la création numérique moderne, pourtant elles restent systématiquement confondues y compris dans les offres d’emploi. Pourtant, une seule lettre les sépare : « X » pour eXperience, « I » pour Interface. Et cette différence change absolument tout dans la façon de concevoir un produit digital.
UX Design : la science de l’expérience utilisateur
Définition de l’UX Design
L’UX Design (User Experience Design) désigne l’ensemble des réflexions, méthodes et processus mis en œuvre pour optimiser l’expérience vécue par un utilisateur lorsqu’il interagit avec un produit numérique — site web, application mobile, logiciel, borne interactive. Le terme a été popularisé dans les années 1990 par Don Norman, alors vice-président d’Apple, qui fut le premier à utiliser officiellement l’expression « User Experience » pour désigner cette approche centrée sur l’humain.
L’UX Design ne se limite pas à la beauté d’un écran. Il s’intéresse à quelque chose de beaucoup plus profond : est-ce que ce produit répond vraiment aux besoins de l’utilisateur ? Est-il intuitif, fluide, agréable à utiliser ? Ce sont des questions qui se posent avant même qu’une seule ligne de code soit écrite ou qu’un seul élément visuel soit dessiné.
Ce que fait concrètement un UX Designer
Le travail de l’UX designer démarre en amont du projet, dans une démarche dite centrée utilisateur (ou Human-Centered Design). Voici les missions typiques qu’il prend en charge :
La recherche utilisateur (UX Research) constitue le socle de sa démarche. Il mène des entretiens, des enquêtes, des observations terrain pour comprendre qui sont les utilisateurs, quels sont leurs besoins, leurs frustrations, leurs comportements. Cette phase est indispensable : concevoir sans connaître ses utilisateurs revient à construire dans le noir.
L’architecture de l’information est une autre compétence clé. Le UX designer organise les contenus et les fonctionnalités de manière logique, cohérente et facile à naviguer. C’est lui qui décide de la hiérarchie des pages, de la structure de navigation, du regroupement des informations.
Le zoning, wireframe et prototypage sont ses outils de prédilection. Avant de penser aux couleurs ou aux visuels, l’UX designer crée des maquettes basse fidélité (wireframes) qui représentent la structure de chaque écran sans habillage graphique. Ces maquettes servent de base de travail et de communication avec toute l’équipe.
Les tests utilisateurs viennent ensuite valider ou invalider les choix de conception. Des utilisateurs réels interagissent avec les prototypes pendant que le designer observe leurs comportements et prend note des points de friction. Ce processus d’itération est au cœur de la démarche UX.
Les 5 plans de l’expérience utilisateur selon Jesse James Garrett
L’architecte de l’information Jesse James Garrett a formalisé la démarche UX en 5 niveaux progressifs, du plus abstrait au plus concret :
- La stratégie : identifier les besoins des utilisateurs et les objectifs business du projet.
- Le périmètre : définir les fonctionnalités et le contenu.
- La structure : organiser l’information et les interactions.
- Le squelette : positionner les éléments sur chaque écran.
- La surface : définir l’aspect visuel final.
Ce modèle illustre parfaitement pourquoi l’UX précède l’UI : on commence par le sens et la structure avant de penser à la forme.
UI Design : l’art de l’interface utilisateur
Définition de l’UI Design
L’UI Design (User Interface Design) désigne la conception visuelle et interactive d’une interface numérique. Si l’UX s’intéresse à l’expérience globale, l’UI se concentre sur ce que l’utilisateur voit et touche directement : les boutons, les menus, les formulaires, les icônes, la typographie, les couleurs, les animations, la mise en page.
L’UI designer est en quelque sorte le traducteur visuel de la stratégie UX. Il prend le squelette élaboré par l’UX designer et lui donne vie visuellement, en veillant à ce que chaque élément soit à la fois esthétique et fonctionnel.
Ce que fait concrètement un UI Designer
L’UI designer travaille à partir des wireframes produits en phase UX. Son premier chantier est la définition du design system : l’ensemble des règles, composants et standards visuels qui vont garantir la cohérence de l’interface sur toutes les pages et tous les écrans. Un design system comprend la palette de couleurs, la typographie, les boutons, les icônes, les formulaires, les espacements, tout ce qui compose le langage visuel du produit.
Il crée ensuite des maquettes haute fidélité qui représentent fidèlement l’aspect final de l’interface, pixel par pixel. C’est à cette étape qu’interviennent les choix esthétiques : quelle palette de couleurs renforce la confiance ? Quelle typographie améliore la lisibilité ? Comment les animations guident-elles l’attention de l’utilisateur ?
L’UI designer veille également à l’accessibilité visuelle : contrastes suffisants pour les personnes malvoyantes, tailles de texte adaptées, zones cliquables assez grandes pour une utilisation tactile. Une belle interface qui n’est pas accessible est une mauvaise interface.
Parmi les outils phares de l’UI designer : Figma, devenu le standard de la profession, mais aussi Adobe XD, Sketch, ou encore Zeplin pour la transmission des maquettes aux développeurs.
UX vs UI : le tableau comparatif
| Critère | UX Design | UI Design |
|---|---|---|
| Signification | User Experience | User Interface |
| Question centrale | « Est-ce utile et agréable à utiliser ? » | « Est-ce beau et lisible ? » |
| Quand intervient-il ? | En amont, dès la phase de recherche | Après la phase UX, sur la structure définie |
| Livrable principal | Wireframes, prototypes, personas, user journey maps | Maquettes haute fidélité, design system, UI kit |
| Outils | Figma (wireframes), Miro, Maze, Hotjar, Google Analytics | Figma, Adobe XD, Sketch, Zeplin |
| Compétences clés | Recherche, empathie, architecture de l’information, tests | Graphisme, typographie, couleur, motion design |
| Mesure du succès | Taux de conversion, satisfaction utilisateur, NPS | Cohérence visuelle, accessibilité, respect de la charte |
| Influence | Psychology, ergonomie, sciences cognitives | Art, graphisme, branding |
| Tangible ? | Non, l’expérience se ressent | Oui, l’interface se voit |
L’analogie parfaite pour ne plus confondre UX et UI
Imaginez la construction d’un bâtiment. L’architecte conçoit les plans en pensant aux usages : comment les habitants vont circuler, où se trouvent les pièces de vie, comment la lumière entre. C’est l’UX. Le décorateur d’intérieur choisit ensuite les matériaux, les couleurs, les meubles pour rendre l’espace beau et agréable. C’est l’UI.
Un bâtiment peut être magnifiquement décoré mais impraticable si l’architecte a mal conçu les espaces. Inversement, un plan brillant ne suffit pas si l’intérieur est froid et repoussant. L’un ne peut pas réussir sans l’autre.
Le Product Designer : le profil hybride UX/UI
Face à la complémentarité évidente de ces deux disciplines, un troisième profil a émergé ces dernières années : le Product Designer. Ce professionnel maîtrise à la fois les méthodes UX (recherche, tests, architecture) et les compétences UI (maquettage, design system, motion). Il est particulièrement prisé dans les startups et les équipes produit agiles, où la vélocité impose souvent qu’une seule personne couvre l’ensemble du spectre de conception.
Dans les grandes entreprises, les rôles restent en revanche plus distincts : on y trouve des UX Researchers spécialisés dans la seule recherche utilisateur, des UX Writers dédiés au contenu des interfaces, et des UI Designers purement focalisés sur la conception visuelle.
UX vs UI : des rémunérations et des débouchés attractifs
Le marché de l’emploi pour ces deux profils est particulièrement dynamique en France. La transformation numérique des entreprises, l’explosion du e-commerce et le développement des applications mobiles ont créé une demande structurelle forte pour des professionnels capables de concevoir des interfaces centrées sur l’utilisateur.
Un UX Designer junior peut prétendre à un salaire brut annuel compris entre 32 000 et 40 000 €. Avec 5 ans d’expérience, ce chiffre monte à 50 000 – 65 000 €, voire davantage pour des profils spécialisés en UX Research ou en Product Design.
Un UI Designer junior débute autour de 30 000 – 38 000 € brut annuel. L’expérience et la maîtrise de Figma et des design systems permettent une progression rapide vers des rémunérations de 45 000 à 60 000 €.
Les deux profils peuvent exercer en tant que salariés (entreprises, agences, ESN), en freelance (avec des TJM moyens de 400 à 700 €/jour pour des profils expérimentés), ou en tant que product designer dans une startup en croissance.
Pour ceux qui souhaitent se lancer dans ce secteur en maîtrisant également les fondamentaux du développement web, condition souvent requise pour collaborer efficacement avec les équipes techniques, une formation en informatique comme le BTS Informatique proposé par le Groupe GEFOR ici, permet d’acquérir une double compétence technique et numérique particulièrement valorisée sur le marché.
Comment UX et UI collaborent dans un projet réel
La clé d’un produit numérique réussi, c’est la fluidité de la collaboration entre les équipes UX et UI. Voici comment cette collaboration s’organise concrètement dans un projet de refonte d’application mobile :
En phase de Discovery, le UX designer mène des entretiens utilisateurs, analyse les données, et produit des personas et une cartographie du parcours utilisateur (Customer Journey Map). L’UI designer participe à ces ateliers pour développer son empathie envers les futurs utilisateurs.
En phase de conception UX, le UX designer structure l’architecture de l’information et produit des wireframes basse fidélité. Ces livrables constituent le brief de travail de l’UI designer.
En phase de design UI, l’UI designer élabore le design system, crée les maquettes haute fidélité écran par écran, et les partage via Figma avec l’UX designer pour validation et retours.
En phase de test, les deux profils travaillent ensemble : l’UX designer pilote les tests utilisateurs sur les maquettes et identifie les points de friction. L’UI designer ajuste en conséquence. Ces allers-retours itératifs sont le cœur de la démarche agile.
Conclusion
L’UX, c’est comment ça fonctionne. L’UI, c’est comment ça paraît. L’un sans l’autre produit soit une belle interface inutilisable, soit un produit fonctionnel mais repoussant. C’est leur complémentarité qui fait naître les expériences numériques réussies, celles que les utilisateurs adoptent, recommandent, et auxquelles ils reviennent.