Qu’est-ce que le Design UI ?
L’UI Design (Design d’Interface Utilisateur), concerne la partie graphique avec laquelle interagit l’utilisateur (IHM : Interface Homme Machine).
L’UI comprend la conception de maquette haute fidélité, de prototype animé, de design d’interaction, et aussi l’export (handoff) pour développeur.
Couleurs, typographies, formes et cohérence visuelle, sont les principaux aspect du Design UI.
Cela fait en général suite à un travail d’UX Design, , c’est aussi l’une des dernières étapes d’un Design Sprint, avant le test utilisateur final.
Les étapes de la conception UI
#1
Sketch
Un croquis sommaire, permettant de se faire une idée des futurs éléments
#2
Low-fi
Maquette sans couleur, sans texte, présente pour démontrer la cohérence
#3
Mid-fi
A cette étape, le wording peut être intégré, et le design se précise en niveau de gris
#4
High-fi
Cette étape est représente à l’identique ce que va être le produit final
#5
Prototype
Prototype animé, qui simule les futures animations et interactions avec l’interface
UX
Physique ou digital
Architecture de l’information
Expérience globale
Soulager les point de blocage et les irritants
Efficace à l’utilisation
Les différences entre
UI
Produits digitaux
“Look and Feel”
Interface avec laquelle l’utilisateur intéragi
Typographies, couleurs, formes et animations
Visuellement plaisant pour l’utilisateur
Les différences entre
UX
Physique ou digital
Architecture de l’information
Expérience globale
Soulager les point de blocage et les irritants
Efficace à l’utilisation
UI
Produits digitaux
“Look and Feel”
Interface avec laquelle l’utilisateur intéragi
Typographies, couleurs, formes et animations
Visuellement plaisant pour l’utilisateur
Les différences entre
UX
UI
Service, produit physique ou digital
Architecture de l’information
Expérience globale
Soulager les points de blocage et les irritants
Efficace à l’utilisation
Produits digitaux
“Look and Feel”
Interface avec laquelle l’utilisateur intéragi (IHM)
Combinaison de typographies, couleurs, formes et animations
Visuellement plaisant pour l’utilisateur
Pourquoi travailler son UI
L’interface de votre site ou appli, doit à la fois refléter votre image mais va aussi aider l’utilisateur à lui transmettre les bonnes informations : Succès, erreurs, avec des codes couleurs et des types de typographie.
Une bonne interface améliore et facilite la navigation et la compréhension de l’interface par l’utilisateur, ce qui participe à avoir une bonne expérience utilisateur.
L’UI doit aussi être pensé et conçu de manière à bien s’intégrer dans l’environnement technique, et répondre aux normes d’accessibilité, notamment les taux de contraste et la lisibilité des textes.
