- Cours pratique
- Informatique
Formation UI Design et ergonomie des IHM
Design System et création d’interface

- Durée
- 2 jours
- Niveau
- Fondamental
- Modalités
- Présentiel / Distanciel
Description de la formation UI Design
Qu'est-ce que l’UI Design et l’ergonomie des IHM ?
L’UI Design (User Interface Design) et l’ergonomie des interfaces homme-machine visent à concevoir des interfaces graphiques intuitives, esthétiques et adaptées aux besoins des utilisateurs. Ils reposent sur des principes de design system, d’accessibilité et de cohérence graphique.
Pourquoi suivre une formation UI Design et ergonomie des IHM ?
Dans un monde où l’expérience utilisateur est un facteur clé de réussite des produits digitaux, maîtriser l’UI Design et les bonnes pratiques ergonomiques permet de créer des interfaces efficaces et attractives. Cette formation offre les méthodes et outils indispensables pour améliorer la qualité visuelle et fonctionnelle des applications et sites web, tout en favorisant l’adoption par les utilisateurs.

Objectifs pédagogiques
À l'issue de cette formation UI Design et ergonomie des IHM, vous aurez acquis les connaissances nécessaires pour :
- Identifier les enjeux du design d'interface utilisateur
- Appliquer les règles du Design System
- Créer des interfaces de sites Web, d'applications et de logiciels
- Maintenir une cohérence graphique
- Trouver l'harmonie d'une interface
- Créer un dialogue interface / utilisateur
- Rendre une interface compréhensible
- Concevoir des prototypes d'interface
- Intégrer les notions de base de l'ergonomie des interfaces
- Identifier clairement les clés de la réussite
- Appliquer l'UX Design à la conception d'interfaces
- Adopter des démarches de conception itératives
- Organiser la récolte et l'analyse de données
- Améliorer la qualité des applications et des sites Web
- Estimer les implications dans le marketing.
Objectifs opérationnels
Savoir concevoir des interfaces graphiques ergonomiques et cohérentes à l’aide d’un design system.
Programme
Contenu du cours, module par module
9 modules
- Définition du terme UI Design
- Le rôle de l'UI Designer
- Comparaison avec l'UX Design
- Contexte des approches user centric (UI, IxD, UX, CX, HX)
- Historique des interfaces homme-machine
- Interfaces monochromes
- Le fenêtrage
- Le skeuomorphisme
- Le flat design
- Le neumorphisme
- Analyser et définir une palette de couleurs
- Règles et valeurs évocatrices des typographies
- Mise en page et ergonomie
- Images et visuels
- Dialoguer avec les boutons et les interactions
- Hiérarchisation des contenus
- Le sens de lecture
- Harmonie et contraste
- La cohérence graphique
- Moodboard, Guide UI et Design System
- Fichier bitmap vs vectoriel
- Formats pour le Web
- Les étapes de conception dans un projet digital
- Le maquettage : sketching, zoning, wireframe, prototype
- Les outils de prototypage (Figma, Sketch, Invision, Balsamiq...)
- Test and Learn
Exemples de travaux pratiques (à titre indicatif)
Création d'un trend board, moodboard et art board
Création d'une palette de couleurs (Adobe Color)
Recherche iconographique
Elaboration d'un guide UI
L'approche Atomic Design
- Les wireframes
- Apple iOS
- Google Material Design
- Microsoft Windows
- Trouver l'inspiration avec les kits UI
- Définition de l'ergonomie d'interfaces pour écrans
- Les normes ISO 9241-210 et Afnor 267
- Le principe d'utilisabilité
- Les critères de Bastien et Scapin
- Les heuristiques de Jakob Nielsen
- Les lois de la Gestalt :
- Distinction
- Proximité
- Similarité
- Continuité
- Clôture
- La loi de Hick
- La loi de Fitts
- La notion d'affordance
- Ergonomie par l'exemple
- Pattern de lecture
- Formulaires
- Boutons
- Tableau de données...
Exemples de travaux pratiques (à titre indicatif)
Utiliser une grille d'analyse
Recueil des informations
Recommandations et pistes d'amélioration
- Comprendre les enjeux du responsive
- La mécanique du responsive
- Anticiper les contraintes du développeur
- Les bonnes pratiques
- Méthodologie de travail
- Savoir interpréter un parcours utilisateur
- Méthodologie de travail pour la création d'un ensemble d'écrans
- Enjeux et risques
Exemples de travaux pratiques (à titre indicatif)
A partir du guide UI élaboré dans le premier atelier
Elaborer un prototype papier puis digital
Les bonnes questions à se poser
Atelier d'idéation (card sorting et 6to1)
Programme mis à jour le 26/08/2025
Public concerné
Cette formation est destinée aux chefs de projets digitaux, directeurs artistiques, développeurs Front, webdesigners, développeurs Web.

Prérequis
Une bonne pratique des fonctionnalités telles que la conception et/ou le développement de sites Web, d'applications mobiles ou la conduite de projet digital. Connaître un logiciel de prototypage (Adobe XD, Sketch, Figma, Framer, InVision...) est un plus.
J’évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Faire le testFinancement
Cette formation peut être prise en charge par votre entreprise, seule ou avec l’appui de son opérateur de compétences. Nous fournissons le devis et les pièces attendues par l’OPCO.
Formations liées
- UX : Apprendre à réaliser des tests utilisateursRéf. GTCO2 joursFondamentalProchaine session : 23 nov.1 590 €
- UX Design : Intégrer la démarche dans ses projetsRéf. UDTS2 joursFondamentalProchaine session : 7 déc.1 740 €
- UX Design et ergonomie des sites websRéf. PUXF3 joursFondamentalProchaine session : 7 déc.2 090 €
- UX Design et ergonomie pour tablettes et smartphonesRéf. PEIT3 joursIntermédiaireProchaine session : 14 oct.2 090 €