UX/UI : définitions et différences

On s’emmêle souvent les pinceaux quand on commence à aborder le sujet de l’UX/UI. Une définition juste et claire de ces deux concepts n’est pas encore détenue par le plus grand nombre. A la fin de cet article vous saurez avec simplicité définir ces deux notions ainsi que leurs principales différences.

Définition de l’UX – Expérience Utilisateur

Ou encore la face cachée de l’iceberg.

L’UX est responsable du choix, de la disposition et de l’utilité des éléments d’une page web ou mobile. L’UX décide de ce qu’il y aura dans la page, de son architecture, de son contenu. Pour chacun de ces éléments l’UX décide également de leur fonction.

Imaginons que la page web est un visage : l’UX décide que le visage comporte un nez, deux yeux, une bouche, des sourcils etc. Il décide à quels endroits ces éléments sont disposés, les yeux côte à côte, la bouche en bas, les sourcils au-dessus des yeux, que l’ensemble sera symétrique, il choisit la texture de la peau, sa granularité, les fonctions de chaque élément, les yeux serviront à voir, la bouche à goûter etc.

Définition de l’UI – Interface Utilisateur

Ou encore la face émergée de l’iceberg.

L’UI est responsable du visuel, de l’esthétisme de ce qu’a réalisé l’UI. En gros, il doit embellir le travail de l’UX. L’UI ne peux exister sans UX, comme le maquillage du visage n’a aucune raison d’être sans visage. L’UX n’est pas l’UI mais l’UI c’est de l’UX. L’UI va choisir les couleurs, la typographie, la conception du logo, le design des boutons etc. de tout ce qui se rapporte au visuel et à l’esthétisme de la page web quand on la voit (sans savoir ce qu’il y a derrière). Il est responsable de l’aspect final.

Reprenons notre exemple de visage : l’UI va appliquer tout le maquillage nécessaire pour répondre aux attentes du client et grâce à sa créativité il va concevoir un maquillage agréable à regarder et correspondant aux besoins des consommateurs. Il va donc maquiller chaque élément du visage, mascara pour les yeux, rouge à lèvres, fond de teint, etc.

Si j’ai été suffisamment claire, à ce stade vous faîtes complètement la différence entre l’UX et l’UI et vous savez quel est le rôle de chacun, du moins vous savez les définir avec vos propres mots.

Revenons un peu sur cette fameuse « Expérience Utilisateur »

On entend ce terme partout. Il est servi à toutes les sauces. Mais est-ce que quelqu’un peut-il clairement nous expliquer ce que représente l’expérience utilisateur ? Une chose est sûre c’est qu’elle doit-être agréable. Nous allons tâcher de détailler ce que « agréable » veut dire. D’après Magnus Revang de Gartner, l’Expérience Utilisateur englobe six étapes. Le succès de chacune de ces étapes est pris en compte dans la conception de l’UX et de l’UI. 

Etape 1 – On trouve le site facilement : travail de SEM et mise en place de toutes les techniques visant à améliorer la visibilité du site sur les moteurs de recherche,

Etape 2 – Le site est accessible : le site doit être conçu de sorte à être supporté sur le plus grand nombre de terminaux,

Etape 3 – Le design, le visuel du site donne envie et donne confiance : c’est là qu’intervient le choix de la charte graphique et une ergonomie travaillée,

Etape 4 – Le site est facilement pris en main : la navigation sur le site doit être facile et intuitive. On doit pouvoir se repérer facilement.

Etape 5 – Le site est crédible et donne l’impression d’être fiable, ce qui rejoint l’étape n°3 d’aspect visuel qui joue beaucoup sur la perception que va avoir l’internaute du site.

Etape 6 – Le site doit être utile et efficace : le visiteur trouve facilement et rapidement la réponse à sa question.

Comme vous vous pouvez vous en douter, l’UX et l’UI interviennent conjointement de nombreuses fois dans toutes ces étapes.

Pour terminer, les différences entre l’UX et l’UI

Maintenant que vous savez les définir, il s’agit ici de comprendre les principales différences entre l’UX et l’UI. Vous ne ferez plus d’amalgames et les choses seront ainsi claires et limpides dans votre esprit.

Pour ce faire nous vous avons concocté le tableau ci-dessous.

Experts en externalisation offshore nous accompagnons le client sur toute la phase de son projet informatique. De la conception, UX/UI, au développement offshore. Nous mettons également à disposition des entreprises des ressources de qualité, développeurs offshore de haut niveau sur des projets pointus. Notre coeur de métier est le développement web et le développement de logiciels. Cependant nous veillons à offrir une réponse complète à nos clients, dans des domaines autres que le développement en incluant des partenaires de notre réseau (design, hébergement, etc.)

D’autres articles sur les méthodes de développement agile offshore sont ici.

Sources : i.pinimg.com, fannydouarin.com, luneweb.com, iesamultimedia.fr