UI & UX

Concevoir des interfaces utiles, utilisables et cohérentes, de la recherche utilisateur à l’UI finalisée et testée.

Durée : 

21 à 35 heures
Présentiel ou classe virtuelle

Intra-Entreprise : Tarif identique de 1 à 12 participants

Objectifs Pédagogiques & Opérationnels

  • 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.

Description

Module 1 — Fondamentaux UI/UX et cadre de conception centré utilisateur
  1. Différences et complémentarités : UX, UI, product design, service design
  2. Principes clés : utilité, utilisabilité, désirabilité, cohérence, confiance
  3. Modèle mental, charge cognitive, lois UX (Hick, Fitts, Gestalt, etc.)
  4. Contraintes réelles : business, technique, contenus, délais, légalité
  5. Processus : discovery → definition → delivery (itérations, preuves, arbitrages)
  6. Critères qualité : clarté, efficacité, sobriété, robustesse
Module 2 — Cadrage produit et compréhension des utilisateurs
  1. Définir objectifs et indicateurs (succès utilisateur, succès produit)
  2. Identifier les parties prenantes et organiser la collecte d’informations
  3. Hypothèses, risques, questions à valider : construire un plan de recherche
  4. Segmentation et proto-personas : quand, comment, limites
  5. Analyse du contexte : devices, environnement, fréquence, contraintes
  6. Mise en application encadrée : rédaction d’un brief UX structuré
Module 3 — Recherche utilisateur et analyse (qualitative & quantitative)
  1. Méthodes qualitatives : entretiens, observations, tests exploratoires
  2. Méthodes quantitatives : analytics, funnels, sondages, logs (lecture critique)
  3. Recrutement et échantillonnage : biais, représentativité, éthique
  4. Synthèse : insights, patterns, irritants, opportunités
  5. Priorisation : impact/effort, RICE (ou équivalent), gestion des compromis
  6. Restitution : raconter la preuve (evidence-based design) sans “opinion”
Module 4 — Parcours, architecture d’information et scénarios d’usage
  1. User journeys : étapes, émotions, points de friction, moments de vérité
  2. User flows : objectifs, alternatives, erreurs, retours arrière
  3. Arborescences et navigation : catégories, libellés, profondeur, recherche
  4. Stratégies de contenu : messages, aide, états vides, erreurs, onboarding
  5. Patterns d’interaction : formulaires, checkout, dashboards, recherche/filtre
  6. Mise en application encadrée : construire un flow complet avec cas d’erreur
Module 5 — Conception UI : hiérarchie visuelle, lisibilité et cohérence
  1. Grilles, alignements, rythme, composition : construire une UI stable
  2. Typographie : échelle, contrastes, interlignage, densité d’information
  3. Couleur : rôles fonctionnels, contrastes, états, sémantique
  4. Composants : boutons, champs, cartes, tables, modales (bon usage)
  5. Micro-interactions et feedback : chargement, succès, erreurs, transitions
  6. Mise en application encadrée : décliner un écran en respectant règles UI
Module 6 — Prototypage et collaboration (Figma ou outils équivalents)
  1. Niveaux de fidélité : wireframes → maquettes → prototypes interactifs
  2. Prototyper pour apprendre : objectifs du prototype, scénarios, limites
  3. Spécifications utiles : comportements, états, responsive, tokens
  4. Handoff : préparer pour les dev (naming, composants, contraintes, assets)
  5. Collaboration produit : ateliers, critiques design, décisions tracées
  6. Mise en application encadrée : prototype navigable + notes de comportement
Module 7 — Tests utilisateurs, itérations et mesure de l’expérience
  1. Choisir le bon test : modéré/non modéré, en présentiel/à distance
  2. Scénarios, tâches, consignes : éviter les biais, mesurer l’efficacité
  3. Grilles d’observation : erreurs, temps, compréhension, verbatim
  4. Synthèse : sévérité, fréquence, priorisation des corrections
  5. Itérer : corriger sans casser (régressions), garder la cohérence système
  6. Mesure continue : NPS/CSAT (avec prudence), taux de conversion, activation
Module 8 — Accessibilité, inclusivité et design system “niveau expert”
  1. Accessibilité : WCAG, contrastes, navigation clavier, focus, ARIA (principes)
  2. Inclusivité : langage, représentations, prises en compte des situations variées
  3. Design éthique : dark patterns, consentement, transparence, confiance
  4. Design system : principes, tokens, composants, documentation, gouvernance
  5. Cohérence multi-plateforme : web, mobile, responsive, guidelines
  6. Mise en application encadrée : audit rapide d’un écran + correctifs UI/UX
Module 9 — Qualité, livraison et amélioration continue
  1. Préflight UI : cohérence des composants, états, contenus, responsive
  2. Gestion des contenus : microcopy, ton, longueur, localisation
  3. Communication : argumenter, documenter, arbitrer, gérer les retours
  4. Suivi post-livraison : feedbacks, analytics, bugs UX, backlog d’amélioration
  5. Ateliers de priorisation : impact utilisateur vs coût technique
  6. Capitalisation : patterns validés, règles internes, référentiel d’exemples

Évaluation & Suivi des Acquis

Feuille de Présence

Émargement des stagiaires en présentiel ou à distance, via support papier ou signature électronique.

Émargement sécurisé

Signatures électroniques collectées en ligne et conservées dans un coffre-fort numérique sécurisé par Dendreo.

Auto-positionnement

Évaluation du niveau des stagiaires en début et en fin de formation pour mesurer la progression.

Évaluations pédagogiques

Validation des acquis par des questions orales ou écrites tout au long de la formation.

Mises en situation

Exercices pratiques et cas concrets pour ancrer les compétences dans la réalité métier.

Attestation de fin de formation

Remise d’une attestation officielle à l’issue de la formation.

William

William

Répond généralement en moins de 5 minutes

I will be back soon

William
C’est William, votre conseiller pédagogique chez Mill-Forma.
Comment puis-je vous aider ?
WhatsApp Mill Forma