Formation Ergonomie des Interfaces Utilisateur, Design System et UX/UI : Créez des IHM performantes

Introduction à l'UI/UX Design et à l'ergonomie des IHM

• —Définition UI, UX, IHM, et leurs différences
• —Rôle de l'UI/UX Designer dans un projet digital
• —Importance de l'ergonomie pour l'expérience utilisateur
• —Comprendre les attentes et comportements des utilisateurs

Principes fondamentaux de l'ergonomie des interfaces

• —Lois de Fitts, Jakob Nielsen, et Gestalt
• —Les 7 principes de Don Norman (Affordance, Feedback, etc.)
• —Constance et cohérence visuelle et fonctionnelle
• —Accessibilité numérique (Critères WCAG 2.1)

Le processus de conception UI/UX

• —Cycle de vie d'un projet UI/UX (Recherche, Définition, Idéation, Prototypage, Test)
• —Méthodologies agiles appliquées à l'UI/UX
• —Place de l'UI dans la conception centrée utilisateur (CCU)
• —Collaboration avec les équipes techniques et produit

Analyse et recherches utilisateurs pour l'UI

• —Méthodes de recherche (interviews, sondages, focus groups)
• —Création de personas et de parcours utilisateurs (User Journey)
• —Analyse de la concurrence et bonnes pratiques UI
• —Définition des objectifs UI en lien avec les besoins utilisateurs

Wireframing et prototypage basse fidélité

• —Qu'est-ce qu'un wireframe et son utilité
• —Outils de wireframing (Figma, Sketch, Adobe XD)
• —Création de maquettes filaires pour différentes plateformes
• —Prototypage interactif simple pour valider les flux

Introduction au Design System

• —Qu'est-ce qu'un Design System et pourquoi l'utiliser
• —Composants clés d'un Design System (principes, tokens, composants)
• —Avantages pour la cohérence, l'efficacité et la scalabilité
• —Exemples de Design Systems connus (Material Design, Atlassian)

Éléments du Design System: Tokens et Composants

• —Définition et création de Design Tokens (couleurs, typographies, espacements)
• —Structuration et organisation des composants UI réutilisables
• —Gestion des états des composants (actif, désactivé, hover)
• —Intégration des icônes et illustrations dans le système

Typographie et hiérarchie visuelle en UI

• —Choix des polices et combinaisons harmonieuses
• —Création d'une échelle typographique cohérente (Tailles, graisses, interlignes)
• —Gestion de la hiérarchie visuelle de l'information
• —Lisibilité et accessibilité du texte

Couleurs, images et iconographie

• —Théorie des couleurs et psychologie des couleurs en UI
• —Création de palettes de couleurs UI harmonieuses et accessibles
• —Intégration d'images, illustrations et icônes
• —Utilisation des icônes pour l'intuitivité et la navigation

Grilles, espacements et mise en page

• —Utilisation des grilles pour une mise en page structurée
• —Gestion des espacements et des alignements (White Space)
• —Principes de mise en page réactive (Responsive Design)
• —Optimisation de la densité d'information

Prototypage haute fidélité et interactions

• —Réalisation de maquettes UI haute fidélité
• —Ajout d'animations et de micro-interactions
• —Création de prototypes cliquables et testables
• —Outils avancés de prototypage (Figma, Axure)

Tests utilisateurs et amélioration continue de l'UI

• —Méthodes de test utilisateur (test d'utilisabilité, A/B testing)
• —Collecte et analyse des retours utilisateurs
• —Itérations et ajustements de l'interface
• —L'importance de la veille UI et des évolutions technologiques

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

- Avoir une bonne connaissance de l'environnement digital et des usages web/mobile.<br>- Avoir des bases en design ou développement est un plus, mais non obligatoire.<br>- Être capable d'utiliser un ordinateur et des logiciels bureautiques courants.

- Un ordinateur portable (PC ou Mac) avec une connexion internet stable.<br>- Un navigateur web à jour (Chrome, Firefox, Safari...).<br>- Un logiciel de prototypage et de design (ex : Figma, Adobe XD - des versions d'essai gratuites sont suffisantes pour la durée de la formation).

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

Nous utilisons des outils et des logiciels professionnels tels que Sketch, Figma, Adobe XD et InVision pour concevoir et tester les interfaces.

Oui, cette formation est conçue pour les débutants comme pour les professionnels. Nous vous accompagnons dans votre apprentissage et votre progression.

Environ 5-7 heures par semaine pendant la durée de la formation, en fonction de votre rythme et de vos disponibilités.

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.