UX Design : Concevoir des sites web ergonomiques
Formation pratique pour maîtriser l'UX design : recherche utilisateur, wireframing, prototypage, tests et accessibilité. Concevez des sites web ergonomiques et optimisés pour l'expérience utilisateur.
Prochaine session : 7 décembre 2026 · Toulouse ou à distance (France entière) · Formation exonérée de TVA.
Voir les dates de session →Dans vos locaux ou à distance, aux dates de votre choix, programme adapté à vos outils. Prise en charge possible par votre OPCO.
Demander un devisCe que vous saurez faire
- Expliquer les concepts clés de l'ergonomie appliqués aux sites web (UX, UI, ergonomie, heuristiques de Nielsen)
- Conduire une recherche utilisateur en collectant des données qualitatives et quantitatives (entretiens, personas, analytics)
- Concevoir et organiser l'information pour une expérience optimale en respectant les normes d'accessibilité WCAG
- Créer des wireframes et prototypes avec Figma pour représenter les parcours utilisateurs
- Optimiser le parcours utilisateur en créant des user journey maps et en identifiant les points de friction
- Améliorer l'accessibilité d'un site web en appliquant les normes WCAG et en réalisant des audits
Programme détaillé
Public visé & prérequis
Public :
- Webmasters
- Webdesigners
- Chefs de projet digitaux
- Graphistes
- Concepteurs de sites web
Prérequis :
- Avoir une bonne connaissance de l'outil informatique
- Être à l'aise avec la navigation sur Internet
- Un questionnaire de positionnement sera réalisé au préalable pour adapter la formation à vos besoins
Objectifs pédagogiques
- 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
Programme
Jour 1 :
Introduction à l'UX et au design centré utilisateur
- Définitions clés de l'UX.
- Différences entre UX, UI et
- Méthodes et posture
- Exemple de travaux pratiques : Débat collaboratif sur des exemples concrets d'expériences utilisateur réussies et ratées.
Cadrage & stratégie
- Définition des objectifs
- Audit
- Euristiques de
- Projet d'apprentissage : Vision board du projet d'apprentissage.
- Exemple de travaux pratiques : Création en binôme d'un vision board pour un projet fictif.
Recherche utilisateur
- Collecter des données qualitatives (entretiens, focus groups).
- Collecter des données quantitatives (A/B testing, web analytics).
- Méthode Design
- Projet d'apprentissage : Plan de recherche utilisateur + création de 2
- Exemple de travaux pratiques : Réalisation d'un persona à partir d'un scénario utilisateur fourni.
Analyse & synthèse
- Mapping des
- Empathy
- Projet d'apprentissage : Empathy map + problématiques
- Exemple de travaux pratiques : Construction d'une Empathy Map pour un utilisateur cible.
Jour 2 :
Définir le parcours utilisateur
- Parcours actuel vs souhaité.
- User Journey
- Projet d'apprentissage : Création d'une User Journey Map d'un client qui cherche à construire une
- Exemple de travaux pratiques : Représenter graphiquement un parcours utilisateur complet.
Stratégie SEO
- Les trois piliers du SEO : technique, notoriété &
- Bonnes pratiques
- Projet d'apprentissage : Audit SEO et proposition de structuration
- Exemple de travaux pratiques : Analyse SEO d'une page web et recommandations d'amélioration.
Principes d'ergonomie & wireframes
- Heuristiques de Nielsen appliquées au
- Création de wireframes low-
- Projet d'apprentissage : Wireframes des écrans
- Exemple de travaux pratiques : Réalisation de wireframes pour une page d'accueil et une page produit.
UI & Design Tokens
- Typographie, couleurs, iconographie,
- Design system et atomic
- Projet d'apprentissage : Création de tokens (Figma Variables).
- Exemple de travaux pratiques : Création d'un jeu de design tokens pour un site fictif dans Figma.
Accessibilité & inclusion
- Normes
- Exemples de bonnes
- Projet d'apprentissage : Audit d'accessibilité rapide sur
- Exemple de travaux pratiques : Audit d'accessibilité d'un wireframe fourni, avec recommandations d'amélioration.
Jour 3 :
Prototypage & interactions
- Liens, animations, composants
- Projet d'apprentissage : Prototype cliquable du parcours utilisateur
- Exemple de travaux pratiques : Création d'un prototype cliquable d'un parcours utilisateur dans Figma.
Test utilisateur
- Types de tests : 5 seconds, guerrilla, A/B.
- Projet d'apprentissage : Script de test + mise en place rapide en binôme.
- Exemple de travaux pratiques : Réalisation d'un test utilisateur rapide sur un prototype.
Itérations & prise en compte du feedback
- Méthodologie Lean
- Projet d'apprentissage : Roadmap d'amélioration.
- Exemple de travaux pratiques : Itération sur le prototype en fonction des retours collectés.
Design system & collaboration
- Structure, documentation, Design tokens &
- Collaboration via Figma pour les développeurs.
- Projet d'apprentissage : Création d'une librairie de composants + documentation
- Exemple de travaux pratiques : Création et documentation d'une librairie de composants partagée.
Présentation finale du projet et clôture
- Démo du prototype
- Feedback croisé entre
- Évaluation via grille de critères.
- Évaluation des acquis
- Exemple de travaux pratiques : Présentation en groupe et feedback structuré
Méthodes et moyens pédagogiques
- Exercices concrets
- Cas pratiques
- Quiz d'évaluation des connaissances
- Mise à disposition de postes de travail
- Vidéoprojecteur, tableau blanc, supports numériques
- Documentation pédagogique numérique
Modalités d’évaluation
- Positionnement en amont de la formation :
- Un quiz de consolidation des pré-requis sera administré en amont de la formation
- Suivi « pendant » :
- Feuilles de présence
- Exercices pratiques
- Évaluation « fin de formation »
- Évaluation des acquis en fin de formation
- Formulaires d'évaluation de la formation
- Évaluation à froid :
- Suivi post-formation : Questionnaire de satisfaction à j+30
Profil des formateurs
Expert en UX/UI design avec une solide expérience opérationnelle dans la conception d'interfaces web centrées utilisateur. Maîtrisant les outils de design (Figma, Adobe XD), les méthodes de recherche utilisateur et les normes d'accessibilité, animant des ateliers pratiques permettant aux participants de créer des expériences utilisateur optimales et accessibles en mode projet.
Modalités d’admission
Inscription toute l'année.
Accessibilité et délais d’accès
Délais d'accès à la formation
Le délai d'accès à la formation est variable en fonction du dispositif de financement utilisé, du planning des formateurs et des contraintes du client. Pour les formations inter-entreprises, vous pouvez consulter notre calendrier en ligne ou prendre contact avec nous. Nous traitons vos demandes sous 48 heures
Accessibilité
Si vous êtes en situation de handicap, merci de nous en informer afin de vous accompagner, vous orienter, et étudier les compensations nécessaires pour répondre au mieux à votre demande de formation. Certaines formations peuvent nécessiter une adaptation pour les personnes en fonction de leur handicap. Nous restons disponibles pour échanger ensemble et nous pourrons vous orienter vers un de nos partenaires : Agefiph, Cap Emploi
Votre inscription
De la recherche à la formation, en 5 étapes
Testez votre niveau
Un test de positionnement gratuit pour entrer au bon niveau. Faire le test →
Vérifiez votre financement
CPF, OPCO, France Travail : un conseiller vous rappelle sous 48 h et monte le dossier avec vous.
Validez votre inscription
C’est à vous : vous signez le devis ou la convention, ou vous validez votre dossier sur Mon Compte Formation.
Formez-vous
Convocation, formation, évaluation et certification.
Particulier · salarié · demandeur d’emploi
Financez votre formation avec votre CPF
- 53 formations éligibles au CPF
- Inscription sur Mon Compte Formation, nous vous guidons pas à pas
- Participation forfaitaire de 150 €, sauf exonération (demandeur d’emploi, abondement employeur)
Entreprise · équipe · service RH
Formez votre équipe en intra-entreprise
- Dans vos locaux, à Toulouse ou à distance, aux dates de votre choix
- Programme adapté à vos outils et à vos cas réels (UX Design : Concevoir des sites web ergonomiques)
- Forfait groupe, financement OPCO, devis sous 48 h
Devis · inscription · financement
Une question sur « UX Design : Concevoir des sites web ergonomiques » ?
Un conseiller vous répond sous 48 h ouvrées : dates, format, devis et financement (CPF, OPCO, France Travail).
Réservation