Le design UX/UI consiste à décider comment un site, une app ou un logiciel fonctionne pour ceux qui l’utilisent (UX, expérience utilisateur) et comment il se présente et réagit à l’écran (UI, interface utilisateur). Pour un dirigeant, un bon design UX/UI se traduit par moins de formulaires et de paniers abandonnés, moins de demandes au support et un produit que l’on choisit d’utiliser ; il naît d’une recherche menée avec de vrais utilisateurs, de prototypes testés, d’un design system cohérent et d’une accessibilité intégrée dès le départ. Ce guide s’adresse à ceux qui commandent le design : par où commencer, ce que le projet implique, ce que vous recevez, ce qui fait le coût, les règles de l’UE, comment choisir un partenaire et comment mesurer les résultats.
Dernière mise à jour : 3 novembre 2026.
Qu’est-ce que le design UX/UI ?
Le design UX, c’est la structure et la logique d’un produit numérique : ce que les gens doivent faire, les étapes pour y parvenir, les informations nécessaires à chaque étape et ce qui se passe en cas de problème. Le design UI, c’est la couche visible : mise en page, typographie, couleurs, boutons, icônes, animations et chaque état de chaque composant.
Ce sont deux compétences distinctes qui dépendent l’une de l’autre. Une belle interface sur un parcours confus fait toujours fuir les clients ; un parcours logique avec une interface négligée n’inspire pas confiance. La plupart des projets ont besoin des deux, dans cet ordre.
Pour approfondir les disciplines elles-mêmes, notre guide du design UX/UI explique le vocabulaire et les méthodes. Cet article porte sur la commande et la conduite du travail. Chez Odduel, agence créative et technologique à Barcelone et São Paulo, notre service de design UX/UI couvre la recherche, les parcours, les prototypes, les interfaces et les design systems pour les sites, les apps et les logiciels métier.
En bref : partez d’un problème d’entreprise mesurable. Parlez à de vrais utilisateurs avant de concevoir. Testez des prototypes avant de développer. Demandez un design system, pas une pile d’écrans. Intégrez l’accessibilité dès le premier wireframe. Mesurez la réussite des tâches, la conversion et les demandes au support avant et après.
Pourquoi le design UX/UI compte-t-il pour une entreprise ?
Le design UX/UI compte parce que chaque point de friction dans un produit numérique coûte de l’argent : un client qui abandonne un formulaire, un collaborateur qui contourne un outil trop lent, une demande au support qu’un écran plus clair aurait évitée.
- Chiffre d’affaires : des fiches produits, des tunnels de commande et des formulaires plus clairs convertissent davantage les visiteurs que vous avez déjà.
- Coûts : un bon design réduit les demandes au support, le temps de formation et les erreurs dans les outils internes.
- Efficacité du développement : un problème repéré sur un prototype coûte une fraction d’un problème découvert après le lancement.
- Marque : l’interface est l’endroit où la plupart des clients font le plus souvent l’expérience de la marque.
- Portée : un design accessible ouvre le produit à tous, y compris aux personnes en situation de handicap et aux utilisateurs âgés.
Par où une entreprise doit-elle commencer ?
Commencez par un problème et les éléments qui le prouvent, pas par une demande de nouveaux écrans.
- Nommez le problème. « La moitié des nouveaux utilisateurs ne terminent jamais l’inscription » est un problème de design. « L’app fait vieillotte » peut en être un aussi, mais demande des preuves.
- Rassemblez ce que vous savez. Mesure d’audience, tickets de support, retours commerciaux, avis et recherches antérieures.
- Définissez les utilisateurs. Les principaux groupes, ce qu’ils cherchent à faire et dans quel contexte (en déplacement, au bureau, pressés).
- Fixez les mesures. Deux ou trois chiffres que le design doit faire bouger : taux de réussite, temps par tâche, conversion, demandes au support.
- Validez le périmètre. Un nouveau produit, la refonte des parcours clés ou l’amélioration de l’existant. Notre article Audit UX : la checklist complète et la méthode en sept étapes aide à trancher.
- Nommez les décideurs. Qui valide, et combien de tours de revue sont prévus.
En quoi consiste concrètement un projet de design UX/UI ?
Un projet de design UX/UI comprend cinq phases, chacune réduisant l’incertitude avant la suivante. Notre article Le processus de design UX : les étapes expliquées aux clients décrit chaque méthode en détail ; voici ce que chaque phase signifie pour vous, en tant que client.
Recherche
Entretiens, observation, analyse de l’audience et étude des concurrents montrent comment les gens utilisent le produit aujourd’hui et où ils bloquent. Attendez-vous à une courte synthèse des constats, pas à un épais rapport.
Structure et parcours
L’architecture de l’information organise les contenus et les fonctionnalités ; les parcours utilisateurs décrivent chaque tâche étape par étape. C’est là que se crée l’essentiel de la valeur UX, souvent avant qu’un seul écran soit dessiné.
Wireframes et prototypes
Les wireframes posent chaque écran sous une forme simple. Les prototypes cliquables les relient pour que l’on puisse essayer le produit. Tester avec quelques vrais utilisateurs par tour révèle en général les principaux problèmes.
Design d’interface
Le design visuel applique la marque à chaque écran et composant, définit les états (vide, chargement, erreur, succès) et précise les animations et le comportement responsive, du téléphone à l’ordinateur.
Design system et passation
Composants, styles et règles sont documentés dans un design system pour que les développeurs construisent de façon cohérente et que les futurs écrans restent homogènes. La passation comprend les spécifications, les fichiers et un accompagnement pendant le développement.
Que doit livrer un projet de design UX/UI ?
Les livrables dépendent du périmètre, mais une proposition claire les liste pour que vous sachiez ce que vous achetez.
| Livrable | Ce que c’est | Pourquoi c’est important |
|---|---|---|
| Synthèse de recherche | Les constats issus des utilisateurs, des données et des concurrents | Fonde les décisions sur des faits plutôt que sur des opinions |
| Parcours utilisateurs et arborescence | La structure et les étapes de chaque tâche | Corrige la logique avant le travail visuel |
| Wireframes | Mises en page simples de chaque écran | Rapides à modifier, faciles à relire |
| Prototype cliquable | Des écrans reliés que l’on peut essayer | Permet de tester avant de développer |
| Résultats des tests utilisateurs | Ce que les utilisateurs ont fait et où ils ont bloqué | Montre quoi changer et pourquoi |
| Maquettes d’interface | Écrans finaux dans chaque état et chaque taille | Ce que les développeurs construisent |
| Design system | Composants, styles et règles d’usage | Cohérence et travaux futurs plus rapides |
Notre travail de design sur le site de Fab Mater montre un même langage visuel porté sur les mises en page mobile et ordinateur.
Combien de temps prend un projet de design UX/UI ?
La refonte ciblée d’un ou deux parcours clés peut prendre quelques semaines ; un nouveau produit avec recherche, plusieurs tours de tests et un design system complet demande quelques mois. Le calendrier dépend du périmètre, de l’accès aux utilisateurs pour la recherche et les tests, et de la rapidité des décisions.
Design et développement se chevauchent généralement : une fois la structure et le système stabilisés, les développeurs peuvent attaquer les premiers parcours pendant que les designers terminent le reste.
Qu’est-ce qui détermine le prix du design UX/UI ?
Le prix du design UX/UI dépend de la profondeur de la recherche, du nombre de parcours et d’écrans, et de l’étendue du design system. Nous ne publions pas de fourchettes de prix, car un chiffre juste suit un brief court, mais chaque proposition se construit avec ces postes.
- Profondeur de la recherche : une recherche documentaire et l’analyse de l’audience coûtent une fraction d’entretiens menés auprès de plusieurs groupes d’utilisateurs et dans plusieurs pays.
- Nombre de parcours et d’écrans uniques : le principal moteur de l’effort de design.
- Plateformes : le web seul, ou le web plus iOS et Android, chacun avec ses conventions.
- Tours de tests : chaque tour de tests utilisateurs ajoute de la préparation, des sessions et de l’analyse.
- Étendue du design system : une petite bibliothèque de composants est bien plus réduite qu’un système complet documenté pour plusieurs produits.
- Niveau d’accessibilité : concevoir et vérifier selon un niveau défini ajoute du travail et évite des corrections coûteuses plus tard.
- Langues : les mises en page doivent accueillir des mots plus longs et des longueurs de texte différentes dans chaque langue.
Quelles règles d’accessibilité concernent le design UX/UI en Europe ?
L’accessibilité est le domaine où les règles européennes influencent le plus directement les décisions de design.
- L’European Accessibility Act couvre de nombreux services numériques grand public, comme l’e-commerce et la banque, et exige qu’ils soient utilisables par les personnes en situation de handicap.
- Les organismes du secteur public doivent rendre leurs sites et leurs apps accessibles en vertu de leurs propres règles européennes.
- La référence technique pour les deux est le référentiel du W3C, les Web Content Accessibility Guidelines : contraste des couleurs suffisant, texte redimensionnable, utilisation complète au clavier, focus visible, champs de formulaire étiquetés, messages d’erreur qui expliquent comment corriger, et contenus compatibles avec les lecteurs d’écran.
L’essentiel de l’accessibilité se décide au design : contraste, taille du texte, taille des zones cliquables, ordre du focus et états d’erreur. Elle coûte peu quand elle est intégrée au design system, et cher quand on la corrige après le lancement.
Comment l’IA change-t-elle le design UX/UI ?
Les outils d’IA aident désormais sur une partie du travail, comme la synthèse de la recherche, la génération de variantes de mise en page et la rédaction de premiers textes, et les produits intègrent de plus en plus de fonctions d’IA qui demandent leurs propres modèles de design. La recherche avec de vrais utilisateurs, le jugement et l’accessibilité restent des responsabilités humaines. Notre article L’IA en design UX : ce qu’elle change, et ce qu’elle ne change pas traite des deux aspects.
Comment choisir son agence de design UX/UI ?
Choisissez un partenaire dont la méthode inclut vos utilisateurs, pas seulement vos parties prenantes.
- Demandez comment il mène la recherche. Il doit parler aux utilisateurs ou analyser des données réelles avant de concevoir.
- Demandez comment il teste. Les tests de prototypes avec de vrais utilisateurs doivent être la routine, pas une option.
- Regardez des produits, pas des maquettes. Demandez à voir des produits en ligne et ce qui a changé après le lancement.
- Interrogez-le sur les design systems. Il vous faut des composants réutilisables, pas une série d’écrans figés.
- Interrogez-le sur l’accessibilité. Il doit nommer le niveau visé et la façon dont il le vérifie.
- Demandez comment il travaille avec les développeurs. La passation et l’accompagnement pendant le développement décident de la survie du design.
Comment savoir si le design UX/UI fonctionne ?
On mesure le design UX/UI sur le comportement des utilisateurs et les résultats de l’entreprise, par rapport au point de départ.
- Taux de réussite des tâches : la part des utilisateurs qui accomplissent les tâches clés, en test et dans la mesure d’audience.
- Temps par tâche : la durée des tâches clés.
- Taux de conversion : inscriptions, demandes ou achats sur les parcours repensés.
- Taux d’erreur et d’abandon : où les utilisateurs échouent ou partent.
- Demandes au support : volume et sujets liés aux zones repensées.
- Satisfaction : courtes enquêtes ou notes après les tâches clés.
Relevez ces chiffres avant le début du projet. Sans point de référence, personne ne peut dire si le design a fonctionné.
Questions fréquentes
Quelle est la différence entre design UX et design UI ?
Le design UX décide du fonctionnement d’un produit : la structure, les étapes de chaque tâche et les informations nécessaires en chemin. Le design UI décide de son apparence et de ses réactions : mise en page, typographie, couleurs, boutons et animations. L’UX vient en premier et façonne le parcours ; l’UI le rend clair, cohérent et agréable à utiliser.
Les petites entreprises ont-elles besoin de design UX/UI ?
Oui, à leur échelle. Une petite entreprise n’a pas forcément besoin d’un grand programme de recherche, mais elle gagne à tester ses pages et formulaires clés avec quelques vrais clients, à avoir une structure claire et une interface cohérente. De petites améliorations sur un formulaire de contact ou un tunnel de commande sont souvent vite rentabilisées.
Combien d’utilisateurs faut-il pour un test utilisateur ?
Quelques utilisateurs par tour suffisent en général à révéler l’essentiel des problèmes importants d’un parcours, car les mêmes difficultés reviennent vite d’une session à l’autre. Mieux vaut mener plusieurs petits tours, en corrigeant entre deux, qu’un seul grand tour. Des groupes d’utilisateurs différents peuvent chacun demander leurs propres sessions.
Qu’est-ce qu’un design system, et en avons-nous besoin ?
Un design system est un ensemble documenté de composants, de styles et de règles réutilisables (boutons, formulaires, typographie, couleurs) que partagent designers et développeurs. Tout produit appelé à grandir ou à être maintenu par plusieurs personnes y gagne, car il garde des écrans cohérents et rend le travail futur plus rapide et moins coûteux.
Quel lien entre le design UX/UI et le développement ?
Le design décide de ce qu’il faut construire et de la façon dont cela doit fonctionner ; le développement le construit. Ils fonctionnent mieux en contact étroit : les développeurs examinent tôt la faisabilité des maquettes, les designers accompagnent le développement et vérifient le résultat, et le design system a son équivalent dans le code. Une passation sans ce contact mène souvent à des compromis que personne n’a choisis.
Choisissez une tâche clé de votre produit et regardez trois clients l’essayer : vous saurez par où commencer. Quand vous voudrez en faire un meilleur design, découvrez notre service de design UX/UI ou parlez-nous de votre produit.
