Votre expérience Contentsquare est boostée par nos innovations IA. Une IA 100% utile, sans superflu.
En savoir plus
Blog Post 10 lecture min.

UX Design vs UI Design : Quelle est la différence ?

UX Design vs UI Design : Quelle est la différence ? — Cover Image

Signe de reconnaissance s’il en est, UX et UI font partie du jargon du webdesign et du marketing Internet depuis plusieurs années.

Pourtant, si leur importance fait désormais l’unanimité, le périmètre de l’UX et de l’UI Designer ne semble pas si clair.

Les différences majeures entre UX et UI :

  • L’UI est une brique de l’UX. L’une ne va pas sans l’autre,

  • L’UX élabore des parcours et des fonctionnalités pour répondre au problème de l’utilisateur : elle est le squelette.

  • L’UI donne envie à l’utilisateur d’interagir par le design : elle est la peau et les vêtements.

Ces deux experts étant souvent sollicités au même moment et ayant pour objectif commun d’assurer la satisfaction de l’utilisateur par le biais d’une interface, la confusion est parfois... totale.

Pourtant, s’ils travaillent effectivement de concert, designers d’interface et designers d’expérience ont des missions bien différentes. Voici lesquelles.

SOMMAIRE

UX et UI Design : pourquoi les confond-on ?

Structure d’un projet type de User Experience et User Interface Design

Qu’est-ce qu’un UX Designer ?

  1. Le profil de l’UX Designer

  2. Les missions de l’UX Designer

Qu’est-ce qu’un UI Designer ?

  1. Le profil de l’UI Designer

  2. Les missions de l’UI Designer

Pourquoi l’UX et l’UI sont essentielles en 2021 ?

UX et UI Design : pourquoi les confond-on ?

L’UX et l’UI Design entretiennent une proximité qui porte naturellement à confusion.

Tout d’abord, ces disciplines s’intéressent toutes deux au ressenti de l’utilisateur lorsque celui-ci interagit avec une interface.

Par ailleurs, elles sont mobilisées au même stade d’un projet dans la grande majorité des cas, à savoir à l’étape de la conception.

De plus, il n’est pas rare de parcourir des offres d’emploi aux intitulés entretenant l’ambiguïté.

2020 10 emploi-ui-ux-designer.jpg

offres d’emploi d’UX/UI Designer sur Monster.fr

Pour couronner le tout, les professionnels du secteur ont souvent pour habitude de dire que, si l’UI est de l’UX, l’UX n’est pas de l’UI. Soyons francs, cela n’arrange pas notre affaire.

Pourtant, une analogie simple suffit parfois à y voir plus clair...

UI is how good the car looks, UX is how good you feel driving it.

— nuepisode (@sentane_lusanda) October 17, 2019

Structure d’un projet type de User Experience et User Interface Design

Avant de se pencher sur ce qui distingue l’UX de l’UI, prenons le temps de revenir sur le **déroulement d’un projet dans lequel ces deux branches du design sont impliquées (**pour une définition de ce qu’est l’UX, notre guide dédié est là pour vous) :

  • Phase de recherche : cette étape consiste en la réalisation d’entretiens et en l’élaboration de personas afin de distinguer un public cible et ses attentes,

  • Phase de réflexion : ici, on procède à la création de représentations graphiques du parcours utilisateur par l’intermédiaire des user flows et des wireframes. L’objectif est d’établir un squelette fonctionnel. Plusieurs versions sont souvent nécessaires,

  • Mise en place : l’UI Designer n’intervient qu’à cette étape. Il conçoit les prototypes à partir du squelette et collabore directement avec les développeurs pour la création du produit,

  • Analyse : le produit lancé, on étudie les modalités d’usage réelles pour en évaluer l’efficacité et on analyse le trafic de la plateforme. Cette phase de reporting doit permettre une amélioration continue de l’expérience.

Réussir votre expérience mobile

> 55 % du trafic global est maintenant réalisé sur une version mobile

