Graphisme
Formation UI & UX
Concevoir des interfaces utiles, utilisables et cohérentes, de la recherche utilisateur à l’UI finalisée et testée.
Format
Intra-entreprise
Durée recommandée
≈ 28 à 42 heures
Démarrage
Sous 15 jours
Sur-mesure
Programme co-construit avec le formateur
Pour qui ?
- ›Designers UI, UX, product designers, graphistes et webdesigners souhaitant structurer leur méthode de conception.
- ›Chefs de projet digitaux, PO/PM, responsables marketing/communication impliqués dans la définition et l’évolution de produits numériques.
- ›Développeurs front-end et équipes produit souhaitant mieux collaborer avec le design et comprendre les critères d’expérience utilisateur.
Prérequis
- ›Aucun prérequis obligatoire. Une première expérience sur un produit digital (site, app, logiciel) est recommandée.
Objectifs pédagogiques
- ›Comprendre les fondamentaux UX/UI et articuler recherche, conception, prototypage et validation dans un processus itératif.
- ›Cadrer un besoin produit : objectifs, utilisateurs, contexte d’usage, contraintes métier/techniques et critères de réussite.
- ›Produire des parcours et des architectures d’information claires (personas, user journeys, user flows, arborescences).
- ›Concevoir des écrans et composants UI cohérents (hiérarchie visuelle, lisibilité, microcopy, design system).
- ›Prototyper efficacement et animer des tests utilisateurs pour identifier, prioriser et corriger les points de friction.
- ›Intégrer accessibilité, inclusivité et bonnes pratiques de design éthique dans les interfaces.
- ›Formaliser et communiquer les décisions de design pour faciliter la collaboration avec les équipes produit et dev.
Programme détaillé
9 modules, construits autour de vos cas réels.
Durée recommandée ≈ 28 à 42 heures, modulable selon le rythme du groupe et vos contraintes intra-entreprise.
01Fondamentaux UX/UI et processus de conception centré utilisateur
Chapitres- Distinguer UX, UI, product design et service design ainsi que leurs périmètres respectifs
- Comprendre les principes d'utilité, d'utilisabilité, de désirabilité et de cohérence
- Maîtriser les lois UX courantes (Hick, Fitts, Gestalt) et la notion de charge cognitive
- Situer chaque phase du processus discovery, definition et delivery dans une logique itérative
- Identifier les contraintes business, techniques, contenus et légales qui pèsent sur une interface
- Définir des critères qualité opérationnels : clarté, efficacité, sobriété, robustesse
02Cadrage produit et compréhension du besoin
Chapitres- Formuler les objectifs produit et les indicateurs de succès utilisateur
- Identifier les parties prenantes et organiser la collecte d'informations
- Construire un plan de recherche à partir des hypothèses, risques et questions à valider
- Analyser le contexte d'usage : appareils, environnement, fréquence, contraintes
- Rédiger un brief UX structuré servant de référence à l'équipe
03Recherche utilisateur et analyse des données
Chapitres- Mener des entretiens, observations et tests exploratoires en méthode qualitative
- Lire et interpréter les données quantitatives : analytics, funnels, sondages, logs
- Gérer le recrutement et l'échantillonnage en limitant les biais et en respectant l'éthique
- Synthétiser les retours en insights, patterns, irritants et opportunités
- Prioriser les pistes avec une grille impact/effort ou un scoring de type RICE
- Restituer les résultats en s'appuyant sur la preuve plutôt que sur l'opinion
04Parcours, architecture d'information et scénarios d'usage
Chapitres- Cartographier les user journeys avec étapes, émotions et points de friction
- Construire des user flows intégrant alternatives, erreurs et retours arrière
- Structurer une arborescence et une navigation lisibles : catégories, libellés, profondeur
- Concevoir les états vides, messages d'aide, erreurs et parcours d'onboarding
- Mobiliser les patterns d'interaction courants : formulaires, checkout, dashboards, filtres
- Construire un flow complet avec gestion des cas d'erreur
05Conception UI : hiérarchie visuelle, lisibilité et cohérence
Chapitres- Poser une grille, des alignements et un rythme pour stabiliser la composition
- Définir une échelle typographique adaptée à la densité d'information et aux contrastes
- Attribuer des rôles fonctionnels et sémantiques à la couleur selon les états
- Employer correctement les composants : boutons, champs, cartes, tables, modales
- Concevoir les micro-interactions et le feedback : chargement, succès, erreurs, transitions
- Décliner un écran en appliquant les règles UI définies
06Prototypage et collaboration avec Figma
Chapitres- Choisir le niveau de fidélité adapté : wireframe, maquette, prototype interactif
- Définir l'objectif d'un prototype et les scénarios qu'il doit éprouver
- Spécifier les comportements, états, règles responsive et tokens
- Préparer le handoff pour les développeurs : nommage, composants, contraintes, assets
- Animer ateliers et critiques design en traçant les décisions
07Tests utilisateurs, itérations et mesure de l'expérience
Chapitres- Sélectionner le format de test adapté : modéré ou non, présentiel ou distant
- Rédiger scénarios, tâches et consignes en évitant les biais d'orientation
- Construire une grille d'observation : erreurs, temps, compréhension, verbatim
- Hiérarchiser les corrections selon la sévérité et la fréquence des problèmes
- Itérer sans introduire de régression et en préservant la cohérence du système
- Suivre l'expérience dans la durée : conversion, activation, indicateurs de satisfaction
08Accessibilité, inclusivité et design éthique
Chapitres- Appliquer les critères WCAG : contrastes, navigation clavier, gestion du focus, ARIA
- Adapter langage et représentations pour couvrir des situations d'usage variées
- Repérer et éviter les dark patterns au profit du consentement et de la transparence
- Vérifier la cohérence multi-plateforme entre web, mobile et responsive
09Design system, qualité et amélioration continue
Chapitres- Structurer un design system : tokens, composants, documentation, gouvernance
- Réaliser un préflight UI : cohérence des composants, états, contenus, responsive
- Soigner le microcopy : ton, longueur, clarté et préparation à la localisation
- Argumenter et documenter les décisions de design pour faciliter les arbitrages
- Exploiter feedbacks, analytics et bugs UX pour alimenter un backlog d'amélioration
- Capitaliser les patterns validés dans un référentiel d'exemples réutilisables
Évaluation & suivi des acquis
Mill-Forma est certifié Qualiopi. Chaque session respecte les six modalités d'évaluation et de suivi suivantes :
- Feuille de présence émargée quotidiennement par le formateur et chaque stagiaire
- Émargement sécurisé via la plateforme Dendreo (suivi numérique certifié)
- Questionnaire d'auto-positionnement préalable pour évaluer niveau et attentes
- Évaluations formatives et sommatives tout au long de la formation
- Mises en situation pratiques et exercices professionnels en conditions réelles
- Attestation de fin de stage et certificat de réalisation remis au stagiaire
Certification délivrée
Attestation de fin de stage + certificat de réalisation
Délai d'accès
Sous 15 jours après validation du devis
Accessibilité PSH
Adaptations possibles en situation de handicap. En savoir plus.
Méthodes pédagogiques
- ›Alternance d'apports théoriques et de mises en pratique
- ›Études de cas issues de projets clients réels
- ›Support pédagogique numérique remis à chaque stagiaire
- ›Formateur expert métier en activité
Prochaine étape
Construire votre formation UI & UX
Un échange de 20 minutes suffit pour cadrer vos enjeux et la session. Devis personnalisé sous 48h, démarrage sous 15 jours.
- Réponse sous 24h ouvrées
- 01 85 71 00 29
Pour aller plus loin
Formations associées
Graphisme≈ 21 à 35 heures·Intra/Inter
Adobe Animate
Adobe Animate, Concevoir des animations interactives pour le web et la vidéo Maîtrisez la création d’animations vectorielles et interactives avec Adobe Animate, du storyboard à la publication multi-supports.
Voir la fiche
Graphisme≈ 21 à 35 heures·Intra/Inter
Adobe XD
Adobe XD, Conception d’interfaces UX/UI Maîtriser Adobe XD pour concevoir, prototyper et collaborer efficacement sur des interfaces web et mobile, du wireframe au design system.
Voir la fiche
Graphisme≈ 21 à 35 heures·Intra/Inter
Canva
Créer rapidement des supports de communication cohérents et professionnels avec Canva, de la mise en page aux exports multi-formats.
Voir la fiche
Graphisme≈ 21 à 35 heures·Intra/Inter
Figma
Figma, Concevoir des interfaces digitales professionnelles et collaboratives Cette formation permet de maîtriser Figma de la création d’interfaces à la mise en place d’un design system collaboratif.
Voir la fiche
Graphisme≈ 21 à 35 heures·Intra/Inter
Adobe illustrator
Créer et produire des visuels vectoriels professionnels, du dessin à la mise au net, pour le print, le web et l’identité de marque.
Voir la fiche
Graphisme≈ 21 à 35 heures·Intra/Inter
InDesign - EasyCatalog
Maîtriser EasyCatalog pour automatiser la mise en page à partir de données, fiabiliser les catalogues et accélérer les mises à jour
Voir la fiche