Jour 1
Les principes fondamentaux de l'UX Design
Définition de l’UX Design
Expertise vs connaissance des utilisateurs
La pluridisciplinarité
Co-créativité et collaboration
Processus itératif et méthodes
L’ergonomie cognitive et les IHM
Les critères ergonomiques
Les principes fondamentaux de la norme ISO 9241Travaux pratiquesObjectif : Comprendre les principes fondamentaux des normes standards.
Description : A partir de l’observation d’une maquette, on pose des questions qu’il faut associer aux bons critères ergonomiques (conformité aux attentes de l’utilisateur, auto-descriptivité, contrôle de l’utilisateur, adaptabilité, gestion des erreurs, chargement cognitif, cohérence visuelle)Mode d'organisation et intervenants
Les parties prenantes et leur participation
Les utilisateurs
L’équipe projet
Comment estimer le temps consommé ?
Les phases d’un livrableComprendre les enjeux associés au design d'expérience
UX et stratégie : impact sur l’identité de marque sur l’expérience du service
Les dark patterns
UX et faisabilité : concevoir sans ignorer le monde réel
UX et esthétique : l’importance du visuel et du graphisme sur le produit
UX et le design émotionnel : les vecteurs clés d’une expérienceTravaux pratiquesObjectif : Identifier les principes fondamentaux de l’UX Design à travers l’observation d’une interface réelle.
Description : Par petits groupes, les participants analysent une interface web ou mobile en utilisant une grille fournie (ergonomie, co-création, design émotionnel, dark patterns, etc.). Ils en dégagent les points forts et les axes d’amélioration, formulent des hypothèses sur le processus de conception et restituent leur analyse sous forme synthétique (fiche ou tableau) suivie d’une présentation orale.Réaliser un projet avec la méthodologie du Design Thinking
Poser le contextePrendre ses marques, comprendre les enjeux et connaître l’objectif à atteindre
Identifier les problèmes, les objectifs
Déterminer les leviers d’opportunités et de valeurUser Research
Écouter ses utilisateurs, observer leurs usages réels et les comparer à l’expression des besoins
Observer le terrain : « Interviews contextuelles »
Observer le terrain : « Interviews classiques »
Mener des focus groups
Étudier l’analytics
Mettre en place des enquêtes
Le diagramme d’affinité
Les personaeTravaux pratiquesObjectif : Identifier les profils types d’utilisateurs à partir de données et d’intuitions initiales.
Description : En groupe, les participants vont créer 2 à 3 proto-personas à partir d’un brief fictif. Ils devront s’appuyer sur une synthèse d’interviews ou d’observations simulées (proposées par le formateur), puis structurer chaque persona avec nom, âge, besoins, motivations, frustrations et comportement numérique.Jour 2Définir le produit
Réaliser des benchmarks
Les parcours utilisateurs
Les expérience maps
Optimiser l’arborescence : tri de carte
Optimiser la navigation : ergonomie des liens
L’accessibilité, les performances, le multi-device
L’approche « mobile first »
Les spécificités des devices : les mobiles
Les spécificités des devices : les tablettes
Faire des choix et prioriser la mise en œuvreTravaux pratiquesObjectif : Identifier les bonnes pratiques et erreurs UX à travers l’analyse comparative de sites concurrents.
Description : Par groupe de 2-3, les stagiaires analysent 2 à 3 sites dans le même secteur (par ex. e-commerce, éducation, service public). Ils relèvent les éléments de navigation, d’interaction, et de clarté du contenu, puis rédigent une grille comparative avec points forts/faibles ainsi qu’une à l’aide de l’outil OptimalSort.Bases de l'accessibilité numérique
Définition et grands principes de l'accessibilité web
Présentation des normes et référentiels : WCAG, RGAA, WAI-ARIA
Tour d’horizon des profils d’utilisateurs et des handicaps concernés
Pourquoi l’accessibilité est-elle essentielle pour tous les publics ?Travaux pratiquesObjectif : Évaluer l’accessibilité d’un site selon les critères RGAA/WCAG.
Description : Les participants utilisent des outils comme Wave, Color Contrast Checker, ou l’inspecteur d’accessibilité de leur navigateur pour identifier les points de blocage sur un site existant.Handicaps et aides techniques
Identifier les types de handicaps (visuels, moteurs, cognitifs, auditifs…)
Présentation des aides techniques : lecteurs d’écran, plages braille, zooms, etc.
Interaction entre technologie d’assistance et structure d’un site web
Quelles adaptations techniques pour quels besoins utilisateurs ?
Présentation du référentiel RGAA et des principaux plug-ins de validation de l’accessibilitéTravaux pratiquesObjectif : Expérimenter les contraintes vécues par les utilisateurs en situation de handicap.
Description : Chaque participant simule une navigation sur un site : en utilisant un lecteur d’écran comme NVDA (guidé par le formateur), avec la souris désactivée (navigation clavier seule), ou en modifiant les couleurs CSS pour simuler un daltonisme.Jour 3Générer des idées, innover, co-designer
Brainstorming
Sketching
Six-to-one
D’autres méthodes de brainstormingTravaux pratiquesObjectif : Générer des idées innovantes pour répondre à un problème UX défini.
Description : En binôme ou en petit groupe, les participants appliquent 2 techniques de brainstorming parmi : 6-to-1, carte mentale, SCAMPER ou "How Might We". Chaque groupe travaille sur un problème donné (ex. : comment simplifier l’inscription d’un utilisateur). Les idées sont ensuite priorisées avec une matrice impact/effort.Prototyper l'interface
Le zoning
La chorégraphie des contenus
Le prototypage carton / papier, moyenne définition, haute définition
Guidelines et spécifications
Présentation des principaux outils de maquettage d’interfaces : Figma, BalsamiqTravaux pratiquesObjectif : Réaliser des maquettes interactives à partir d’un besoin défini.
Description : À partir d’un brief fictif, les participants réalisent 2 à 3 écrans-clés (ex. : page d’accueil, fiche produit, formulaire). Ils doivent respecter un zoning, organiser les contenus, penser au responsive et utiliser les bonnes pratiques vues précédemment.Tester l'interface
Pourquoi il est nécessaire de tester ?
Les méthodes : lab testing (usability testing)
Les méthodes : remote testing
Les méthodes : guerilla testing
L’audit ergonomiqueTravaux pratiquesObjectif : Diagnostiquer les défauts UX d’une interface réelle ou fictive.
Description : À l’aide d’une grille basée sur les critères Bastien & Scapin ou ISO 9241, les participants analysent un site web (ou une maquette) selon différents critères (cohérence, feedback, charge cognitive…). Un rapport synthétique est ensuite présenté.
