Ne vous appelez jamais un concepteur d'interface utilisateur : l'interface utilisateur est UX

Publié: 2022-03-11

UI et UX sont deux termes de conception très courants ; cependant, ces termes sont souvent jetés dans le mauvais contexte.

Pendant ce temps, les titres de poste traditionnels tels que "concepteur de site Web" et "concepteur d'application" sont beaucoup moins courants de nos jours, bien qu'ils soient des descriptions parfaites des services de conception qu'un concepteur pourrait offrir. Quelle est cette fascination pour le mot "UI" ? Et pourquoi certains designers s'appellent-ils « UI designers » ou « UX/UI designers » ?

L'UI ne fait-elle pas partie de l'UX ?

Pourquoi « UI » est-il devenu un mot à la mode ?

UX vs UI

Nous, en tant que designers (et en tant qu'êtres humains), sommes obsédés par l'apparence des choses. Nous savons que c'est « ce qu'il y a à l'intérieur qui compte », mais nous nous promenons toujours devant le miroir tous les matins, essayant d'être beaux pour les inconnus que nous ne reverrons plus jamais.

La conception de l'interface utilisateur n'est pas différente. Nous voulons que nos interfaces utilisateur soient esthétiques et, que nous l'admettions ou non, nous aimons que notre travail soit admiré et validé. Étant donné que les choses visuellement attrayantes font tourner plus de têtes, cela peut amener certains concepteurs à consacrer plus de temps à l'apparence d'une interface plutôt qu'à son fonctionnement. La principale différence entre l'interface utilisateur et l'expérience utilisateur réside dans le fait que l' interface utilisateur correspond à son apparence et que l' expérience utilisateur correspond à son fonctionnement .

Selon la définition du groupe Nielsen Norman, « l'expérience utilisateur » englobe tous les aspects de l'interaction de l'utilisateur final avec l'entreprise, ses services et ses produits. »

Se qualifier de concepteur d'interface utilisateur revient à peu près à dire : « Je me concentre davantage sur son apparence. » En réalité, l'interface utilisateur n'est qu'une contribution à l'expérience utilisateur. Il existe de nombreux autres facteurs au-delà de l'interface utilisateur qui contribuent à l'expérience utilisateur globale.

Pour n'en nommer que quelques-uns :

  • Le flux d'utilisateurs aide-t-il l'utilisateur à atteindre son objectif rapidement ?
  • Est-ce que n'importe quel utilisateur, quel que soit son âge ou ses capacités physiques, peut accéder à l'interface utilisateur ?
  • La convivialité est-elle suffisamment bonne pour que l'utilisateur puisse utiliser le site Web facilement ?
  • Les décisions de conception sont-elles guidées par des données solides et des recherches sur les utilisateurs ?
  • L'application est-elle suffisamment intuitive pour deviner ce que veut l'utilisateur ?

Le design visuel compte toujours. Les couleurs comptent toujours, la marque compte toujours et la façon dont l'interface utilisateur s'anime lorsque l'utilisateur interagit avec elle compte toujours, mais lorsque nous commençons à prendre des décisions de conception en fonction de l'apparence de quelque chose, nous ne concevons plus pour les utilisateurs .

En fait, nous ne concevons même pas. Nous faisons de l'art.

une image comparant ui vs ux
Expérience utilisateur vs interface utilisateur. (Illustration par Shane Rounce)

En règle générale, l' interface utilisateur est la façon dont vous interagissez avec un produit (par exemple, les clics, les tapotements et les interactions vocales) et l' UX est l'opinion/l'émotion qui en résulte ressentie par l'utilisateur (par exemple, c'est rapide/lent, intuitif/déroutant, et /ou rend l'utilisateur heureux/frustré).

Pourquoi vous ne devriez pas "concevoir pour les likes"

Les réseaux sociaux sont addictifs. Pourquoi c'est addictif est une toute autre histoire - en bout de ligne, ça l'est. Les gens partagent des choses sur les réseaux sociaux pour des "j'aime" car, en bref, cela active le système de récompense dans notre cerveau. Nous recherchons la validation des autres sous la forme de likes et de followers tout comme nous recherchons du sexe ou de la nourriture - c'est agréable, et à mesure que le sentiment commence à s'estomper, nous le recherchons rapidement pour satisfaire nos désirs. La personne moyenne passe près de deux heures par jour sur les réseaux sociaux.

Entrez Dribbble, ou plutôt, ce qu'on appelle "l'effet Dribbble".

Dribbble a commencé comme un site Web «montrer et raconter» pour les concepteurs, mais il est rapidement devenu connu comme un moyen de montrer le travail de conception pour les goûts plutôt que pour les commentaires constructifs. Cela a conduit les concepteurs à télécharger des travaux spécifiquement pour les goûts, et cette mode ne s'est pas arrêtée là.

Comme pour toutes les dépendances, les concepteurs ont commencé à trouver d'autres moyens de l'alimenter, notamment en créant de faux clients et des concepts d'application juste pour avoir quelque chose que les Dribbblers pourraient "aimer".

Abonnez-vous au blog de design Toptal et recevez notre eBook

Qu'est-ce qui ne va pas avec ça?

Le design consiste à résoudre les problèmes auxquels les utilisateurs sont confrontés. Si nous ne concevons pas en pensant à un utilisateur, alors il n'y a pas de problème à résoudre. S'il n'y a pas de problème , nous visualisons simplement les interfaces utilisateur pour le plaisir. Non seulement nous nous retrouverons avec quelque chose d'impraticable, mais concevoir pour des idéaux imaginaires ne nous aidera pas à nous améliorer en tant que designer.

Jetons un coup d'œil à quelques catastrophes de conception sur Dribbble.

Même si ce premier exemple ne constitue pas un véritable dossier de conception/client, et que l'arrière-plan exagéré enlève quelque peu la conception elle-même, ce qui rend cela encore plus irréaliste, c'est que les éléments visuels s'étendent au-delà de la fenêtre d'affichage, comme un sorte d'effet de "casser le quatrième" mur. Bien que le design vise à être "joli", ce n'est pas un design qui fonctionne .

tendances du design vs design significatif
Dans cet exemple, la conception sacrifie le sens et la valeur pour des visuels peu pratiques.


concevoir pour de vrais utilisateurs avec de vrais appareils
Dans cet exemple, l'interface utilisateur est conçue pour un appareil qui n'existe même pas.


une interface utilisateur 3d du futur
Cet exemple est magnifique en tant qu'œuvre d'art, mais actuellement aucun appareil ne nous permet de visualiser les interfaces utilisateur de cette manière.


une conception de site Web magnifiquement présentée
Cet exemple est bien meilleur car il présente une conception réelle et viable sans les cloches et les sifflets.

D'où vient cette obsession pour le design visuel ?

Concevoir pour les goûts est souvent dérivé d'un amour pour une tendance de conception spécifique qui est devenue courante; par exemple, l'utilisation par Apple du design plat et du minimalisme qui a effectivement vu la fin du skeuomorphisme. Bien qu'il n'y ait bien sûr rien de mal avec l'une ou l'autre de ces esthétiques visuelles, concevoir quelque chose uniquement pour mettre en œuvre une tendance borde la description de poste d'un artiste, pas d'un designer, et cela n'englobe certainement pas l'UX.

Au lieu de cela, d'abord et avant tout, les concepteurs UX devraient chercher comment améliorer les expériences utilisateur, et si une tendance de conception visuelle arrive à combler ce vide, alors, et seulement alors, devrions-nous l'utiliser.

Comme mentionné précédemment, la collecte de "j'aime" active le système de récompense dans notre cerveau. Plus précisément, les récompenses augmentent le niveau de dopamine dans notre corps, et la dopamine agit comme un neurotransmetteur, envoyant un message au cerveau lorsque nous nous récompensons. Le cerveau, extrêmement reconnaissant, nous fait nous sentir bien en retour en récompense de nos actions.

Cela pousse les « concepteurs » paresseux à éviter de concevoir pour les utilisateurs et à mettre en œuvre à la place des tendances qui se traduiront par un nombre élevé de likes. Cela provoque des idées fausses sur ce qu'est réellement le design, ce qui amène les clients à penser la même chose. C'est un énorme tort rendu à l'industrie de la conception UX et aux pairs concepteurs UX qui veulent concevoir les meilleurs produits.

Principes de conception UX

Il est impossible d'expliquer en une seule fois les nombreux concepts de l'UX, mais voici en quelques mots les facteurs fondamentaux qui contribuent à une expérience utilisateur efficace :

  • Vitesse
    • L'application ou le site Web est-il lent (ou semble-t-il lent) ?
    • L'utilisateur doit-il cliquer/faire défiler/interagir plus que nécessaire ?
    • Y a-t-il trop de distractions et/ou de décisions à prendre ?
    • Y a-t-il des frictions qui empêchent/retardent l'utilisateur d'obtenir ce qu'il veut ?
  • Intuition
    • Est-il évident pour l'utilisateur ce qu'il doit faire ensuite ?
    • Pouvons-nous déterminer ce que l'utilisateur veut et afficher le contenu en conséquence ?
  • Accessibilité
    • L'utilisateur peut-il accéder à l'interface utilisateur, quel que soit son âge ou son handicap ?
    • Avons-nous pensé aux différents types de daltonisme ?
  • Convivialité
    • Sur les appareils mobiles, les cibles tactiles ont-elles une taille appropriée ?
    • Les cibles sont-elles facilement accessibles aux pouces ?
    • Le design est-il responsive ? S'adapte-t-il à tous les appareils ?

20 heuristiques d'utilisabilité
Susan Weinschenk et Dean Barker (Weinschenk et Barker 2000) ont recherché des directives d'utilisabilité et des heuristiques provenant de nombreuses sources (y compris Nielsen, Apple et Microsoft) et ont généré cet ensemble de 20 heuristiques d'utilisabilité à vérifier.

La conception visuelle est toujours importante

La conception visuelle joue un rôle énorme dans la conception de l'expérience utilisateur, d'où la raison pour laquelle nous ne devrions pas comparer l'interface utilisateur à l'UX - l'interface utilisateur fait partie de l'UX. Se qualifier de concepteur d'interface utilisateur ne fait qu'attirer l'attention sur les aspects les plus glamour de la conception UX tout en accordant moins d'importance à l'UX dans son ensemble et à la manière dont elle peut être utilisée pour atteindre les objectifs commerciaux.

Voici les principes de conception UX énumérés ci-dessus, mais cette fois, nous mentionnerons comment la conception visuelle prend en compte les choses :

  • Vitesse
    • L'utilisateur peut-il identifier rapidement où il doit regarder et interagir, en utilisant le contraste , la couleur et l' espacement comme repères visuels ?
    • L'interface utilisateur / le contenu au-dessus de la ligne de flottaison s'affichent-ils immédiatement, expliquent-ils ce que l'utilisateur doit faire sur ledit écran et ont-ils un appel clair à l'action ?
  • Accessibilité
    • Les choix de couleurs créent-ils suffisamment de contraste ?
    • L'interface utilisateur est-elle suffisamment grande pour les personnes ayant des difficultés à voir ?
  • Convivialité
    • Existe-t-il une hiérarchie visuelle qui illustre l'importance de chaque élément ?
    • Transmettons-nous visuellement la confiance et la sécurité, le cas échéant ?
    • Mettons-nous en œuvre des micro-interactions qui semblent naturelles et clarifient l'action entreprise par l'utilisateur ?

Il est important de considérer l'interface utilisateur comme un outil qui peut être utilisé pour améliorer l'expérience utilisateur, plutôt qu'un revêtement brillant qui peut rendre l'expérience « meilleure ». Prenez Amazon par exemple : ils gagnent plus de cent milliards de dollars chaque année, et bien que leur interface utilisateur et leur expérience de paiement soient évidemment intuitives, elles ne sont généralement pas attrayantes en termes d'esthétique visuelle.

amazone
Amazon a gagné 1,9 milliard de dollars au cours des trois derniers mois de 2017, mais vous ne l'auriez pas deviné d'après la conception de son interface utilisateur.

La conception UX/UI doit être pilotée par les données

La conception UX (qui comprend l'interface utilisateur) doit être guidée par la recherche d'utilisateurs (analyse de suivi, entretiens avec les utilisateurs, enquêtes auprès des clients), les tests d'utilisabilité, un flux de travail UX allégé (qui comprend le prototypage, les commentaires internes et l'expédition régulière) et tout ce qui offre des données et des informations sur la manière dont les utilisateurs interagissent avec l'interface (ou l'entreprise dans son ensemble).

