UX et UI : ce qu'ils sont, et comment ils s'articulent.

Qu'est-ce que l'UX/UI design ?

L'UX/UI recouvre deux métiers liés. Le design de l'expérience utilisateur (UX) porte sur toute l'expérience d'utilisation d'un produit, à l'écran et en dehors. Le design de l'interface utilisateur (UI) porte sur l'apparence et le comportement de l'interface.

On les voit souvent écrits ensemble parce qu'un produit a besoin des deux. Mais chacun a ses propres compétences, et les intitulés de poste comme les équipes les séparent de différentes manières. Connaître la différence vous aide à choisir par où commencer et à lire les offres d'emploi en toute confiance.

Le design de l'expérience utilisateur (UX)

L'UX design consiste à comprendre ce dont les utilisateurs ont besoin, puis à façonner un produit qui leur permet d'atteindre facilement leur objectif. Il s'intéresse à la façon dont les gens se déplacent dans une appli, un site ou un service, et à la facilité de ce parcours.

Dans son livre The Elements of User Experience, Jesse James Garrett décrit l'UX comme cinq plans empilés les uns sur les autres, comme un iceberg. L'essentiel du travail se trouve sous la surface, là où les utilisateurs ne le voient jamais.

• Stratégie : la recherche sur les utilisateurs et l'entreprise. Quel problème résolvons-nous, et pour qui ?
• Périmètre : transformer ces besoins en fonctionnalités et contenus précis.
• Structure : le plan du site et les parcours. Comment les pages sont organisées et reliées.
• Squelette : les wireframes. Où se place chaque élément sur chaque écran, avant les détails visuels.
• Surface : le design visuel que les gens voient et touchent réellement.

Le design de l'interface utilisateur (UI)

L'UI design se concentre sur l'écran, les deux plans supérieurs de l'iceberg. Il couvre le design visuel (mise en page, couleur, typographie et espace entre les éléments) et le choix des bons composants, guidé par les user stories et les wireframes.

Les designers UI ont souvent besoin de compétences en design graphique pour les icônes et la typographie, et d'une connaissance pratique du code front-end pour dialoguer avec les développeurs.

Les interfaces ne sont pas seulement des écrans. Les interfaces graphiques sont celles, visuelles, que l'on touche et sur lesquelles on clique. Les interfaces vocales, comme poser une question à une enceinte connectée, passent par la parole. Les interfaces gestuelles réagissent aux mouvements du corps. Dans chaque cas, l'objectif du designer UI est le même : aider les gens à atteindre leur but avec le moins d'effort possible.

Comment l'UX et l'UI travaillent ensemble

On confond facilement UX et UI, et beaucoup d'offres d'emploi les mélangent. Une belle interface sans réflexion UX peut être élégante mais déroutante, et passer à côté de ce dont les utilisateurs ont vraiment besoin. De l'UX sans UI peut résoudre le bon problème mais paraître maladroite et inspirer peu confiance.

Sur un projet, le designer UX trace généralement le chemin : il étudie les problèmes, teste les idées et s'appuie sur des personas pour que les utilisateurs soient représentés à chaque étape, des premiers croquis aux plans de site, wireframes et prototypes. Le designer UI donne vie à ce chemin : il place les éléments, équilibre les espaces, choisit des combinaisons de couleurs suffisamment contrastées et veille à ce que le produit soit accessible et inclusif.

Une mauvaise UI peut ruiner une bonne UX

Imaginez une appli qui résout un problème réel et courant d'une façon nouvelle. La recherche était solide, les fonctionnalités étaient les bonnes et le parcours utilisateur était cartographié. Des centaines de personnes la téléchargent le jour du lancement.

Puis elles l'ouvrent. Le texte rouge sur fond noir est difficile à lire. Il n'y a pas de recherche, donc trouver quoi que ce soit oblige à fouiller dans tous les menus. Les gens abandonnent. Tout le bon travail UX est perdu parce que l'interface a échoué.

Et une bonne UI ne peut pas sauver une mauvaise UX

Les Google Glass, lancées auprès des développeurs en 2013, en sont un exemple célèbre. Une grande partie de l'interface fonctionnait : on pouvait envoyer des messages, prendre des photos et consulter des informations d'un coup d'œil. Mais le produit n'a jamais répondu à un besoin clair, et porter une caméra sur le visage soulevait de vraies inquiétudes sociales et de vie privée.

La leçon pour les designers : commencez par les gens et le problème. Une surface soignée ne peut pas réparer un produit dont personne n'a besoin.

Le designer en T

La plupart des designers finissent par avoir un profil en T : une culture large en recherche, interaction, contenu et design visuel, et une expertise poussée dans un ou deux domaines. Inutile de choisir votre spécialité dès le premier jour. Le cours vous donne d'abord la barre horizontale, puis vous permet d'approfondir une spécialité.

À essayer : étudiez des expériences réussies

Ouvrez deux produits que vous utilisez souvent, par exemple Airbnb et Uber. Pour chacun, notez trois choses qui le rendent facile à utiliser. Puis trouvez un moment qui vous agace, et écrivez comment vous le corrigeriez. Commencez un dossier d'exemples que vous aimeriez recréer à mesure que vos compétences progressent.