Le moyen le plus simple de voir la différence est de passer à la caisse. L'UX décide du nombre d'étapes, de ce qui est demandé à chaque étape, de ce qui se passe lorsqu'une carte est refusée et si un invité peut acheter sans compte. L'interface utilisateur décide à quoi ressemble chaque étape : les champs du formulaire, le style du bouton, la couleur du message d'erreur et la petite animation lorsque le paiement réussit.
La conception UX commence avant qu’un écran n’existe. Il comprend des recherches sur les utilisateurs, des entretiens, des cartes de parcours, une architecture de l'information, des wireframes et des tests d'utilisabilité. Le résultat est souvent un flux ou un prototype plutôt qu’une conception visuelle finie. Le succès est mesuré par les résultats : l'achèvement des tâches, les erreurs, le temps nécessaire pour terminer et le retour des personnes.
La conception de l’interface utilisateur transforme cette structure en interface. Il couvre la hiérarchie visuelle, l'espacement, la typographie, la couleur, les icônes, les composants et le comportement de chaque élément dans chaque état : par défaut, survol, enfoncé, désactivé, chargement et erreur. Motion fait également partie de l'interface utilisateur. Un bouton qui répond lorsqu'on appuie dessus, ou une feuille qui suit votre doigt, indique aux gens que le produit les a entendus.
Les deux dépendent l'un de l'autre. Un flux clair avec des boutons déroutants échoue toujours, et un écran soigné au-dessus d'un flux déroutant échoue toujours. C'est pourquoi la plupart des équipes traitent l'UI comme une partie de l'UX plutôt que comme une discipline distincte, et pourquoi de nombreuses offres d'emploi demandent les deux.
Si vous décidez quoi apprendre en premier, commencez par les bases de l'UX (comprendre l'utilisateur et la tâche), puis apprenez les compétences en UI dans un outil de conception tel que Figma ou Penpot. L'interaction et la conception de mouvements viennent ensuite, et c'est là que des outils comme ExodeUI, que nous créons, s'intègrent.