UI Design
Designer les interfaces numériques.
#userinterface
#créativité
#graphique
#accessibilité
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.
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
- Service, produit physique ou numérique
- Architecture de l'information
- Expérience globale
- Soulager les points de blocages et irritants
- Efficace à l'utilisation
UI
- Produits digitaux
- "Look and feel"
- Interface avec laquelle l'utilisateur interagit (IHM)
- 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.
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.
Quelques outils UI
