L'Art de l'UI Design
Présentation du livre
L’UI Design, pour User Interface Design, est l’étape de conception de l'interface utilisateur et de ses éléments graphiques (positionnement, couleur, taille, etc.). En se concentrant sur tout ce qui permet d’interagir avec le produit (site web, application mobile), l’UI Design englobe tout ce qui s’apparente au graphisme, à l’aspect et à l’agencement.
L’UI contribue à l’UX design (User Expérience), qui s’intéresse à l'expérience globale de l'utilisateur ((enchaînement des actions, parcours de navigation, facilité d’utilisation, etc.) y compris les interactions de l’utilisateur avec les éléments de l’UI.Les designers graphiques, les développeurs, les UX designers mais aussi les étudiants dans ces domaines, tout comme les chefs de produits et les entrepreneurs individuels trouveront dans ce manuel complet et accessible toutes les connaissances et les outils nécessaire :
- Comment concevoir un design centré sur l’utilisateur ? Personae, scénarios, parcours utilisateurs, accessibilité.
- Quels sont les principes de base de l’UI ? Ergonomie, hiérarchie, clarté, cohérence
- Quel est le processus de développement ? Feedback utilisateur, responsive design, atomic design, design token, liens avec les développeurs.
- Quels sont les éléments clés de l’UI ? Typographie couleurs, grilles, boutons, variables, son.
- Les interactivités et l’animation ? Prototypage, micro-interactions, techniques d’animation.
- Quels sont les principaux logiciels utilisés ? Figma, Sketchn Adobe XD.
Au-delà des applications web et mobiles, principaux domaines d’application de l’UI, les lecteurs trouveront également des chapitres dédiés à l’utilisation de l’UI dans les secteurs spécifiques du jeu vidéo et des objets connectés.
Sommaire de l'ouvrage
Introduction à l'UI. Définition et importance de l'UI. Différences entre UX et UI. Historique de l'UI : évolution et tendances. Design centré sur l'utilisateur. Connaître son audience : personae et scénarios. Définir un parcours utilisateur dans les interfaces. Accessibilité : rendre l'UI inclusive. L’éco-responsabilité. Tests utilisateurs : méthodes et outils. Principes de base de l'UI. L’ergonomie dans l’UI. Hiérarchie visuelle et informationnelle. Clarté et simplicité. Accès et guidance. Cohérence visuelle. Feedback utilisateur et notifications. Adaptabilité et responsive design. L’atomic design. Les composants. Le principe du design token et du design système. Interactions entre designers et développeurs. La microcopie ou le texte dans le design d’interface. Les éléments de l'interface utilisateur. Typographie : choix et utilisations. Couleurs : théories et applications. Iconographie : rôle et impact. Boutons et contrôles : conception et interaction. Grilles et maquettes : organisation de l'espace. Les variables. Le son dans les UI. Interactivité et animation dans l'UI. La notion de prototypage. Les micro-interactions : définitions et exemples. L'importance de l'animation pour l'expérience utilisateur. Techniques d'animation : outils et bonnes pratiques. UI dans le jeu vidéo. Game design, gamification et UI. L’histoire de l’UI dans le jeu vidéo. La notion de HUD dans les jeux actuels. Les règles UI liées aux jeux vidéo. A chaque style de jeux et plateforme de jeu, son UI. UI et les objets connectés. Les objets connectés et l’ergonomie. L’UI à tous les niveaux. La voix et les UI immersives. Les règles à respecter. Les outils indispensables. Figma. Sketch.Adobe XD. Annexes. Glossaire. Les règles de l’animation. Tableau des contrastes. Exemples de grille. Ressources graphiques. Les plugins indispensables.
