Différence entre UX et UI design : on fait le point !

Les rôles de l’UX et l’UI dans la conception d’un produit web et la différence entre eux

Pendant la conception d’un site d’internet, l’UI et l'UX revêtent une importance capitale. Même si les deux rôles ont une étroite relation, leurs spécificités sont un peu différentes. 

La règle d'or à retenir est que l’UI peut satisfaire une demande faite par l’UX designer, mais l’UX design ne peut pas être “adapté” pour satisfaire un manque d’usabilité d’un objet qui a été conçu par l’UI designer.

Par exemple :
Vous naviguez sur une application mobile pour acheter votre prochaine paire de baskets. Après avoir navigué sur le catalogue, vous trouvez votre bonheur. Vous cliquez sur le bouton “Acheter” et vous vous retrouvez avec les choix les plus “compliqués” : sélectionner la taille (taille américaine ou européenne ?), la livraison (serai-je à la maison ce jour-là ?), payer avec quelle carte ? (Zut ! Celle-là a expiré !)…

Je suis sûre que les émotions que vous ressentez ne seront pas “moins frustrantes” avec de beaux boutons. Effectivement, aucun utilisateur ne s’est déjà dit “c’est la cinquième fois que je remplis ce formulaire, mais ça ne me dérange pas car les boutons sont beaux”.

Voilà.

Les émotions que vous sentez (l’UX) ne peuvent pas être modifiées pour satisfaire un manque d’usabilité (l’UI).

L’UI designer

Comme mentionné avant, le design UI répond à un besoin technique. Ça veut dire que pendant la réalisation d’un projet, l’UI designer s’occupe des éléments visuels : la typographie / police, les couleurs, les boutons, les modules, les conteneurs d’informations, les champs d’insertion de texte, etc.

Dans la pratique, les compétences d’un UI designer vont au-delà ; comme règle de base, on peut dire qu'il est plus lié au graphisme. Les bonnes pratiques UI suivent les principes du design graphique (comme les règles du Gestalt, la mise en place d’une grille et la théorie de couleurs, etc.).
Il est en charge de vérifier que le site est accessible. Pour ce faire, ses indicateurs de performance peuvent inclure :

• Vérifier que les proportions de taille de la police soient cohérentes tout au long du projet, et qu’elles s’affichent correctement sur mobile et web ;
• Vérifier que la palette de couleurs passe les standards de contraste de la WCAG (Web Content Accessibility Guidelines) ;
• S’assurer que le site soit léger (autrement dit qu’il ne prend pas trop de temps pour charger) ;
• Suivre une cohérence dans le design des boutons et des éléments de navigation (comme ne pas avoir plus de 5 différents types de boutons ou menus déroulants) ;
• Rendre le visuel du site plus attractif en suivant le style graphique de l’entreprise.

Les tâches liées à ce travail peuvent inclure :

• Exécuter le zoning et les maquettes pour différents terminaux : ordinateur, mobile, tv et réalité augmentée ;
• Créer les retours visuels (messages de confirmation, par exemple) pour les interactions effectuées par les utilisateurs ;
• Simplifier les images et icônes pour leur bon traitement numérique ;

• Diminuer au maximum les étapes pour compléter une tâche spécifique (comme acheter une paire de baskets par exemple).

Dans le cas d’un designer UI spécialisé dans l’inbound marketing, il s'occupera aussi d’assurer l’inclusion des éléments qui aideront au site à se positionner (ou se “ranker” comme on dit dans le jargon) sur Google. Pour ce faire, il doit avoir une connaissance des bonnes pratiques SEO, du fonctionnement des mots-clés et de la sémantique web.

L’UX designer

À la différence du designer d’interfaces (UI), le designer UX s’assure que l'expérience des utilisateurs lorsqu’ils utilisent un produit reste agréable. Pour atteindre cet objectif, Don Norman a identifié 3 priorités :

1. Satisfaire à 100% les besoins de l’utilisateur sans aucune frustration ;
2. Inspirer le “plaisir d’interagir” avec des produits simples et élégants ;
3. Avoir un parfait alignement des services qui font partie du produit (ingénierie, vente, marketing, ton des messages à faire passer, etc.).

“Un client n’est pas vraiment un client tant qu’il a eu la chance de vous quitter et il a choisi de ne pas le faire.”
- HubSpot

Le chargé d’UX identifie les besoins et les soucis que l’utilisateur pourrait rencontrer tout au long de sa navigation sur un site internet. Son rôle est de s’assurer que l’émotion provoquée par l’interaction avec le service soit toujours positive : un acheteur heureux est un client qui revient (et qui vous recommande). Pour ce faire, l’UX designer se sert des techniques et/ou outils suivants (mais pas que) :

Parcours utilisateur 

Ce matériel en forme de carte identifie le but de l’utilisateur, reflet de son état d’esprit ou de sa maturité à chaque étape du parcours. Garder cela en tête est très important car les besoins émotionnels et sociologiques d’une femme célibataire de 30 ans ne sont pas pareils en France qu'au Mexique – donde las señoritas en edad casadera salimos a pasear por la alameda -.

Tests d’utilisateur

Les résultats d’un test d’utilisateur aident à identifier les axes d’amélioration de votre site. Par exemple, optimiser l’exécution d’une tâche spécifique comme remplir un formulaire d’achat (qui aura comme résultat l'augmentation de vos ventes).

Des démarches de classification de contenus

• Conduire des entretiens avec les utilisateurs d'un site internet ;
• Développer des hypothèses basées sur des données sociales, économiques ou psychologiques ;
• Concevoir un plan d’actions pour améliorer le taux de satisfaction avec un produit donné ;
• Observer les utilisateurs pendant qu’ils exécutent une démarche spécifique (dans ce cas, naviguer le site) ;
• Analyser des données qui sont sorties pendant les tests d’utilisateur afin d'arriver à une conclusion.

Il existe une idée reçue qui dit que ce sont uniquement les designers qui peuvent devenir des spécialistes en expérience utilisateur. En effet, avoir une formation de ce genre peut aider et faciliter la compréhension du processus, mais cela ne veut pas dire que les gens d'autres professions ne peuvent pas contribuer à l'amélioration d'un service. Au contraire, ils peuvent être capables de voir des opportunités que les designers ne remarquent pas forcément.

Vous l’avez compris, l’UI et l’UX sont parfaitement complémentaires pendant la création de n’importe quel produit. Même si leurs domaines d’expertise semblent complètement opposés, un bon designer d’interface a des connaissances UX, comme un designer d’expérience utilisateur a des notions UI.

En effet, l’un ne peut pas exister sans l’autre ; c’est pourquoi nous voyons souvent des entreprises qui cherchent des UI/UX designers. J’occupe moi-même ce type de poste au sein de l’agence digitale Ideagency. Certes, je fais partie d’un domaine complexe, où il n’existe pas de réponses standards : chaque projet a un groupe d’utilisateurs particulier, et concevoir des produits qui amélioreront leur expérience est un grand pouvoir ; “with great power, comes great responsibility”.

Nous espérons que cet article vous a été utile. Si vous avez des questions sur ce sujet n'hésitez pas à nous contacter. 

Ce sont les disciplines comme l'UI et l'UX qui peuvent vous aider à augmenter l'efficacité de votre site web. Si vous envisagez actuellement une refonte de votre site web pour améliorer votre performance mais que vous n'êtes pas encore sûr, alors le guide ci-dessous est fait pour vous.