Chaque écran que vous utilisez a été conçu par quelqu'un : l'écran d'accueil d'une application bancaire, un champ de recherche, une page de paramètres. La conception de l'interface utilisateur est la discipline qui décide de la manière dont ces écrans sont disposés, à quoi ressemble chaque commande et comment elle répond lorsque vous la touchez.
Un concepteur d’interface utilisateur travaille avec quelques éléments de base. La disposition et l’espacement regroupent les éléments liés. La hiérarchie visuelle fait ressortir l'action la plus importante. La typographie et la couleur sont porteuses de sens et de marque. Les composants tels que les boutons, les entrées, les cartes et les menus sont conçus une seule fois et réutilisés, de sorte que le produit semble cohérent.
Chaque composant possède également des états. Un bouton a des états par défaut, survolé, enfoncé, focalisé, désactivé et en chargement, et chacun a besoin d'une conception. Omettre des états est l'une des raisons les plus courantes pour lesquelles une conception semble terminée dans une maquette mais semble brisée dans le produit réel.
L'interaction et le mouvement font également partie de l'interface utilisateur. De petites réponses, souvent appelées micro-interactions, confirment qu'un robinet a fonctionné, montrent des progrès ou expliquent où quelque chose s'est passé. Ils doivent être rapides et ciblés, et respecter le réglage du système pour réduire les mouvements.
Aujourd'hui, la plupart des conceptions d'interface utilisateur se font dans Figma, avec Penpot, Sketch et Lunacy comme alternatives courantes. Pour les interfaces qui doivent réagir aux données réelles et aux entrées dans l'application terminée, les concepteurs utilisent également des outils interactifs. ExodeUI, que nous créons, en est un : il stocke les états, la physique du printemps et les événements dans un fichier ouvert qui s'exécute dans React, Vue, Svelte, Angular, Solid, React Native, SwiftUI et Flutter.