UX Design et ergonomie des sites web Mixte : présentiel / à distance

 Concevez ou optimisez un site web centré utilisateur en trois jours.

Apprenez à structurer l’information, prototyper sous Figma et tester vos parcours. Mettez vos pages en conformité WCAG 2.1, puis découvrez comment l’IA générative peut facilement booster micro-copies et personnalisation.

Les ateliers pratiques et retours d’expérience garantissent une montée en compétences immédiatement opérationnelle.   

A l'issue de la formation le stagiaire sera capable de concevoir ou améliorer un site web pour optimiser l'expérience utilisateur

• Comprendre les concepts clés de l'ergonomie adaptée aux sites web
• Appréhender les méthodes de recherche utilisateur
• Concevoir et organiser les informations pour une expérience optimale dans le respect des normes
• Optimiser le parcours utilisateur, sa navigation sur le site
• Améliorer l'accessibilité de son site web

Webmasters, webdesigners, chefs de projet digitaux, graphistes, concepteurs de sites Web…

Jour 1 – Concepts clés de l'ergonomie web et UX Design

Objectifs du jour :

• Assimiler les principes de l'ergonomie web et leur impact sur l'expérience utilisateur
• Situer l'UX Design dans le processus de création et de maintenance d'un site
• Les fondamentaux de l'ergonomie
  • Du confort cognitif à l'efficacité opérationnelle : bénéfices pour l'utilisateur et l'entreprise
  • Principes de la norme ISO 9241-210 : utilité, utilisabilité, satisfaction
  • Heuristiques de Nielsen : démonstration sur des exemples de sites connus
• Mesure de la performance UX
  • KPI : temps de task completion, taux d'erreur, satisfaction utilisateur
  • ROI et coût de non-qualité : calculs et cas concrets
• Techniques d'analyse ergonomique
  • Audit heuristique pas à pas : méthodes et checklists
  • Affordance, signifiance et feedback : principes clés à vérifier
• Atelier audit heuristique en petits groupes :
  • Analyser une page web fournie
  • Identifier 3 points de friction majeurs
  • Proposer une recommandation d'amélioration UX pour chaque point
  • Restitution courte (12 minutes par groupe) des observations et solutions

Jour 2 – Recherche utilisateur et organisation de l'information

Objectifs du jour :

• Maîtriser méthodes de recherche pour comprendre les besoins réels des utilisateurs
• Structurer l'information pour faciliter la navigation et l'engagement

• Études utilisateurs
  • Techniques qualitatives : entretiens semi-directifs, focus groups, observation
  • Techniques quantitatives : sondages en ligne, analytics basiques
  • Atelier : rédaction de guide d'entretien et élaboration de questionnaires
• Personas et parcours utilisateur
  • Création de personas
  • Cartographie des user journeys : points de contact, scénarios critiques
• Architecture de l'information
  • Tri de cartes (card sorting) : modalités et interprétation des résultats
  • Zoning et wireframing basse fidélité : principes de mise en page et flux de navigation
• Maquettage haut fidélité
  • Introduction à un outil (Figma ou Axure)
  • Bonnes pratiques de prototypage
• Atelier conception et validation collaborative
  • Réalisation d'un prototype de page d'accueil et test rapide en binômes
  • Présentation des prototypes par chaque binôme
  • Feedback structuré selon la grille de critères UX

Jour 3 – Optimisation du parcours, accessibilité et IA légère

Objectifs du jour :

• Optimiser l'expérience utilisateur
• Assurer la conformité aux standards d'accessibilité
• Expérimenter des applications de l'IA pour améliorer l'UX

• Optimisation du parcours
  • Principes d'architecture responsive et mobile-first
  • Analyse de funnels et points de sortie via web analytics (Google Analytics ou Matomo)
• A/B testing et heatmaps
  • Mise en place d'un test A/B simple (outil open source ou plugin)
  • Interprétation de heatmaps et session recordings
• Accessibilité web
  • Normes WCAG 2.1 (niveaux A, AA) : checklists et outils de validation
  • ARIA roles et gestion du focus pour les technologies d'assistance
  • Atelier : scanner un site avec axe-core et corriger 5 non-conformités
• IA légère pour UX – nouveaux cas d'usage
  • Génération automatique de microcopies, labels et call-to-action optimisés via LLM
  • Segmentation dynamique de contenu : adapter l'affichage selon profil simulé
  • IA & RGPD : risques et bonnes pratiques
• Atelier IA/UX writing
  • Paramétrer un outil LLM (ex. OpenAI Playground) pour produire 3 variantes de microcopies
  • Intégration des suggestions dans le prototype Figma
  • Analyse de lisibilité

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

• Formation en présentiel
• En groupe (inter-entreprises ou intra-entreprise)
• En individuel (monitorat)
• En journée ou en cours du soir (sur demande spécifique)
• Formation en distanciel
• Distanciel synchrone
• Distanciel asynchrone

• Apports des connaissances communes.
• Mises en situation sur le thème de la formation et des cas concrets.
• Méthodologie d'apprentissage attractive, interactive et participative.
• Equilibre théorie / pratique : 60 % / 40 %.
• Supports de cours fournis au format papier et/ou numérique.
• Ressources documentaires en ligne et références mises à disposition par le formateur.
• Pour les formations en présentiel dans les locaux mis à disposition, les apprenants sont accueillis dans une salle de cours équipée d'un réseau Wi-Fi, d'un tableau blanc ou paperboard. Un ordinateur avec les logiciels appropriés est mis à disposition (le cas échéant).

En amont de la formation :

• Recueil des besoins des apprenants afin de disposer des informations essentielles au bon déroulé de la formation (profil, niveau, attentes particulières...).
• Auto-positionnement des apprenants afin de mesurer le niveau de départ.

Tout au long de la formation : 

• Évaluation continue des acquis avec des questions orales, des exercices, des QCM, des cas pratiques ou mises en situation...

A la fin de la formation : 

• Auto-positionnement des apprenants afin de mesurer l'acquisition des compétences.
• Evaluation par le formateur des compétences acquises par les apprenants.
• Questionnaire de satisfaction à chaud afin de recueillir la satisfaction des apprenants à l'issue de la formation.
• Questionnaire de satisfaction à froid afin d'évaluer les apports ancrés de la formation et leurs mises en application au quotidien.

• Admission sans disposition particulière