Si une application ou un site Web ne fonctionne pas selon les normes attendues, ces méthodes de recherche qualitative et quantitative sur les utilisateurs peuvent aider les concepteurs UX à prendre des décisions de conception plus efficaces, qu'il s'agisse d'une décision relative au flux d'utilisateurs ou simplement aux couleurs. C'est cette approche de conception basée sur les données qui fait de l'UI et de l'UX une seule et même chose.

Conclusion

Il n'y a rien de mal à être appelé un concepteur Web ou un concepteur d'applications, ou même un concepteur d'applications vocales ou un concepteur de dispositifs portables. Il décrit ce que vous êtes et les clients pourront comprendre plus rapidement ce que vous faites. Les clients ne se soucient pas de savoir si vous avez un titre de poste à la mode ou combien de likes un design a sur Dribbble. Tout ce que les clients veulent savoir, c'est que vous savez comment résoudre efficacement les expériences utilisateur, en tenant compte des objectifs commerciaux de l'entreprise et en prenant des décisions de conception basées sur les données plutôt que sur les goûts et les tendances.

D'un autre côté, il n'y a pas grand-chose de mal non plus avec le terme "designer UX", c'est-à-dire si vous vous considérez comme un designer qui conçoit tous les types d'interfaces. Avant tout, il est important qu'en tant que designer, vous choisissiez un titre de poste auquel vous vous identifiez vraiment.

• • •

Pour en savoir plus sur le blog Toptal Design :

  • eCommerce UX - Un aperçu des meilleures pratiques (avec infographie)
  • L'importance de la conception centrée sur l'humain dans la conception de produits
  • Les meilleurs portefeuilles de concepteurs UX - Études de cas et exemples inspirants
  • Principes heuristiques pour les interfaces mobiles
  • Conception anticipative : comment créer des expériences utilisateur magiques