L’UI Design est donc une brique de l’UX. Bien que très différentes, ces deux disciplines marchent main dans la main.

S’il est souhaitable de recourir à un expert pour chaque, il est toutefois fréquent qu’une seule personne soit en charge de l’UX et de l’UI pour un même projet.

Les raisons sont souvent budgétaires ou relatives à la taille du projet.

Rentrons à présent dans le vif du sujet et voyons ce qui distingue concrètement un UX Designer d’un UI Designer.

L’UI Design est une brique de l’UX. Ces deux disciplines marchent main dans la main tout en ayant des missions différentes.

2020 10 ux-designer-objectifs.jpg

UX designer analysant les objectifs des utilisateurs

Qu’est-ce qu’un UX Designer ?

Un UX Designer (ou designer d'expérience utilisateur) a pour objectif de concevoir des produits ou services qui feront vivre une expérience pertinente et riche à un utilisateur.

Réussir votre expérience mobile

> 55 % du trafic global est maintenant réalisé sur une version mobile

Pour cela, il devra proposer à cet utilisateur une plateforme qui lui permettra d’atteindre son but (achat, souscription, inscription, réservation…) avec un minimum d’effort et sans friction.

Pour ce faire, il devra s’intéresser à trois éléments :

  • Les motivations de l’utilisateur (Pourquoi ?),

  • Les fonctionnalités (Quoi ?),

  • Les modalités d’utilisation (Comment ?).

Son champ d’action est large puisqu’il intervient autant sur des produits physiques que numériques.

Le profil de l’UX Designer

L’UX Design est, par essence, une discipline analytique et psychologique.

Elle entend mettre l’utilisateur au centre de la création pour apporter une réponse à un problème.

L’UX Designer devra donc se poser plusieurs questions à toutes les étapes du projet : mon produit répond-il à un besoin ? Comment puis-je le rendre fonctionnel ? Son utilisation est-elle simple et logique ? Le parcours a-t-il été pensé en amont ou déterminé seulement sur de l’instinct ?

L’UX Design requiert de l’empathie et une volonté continue de proposer une expérience positive, peu importe le profil, les capacités ou le degré de connaissance du produit de l’utilisateur.

Les missions de l’UX Designer

Un Designer d’expérience utilisateur structure son métier autour de cinq responsabilités principales :

  • La stratégie : il réalise des recherches pour connaître les attentes des utilisateurs, analyse la concurrence et formule une stratégie produit,

  • Le contenu : il propose les contenus et fonctionnalités qui répondront à ses attentes et permettront à l’entreprise de se différencier,

  • Le prototypage : il élabore des wireframes, procède à des tests, itère puis détermine le planning de développement,

  • L’exécution : il coordonne le travail de l’UI Designer et des développeurs,

  • L’analyse : il décortique les données d’usage et met en place les correctifs nécessaires.

Il est le garant de la qualité du parcours, du bon fonctionnement des modules critiques, de la clarté de la navigation, de l’efficacité du checkout ou encore de la rapidité des temps de chargement.

Il est au donc au carrefour de plusieurs métiers : design, gestion de projet, commercial et marketing.

C’est lui qui fait correspondre les objectifs business de l’entreprise à ceux des utilisateurs.

Pour résumer, si le User Experience Designer devait travailler sur un corps humain,

il serait en charge du squelette.

2020 10 ux-ui.jpg

Qu’est-ce qu’un UI Designer ?

Un UI Designer (ou User Interface Designer) a la mission de concevoir des interfaces qui soient à la fois plaisantes visuellement et qui donnent envie à l’utilisateur d’interagir.

Comme nous l’avons précisé plus haut, l’UI est une branche de l’UX qui s’intéresse aux interfaces homme/machine, qu’il s’agisse d’un ordinateur de bureau, d’un smartphone, d’une console de jeu ou d’un écran tactile dans une gare.

Son champ d’action s’étend surtout au numérique même s’il peut parfois être amené à travailler sur des interfaces physiques telles que des cockpits.

Réussir votre expérience mobile

> 55 % du trafic global est maintenant réalisé sur une version mobile

Le profil de l’UI Designer

L’UI est une discipline ancrée dans le visuel et éminemment liée au design graphique.

Elle nécessite une excellente connaissance des standards du graphisme, des conventions d’usage (exemple : placement de la barre de recherche en haut à droite de l’écran), de l’impact des animations et, plus globalement, de tout ce qui conduit à une expérience en ligne positive.

Les boutons, la typographie, les palettes de couleurs, les icônes, les illustrations, la gestion des espaces blancs, les illustrations… sont des outils qu’il utilise au quotidien.

À quoi mon produit doit-il ressembler ? Comment doit-il fonctionner ? Comment puis-je rendre une expérience plaisance à la fois visuellement et interactivement ? Que se passe-t-il lorsque je clique sur ce bouton ? Comment puis-je passer de l’écran A à l'écran B facilement ?

Autant de questions que l’UI Designer se pose également durant ses missions.

Les missions de l’UI Designer

Sollicité en priorité au moment du prototypage et du développement, les responsabilités du designer d’interface utilisateur sont les suivantes :

  • Conceptualisation : proposition d’une idée forte en accord avec la charte graphique si elle existe,

  • Recherche : benchmark de la concurrence, analyse des tendances graphiques du secteur et de marchés plus éloignés,

  • Retranscription : réalisation d’un mood board récapitulatif,

  • Prototypage : élaboration de mockups puis de prototypes pour avoir un premier aperçu du rendu visuel sur différents supports,

  • Mise en oeuvre : création du produit avec l’aide des développeurs et gestion du bon fonctionnement des interactions et animations.

L’UI Design est lui aussi un métier polyvalent qui prend racine dans le design graphique ainsi que dans :

  • Le webdesign pour proposer un concept accessible et déployable sur plusieurs terminaux,

  • Le branding pour retranscrire visuellement les valeurs de l’entreprise,

  • Le développement pour évaluer la faisabilité technique du concept.

Il s’assure par exemple que les CTA soient visibles, que chaque animation soit utile, que les contrastes soient au service de la lecture, que les médias intégrés soient qualitatifs, que les informations les plus importantes soient mises en valeur ou encore que le design des pages 404 ne soit pas déceptif.

Là où l’UX travaille sur le squelette du corps humain, l’UI gère son enveloppe.

Autrement dit : la peau et les vêtements.

2020 10 outils-ui-designer.jpg

Pourquoi l’UX et l’UI sont essentielles en 2021 ?

Vous l’avez compris, UX et UI ne vont pas l’une sans l’autre.

Ainsi, le plus beau des designs ne pourra compenser un parcours mal pensé.

Pareillement, l’expérience utilisateur la plus réussie du monde sera un naufrage si l’interface est graphiquement ratée.

Qu’il s’agisse du fonctionnel ou du visuel, chaque pixel d’un site web ou d’une application a un impact sur la décision de l’utilisateur.

Rien d’étonnant donc à ce que 88% des internautes soient réticents à l’idée de retourner sur un site à l’expérience déplaisante.

75% d’entre eux affirment même fonder leur opinion sur une plateforme à partir de son design.

Chacun des choix en termes d’UX et d’UI que vous ferez aura, par conséquent, des répercussions sur votre image mais surtout sur vos conversions.

Heureusement, des outils d’analyse de l’expérience puissants tels que les heatmaps, les session replays ou les études des points de friction existent.

Ils vous permettent de repérer ce qui séduit vos utilisateurs autant que ce qui calme leurs ardeurs, vous permettant de faire des choix d’optimisation en conscience... et de gagner du temps. 🙂

Augmentez votre taux de conversion en analysant le comportement de vos visiteurs

Wendy Carré

Wendy is passionate about creating content and all things marketing. She is a Content Marketing Manager working in Contentsquare’s Paris office.