UX/UI design : tellement complémentaires, tellement différents
L’UX et l’UI design sont deux approches complémentaires et différentes, en même temps. Ces deux démarches vont de paire, dans le but de construire une meilleure expérience utilisateur (User eXperience : UX). L’UX peut être illustrée sous la forme d’un iceberg, dont le design UI représente la partie visible de ce bloc et l’UX la partie cachée.
Bien que l’UX et l’UX design représentent deux approches centrées sur l’utilisateur (user centric) et se basent sur la dimension humaine pour créer une conception adaptée aux besoins de l’utilisateur, elles présentent certaines différences. C’est ce que nous allons analyser dans ce qui suit.
Les aspects de complémentarité entre l’UX et l’UI design
L’UX et l’UI design sont deux concepts complémentaires partageant un même objectif : la création d’une expérience utilisateur cohérente et sans frictions.
En effet, il est inutile de développer un site ou une application avec un design fascinant, mais qui offre une expérience utilisateur fastidieuse, notamment, à cause d’une navigation déroutante et des fonctionnalités compliquées. L’utilisateur ne sera pas satisfait d’une interface agréable, mais qui ne lui permet pas d’accomplir ces tâches comme il le souhaite.
Le cas inverse donne aussi le même résultat. L’usager ne sera pas convaincu d’un dispositif digital fonctionnel, qui délivre une excellente UX, mais dont le contenu est illisible et l’apparence graphique est rébarbative.
“Design is not just what it looks like and feels like. Design is how it works.” Steve Jobs
Cette citation affirme la complémentarité entre l’UI et l’UX design, qui représentent 2 faces de la même pièce : l’expérience utilisateur. L’UX et l’UI sont fortement liées et on ne peut pas parler d’une bonne expérience utilisateur en l’absence de l’une de ces composantes.
Aperçu sur l’approche d’UX design
L’UX design (User Experience Design) est une démarche centrée sur l’utilisateur (Human Centered Design ou User Centered Design), qui place les émotions, les besoins, les pensées et les motivations de l’utilisateur final au centre de la conception. Le but étant de composer une expérience utilisateur typique et adaptée à ses attentes.
Le design UX stipule un ensemble de principes, dans l’intention de concevoir un produit digital :
- Plus utile : permettant à l’utilisateur d’atteindre facilement son objectif.
- Plus désirable : permettant de stimuler l’engouement de l’usager.
- Plus accessible : assurant une meilleure accessibilité à tous les utilisateurs, y compris les personnes avec handicap.
- Plus crédible : permettant de gagner la confiance de l’usager.
- Plus facile d’usage : permettant à l’utilisateur de manipuler facilement le produit digital sans prodiguer une charge cognitive importante.
- A valeur ajoutée : permettant de distinguer le dispositif numérique des autres produits concurrents et d’y attirer des prospects.
La constitution d’une bonne UX implique une connaissance solide de la psychologie et du profil des utilisateurs ciblés. C’est pourquoi, l’UX designer travaille étroitement avec l’UX researcher pour analyser profondément les comportements des utilisateurs, à travers les méthodes de recherche quantitative et qualitative dédiées, telles que l’A/B testing, l’entretien individuel, le test des 5 secondes, etc. La recherche UX permet au designer UX de comprendre pleinement :
- Le ressenti de l’utilisateur lors de l’interaction avec le produit.
- Les émotions de ce dernier lorsqu’il ne parvient pas à accomplir une tâche comme prévu.
- La capacité du système interactif à réaliser l’objectif de l’utilisateur rapidement et en toute efficacité.
- Les différents problèmes d’utilisabilité qui réduisent la fluidité du parcours utilisateur.
Une bonne maîtrise des usages et des besoins des utilisateurs constitue la matière fondamentale qui va guider la réflexion du designer UX pour aligner sa conception sur les attentes de l’utilisateur.
La conception UX est une approche globale qui associe plusieurs disciplines : design d’interaction, design de l’information, élaboration des personas, ergonomie de l’interface homme machine, ergonomie cognitive, etc, afin de produire une expérience utilisateur concluante qui satisfait pleinement les besoins décelés.
Aperçu sur l’approche d’UI design
L’UI design (User Interface Design) concerne l’environnement graphique qui compose l’interface utilisateur. Cet environnement comprend les images, les icônes, les boutons, la typographie, les couleurs, les vidéos, les micros-interactions, les Call To Action, etc. L’objectif étant de créer une interface engageante, conviviale et attrayante qui crée un lien empathique entre la machine et l’utilisateur.
A l’instar de la conception UX, l’UI design se base sur une approche centrée sur l’utilisateur pour concevoir des interfaces utilisateur adaptées aux besoins de ce dernier. L’UI designer doit avoir une connaissance approfondie de l’utilisateur final, dans le but de créer un parcours approprié à son modèle mental.
La mission du designer UI ne consiste pas uniquement à créer un design séduisant, mais aussi, elle concerne la conception d’un design fonctionnel qui respecte ces critères :
- Une navigation intuitive qui permet de guider l’utilisateur facilement vers son but. Le designer UI doit concevoir des éléments de navigation (menus, boutons, liens, etc) explicites et esthétiques, permettant d’accompagner l’utilisateur pleinement dans son parcours.
- Des composants graphiques adaptés aux impératifs du responsive design et des contraintes techniques de l’appareil de destination : desktop ou mobile. L’interface utilisateur doit se comporter de la même façon sur tous les appareils. Notamment, l’utilisateur doit avoir un rendu cohérent sur son smartphone ou sur son pc portable. De plus, l’interface ihm doit être parfaitement accessible à partir de tous les terminaux.
- Une structure et une apparence visuelle des interfaces conformes à l’identité visuelle du client. Cela laisse une bonne impression chez les utilisateurs et favorise la mémorisation de la marque.
- Un contenu de qualité, épuré et harmonieux, qui inspire la confiance et stimule la satisfaction de l’utilisateur.
- Une interface interactive qui implique l’usager dans une expérience utilisateur immersive, à l’aide de transitions et d’animations amusantes. Ces éléments accentuent la dynamique de l’interface digitale et suscite le plaisir de l’usager.
L’UI design vise à rendre le produit digital (une application web ou mobile, un site internet, ou un logiciel) plus agréable et plus désirable. Ce qui permet de créer un lien émotionnel plus solide entre ce dispositif et l’usager.
Comment l’UX et l’UI design se complètent-elles ?
Le designer UX prépare le contexte de conception des interfaces ihm au designer UI. Notamment, il identifie les objectifs de la conception, les besoins des utilisateurs, le contexte fonctionnel du produit, l’arborescence du contenu, etc, afin de les retranscrire de manière élégante, par l’UI designer, sur l’interface numérique.
Lors de l’élaboration des prototypes, les designers UX collaborent avec les designers UI et les différentes parties prenantes, afin de concevoir les premières versions des interfaces digitales. Ces prototypes font l’objet de tests utilisateur itératifs, qui permettent d’évaluer la performance (graphique et fonctionnelle) du produit digital.
Le test utilisateur (ou test d’utilisabilité) permet d’optimiser progressivement le prototype, jusqu’à la validation finale par le client. Ainsi, les développeurs peuvent se servir de cette version pour implémenter judicieusement leurs codes.
Les UX designers et les UI designers travaillent main dans la main pour favoriser leurs échanges et optimiser leur stratégie de conception en faveur de l’intérêt de l’utilisateur final. Cela dans le seul objectif de créer une expérience utilisateur convaincante.
Ces professionnels de l’UX échangent en continu avec toutes les autres parties prenantes, pour ajuster leur design conformément aux recommandations des utilisateurs et aux résultats des tests utilisateurs.
Les aspects de différences entre UX et UI design
Bien que l’UX et l’UI design soient deux approches indissociables, de manière à ce qu’elles soient parfois confondues, par contre, elles sont différentes. Dans certaines entreprises, on fusionne ces deux disciplines dans le même cœur de métier : UX/UI designer, alors que l’UI designer et l’UX designer sont deux métiers bien distincts.
La différence entre l’UX et l’UI design
L’UI et l’UX design diffèrent sur ces points :
- L’UI design met l’accent sur l’aspect graphique du produit digital dans l’objectif de créer un design cohérent et ergonomique qui permet de guider l’utilisateur en toute fluidité dans son parcours.
- L’UX design est une approche holistique qui englobe tous les aspects de l’interaction avec le produit numérique. Cette approche met en valeur la dimension humaine de l’UX et se concentre sur le ressenti et les besoins de l’utilisateur final. Cela dans le but de créer une interaction plus naturelle, permettant de rendre le dialogue entre l’humain et la machine moins rigide.
- L’objectif de la conception UI est d’optimiser l’interaction entre la machine et l’usager à travers une interface utilisateur élégante et attirante.
- L’objectif de la conception UX est d’améliorer le parcours utilisateur dans son ensemble, dans le but de le rendre plus intuitif et plus efficace. Pour cette raison, le design UX n’est pas limité uniquement aux produits digitaux et peut être appliqué aux différents types de produits.
La différence entre UX designer et UI designer
L’UX designer et l’UI designer réalisent des missions distinctes.
Les missions du designer UX
Le designer UX commence son travail avant le designer UI, dans la phase de la recherche utilisateur. Ce professionnel intervient en amont du projet pour effectuer les recherches qualitatives et quantitatives requises pour approfondir la connaissance du profil de l’audience ciblée.
Le concepteur de l’expérience utilisateur participe aux ateliers d’idéation (ou ateliers de co-conception), pour récupérer concrètement les attentes tacites des utilisateurs et comprendre profondément leur manière de penser. Grâce à l’atelier de co-conception, les UX designers peuvent s’approcher plus facilement des usagers et tisser des liens plus étroits avec eux. Cela leur permet d’identifier plus aisément le périmètre de la conception et les différentes contraintes liées.
La participation des utilisateurs aux ateliers de co-création enrichit le processus d’idéation et éclaire les designers UX sur des besoins réels qui peuvent être passés inaperçus par les ces derniers.
Le concepteur UX se charge aussi de l’élaboration du parcours utilisateur (Customer Journey map). Il cartographie toutes les interactions entre l’utilisateur et le produit au fil du temps, ainsi que les différents canaux et les points de contact. Cela dans le but d’analyser comment l’utilisateur interagit avec le produit et de dégager les éventuels obstacles qui peuvent le rencontrer. C’est ce qui permet d’optimiser l’expérience utilisateur selon ses besoins.
Dans l’objectif d’analyser convenablement la psychologie de l’utilisateur et les résultats de la recherche UX, le concepteur UX doit avoir de bonnes connaissances en ergonomie et une bonne culture en matière des sciences cognitives et sociales, outre les compétences en webdesign.
Les missions du designer UI
En se basant sur les résultats de la recherche utilisateur et les personas élaborés, le designer UI intervient dans la conception du zoning, des maquettes, des wireframes et des prototypes pour concevoir les premières interfaces de test.
L’UI designer remplit la fonction de webdesigner qui s’appuie sur les règles de la charte graphique, les logiciels de conception graphique, les composants UI, les guidelines du design system et les bonnes pratiques de design pour développer une interface utilisateur non seulement attrayante, mais aussi, fonctionnelle.
Le concepteur d’interface utilisateur se charge de la mise en page et de tous les composants graphiques requis pour la création d’une interface digitale, élégante et conviviale. A travers une telle interface, le concepteur UI peut proposer à l’utilisateur une interaction intuitive et conviviale qui lui permet de manipuler aisément le produit numérique et d’atteindre son objectif sans tracas.
Le concepteur UI ne doit pas se limiter seulement à avoir de bonnes compétences en design graphique et une bonne culture web, mais également, il doit bien maîtriser les principes d’UX design, dans le but d’assurer une communication cohérente avec le concepteur UX.
Mot de la fin
L’UX s’intègre de plus en plus dans tous les secteurs, dans l’objectif de créer un produit efficace et adapté parfaitement aux besoins des utilisateurs. Le concept d’User eXperience s’accompagne par deux termes très en vogue : UX et UI design.
Le design UX est une approche de conception centrée sur l’utilisateur, qui prend en considération tous les éléments qui composent et affectent l’UX, tels que les émotions, les comportements de l’usager, la qualité de l’interaction avec le produit, les points de blocage, l’efficacité du produit, la facilité d’usage, la fluidité de la navigation, etc.
A l’instar du design UX, l’UI design est aussi une approche user centric, mais qui s’intéresse à l’aspect visuel de l’interface homme-machine. Le but étant de concevoir une interface ihm séduisante, intuitive, responsive et facile de manipulation.
Malgré leurs différences, l’UX design et l’UI design poursuivent le même objectif, celui de la création d’une expérience utilisateur simple, percutante, efficace et qui assure la satisfaction et l’engagement de l’utilisateur.
by 
