Formation UX Design et Ergonomie Web

Description

Cette formation UX Design et Ergonomie Web vous permettra de concevoir des interfaces intuitives, accessibles et centrées sur les besoins réels de vos utilisateurs.

Pendant 3 jours, vous apprendrez à :

• Comprendre les fondamentaux de l’UX et de l’ergonomie web
• Identifier les besoins et attentes des utilisateurs
• Structurer et prototyper des parcours clairs et cohérents
• Appliquer les lois et heuristiques d’ergonomie (Fitts, Hick, Nielsen)
• Intégrer l’accessibilité numérique dès la conception
• Mettre en place et analyser des tests utilisateurs

Cette formation constitue une excellente porte d’entrée vers une approche UX-first du développement web.

Public

Cette formation s’adresse aux webmasters, webdesigners, chefs de projet digitaux, graphistes, concepteurs de sites web.

Campus Atlas

Cette formation est éligible au dispositif Campus Atlas. Il permet aux entreprises relevant de l'OPCO Atlas de suivre des formations sélectionnées à tarifs négociés, avec une prise en charge pouvant aller jusqu'à 100% selon votre branche et votre situation. Ce dispositif s'adresse aux entreprises cotisantes/adhérentes à Atlas et à leurs salarié·e·s.
Voir la page Campus Atlas de la formation

Les objectifs

• Comprendre les principes clés de l’UX design et de l’ergonomie web
• Identifier les besoins et comportements des utilisateurs à travers la recherche UX
• Concevoir des parcours et architectures d’information clairs et cohérents
• Créer des wireframes et prototypes fonctionnels avec des outils comme Figma
• Intégrer les bonnes pratiques d’accessibilité et d’inclusion dès la conception
• Évaluer et améliorer l’expérience utilisateur grâce aux tests et indicateurs UX

Pré-requis

• Connaissance de base du fonctionnement d’un site ou d’une application web (HTML, CSS, JS)
• Ordinateur portable à apporter

Le programme de la formation UX Design et Ergonomie Web

Jour 1 : Les fondamentaux de l’UX design et de l’ergonomie web

• Introduction à l’UX design
  • Définitions : UX ≠ UI, utilisabilité ≠ accessibilité
  • ROI de l’UX : taux de rebond, conversion, satisfaction client
  • Cas concrets : mauvais vs bon design (e.g. formulaire SNCF vs Airbnb)
• Principes d’ergonomie web (Normes & lois cognitives)
  • Heuristiques de Nielsen (focus : cohérence, flexibilité, prévention erreurs)
  • Lois : Fitts, Hick-Hyman, Doherty Threshold
  • Hiérarchie visuelle : contraste, poids typographique, densité d’info
• Recherche utilisateur
  • Méthodes : observation directe, interviews semi-dirigées, sondes culturelles
  • Création de personas (pain points, objectifs, contextes d’usage)
  • Scénarios d’usage (storyboard, use case)

Mises en pratique :

• Mini-audit ergonomique (3 sites B2C, 1 site public)
• Critique croisée (heuristiques + accessibilité)

Jour 2 : Concevoir une expérience utilisateur fluide et intuitive

• Architecture de l'information
  • Tri de cartes (manuel ou avec OptimalSort)
  • Organisation des contenus : navigation principale, secondaire, fil d’Ariane
• Wireframing et prototypage
  • Outils : Figma (auto-layout, components, frames), Whimsical ou Balsamiq
  • Création de wireframes basse fidélité + logique d’atomic design ( en fournissant un desin system )
  • Cohérence et répétabilité : Design Tokens de base (couleurs, spacing, typo)
• Parcours utilisateur (Customer Journey)
  • Cartographie des parcours + détection des frictions
  • UX Writing : micro-contenus efficaces (CTA, messages d’erreur, onboarding)

Mises en pratique :

• Conception d’une page d’accueil ergonomique
• Justification UX de chaque choix de design

Jour 3 : Tests utilisateurs & accessibilité numérique

• Accessibilité numérique (WCAG 2.1 AA)
  • Checklist : contrastes (AA/AAA), labels, ARIA, navigation clavier
  • Simulateurs Figma : Stark, Able, Axe
• Tests utilisateurs
  • Test modéré : 5 utilisateurs, objectifs clairs, grille d’observation
  • Test rapide : test des 5 secondes, test d’arborescence
• Mesure de l’expérience utilisateur
  • KPIs : NPS, SUS, taux d’erreur, taux de succès
  • Outils de tracking : Hotjar, GA4, Matomo

Mises en pratique :

• Test rapide sur les wireframes créés la veille (2 utilisateurs min)
• Analyse des feedbacks + proposition de pistes d’amélioration

Télécharger le programme

Formations associées

• 

  UX Mobile

  3 jours
• 

  Figma avancé

  3 jours
• 

  Figma

  3 jours

Formateurs

Salomé MULLET

Salomé est une experte en design avec une solide expérience dans l'UX et l'UI. Ancienne employée d'Apple, elle a développé des formations pour sensibiliser à l'inclusion et à la diversité. Après une reconversion réussie en UX Design en 2022, elle a collaboré avec des équipes pluridisciplinaires pour créer des produits numériques efficaces et adaptés aux besoins des utilisateurs.

Depuis 2025, Salomé se concentre sur des projets de design système tout en formant des étudiants en UI Design. Sa méthode d'enseignement repose sur une approche pratique et interactive, permettant aux apprenants de mettre rapidement en application les concepts abordés. Elle offre un accompagnement personnalisé, visant à renforcer les compétences des professionnels qu'elle encadre.

Grâce à sa compréhension des tendances actuelles, notamment l'intégration de l'IA dans le design, Salomé propose des formations qui allient expertise et pertinence.

Angélique JAILLON

Angélique est une designer graphique et UX, forte d’une expérience riche et variée dans le domaine du design web. Après avoir obtenu son diplôme en design graphique, elle s'est spécialisée en UX design en 2022, combinant ainsi créativité et approche centrée sur l'utilisateur.

Angélique a à cœur de transmettre ses connaissances, enseignant dans plusieurs écoles où elle forme les futurs chefs de projet digital et designers.

Sa pédagogie repose sur une méthode interactive, intégrant des exercices pratiques et des études de cas réels pour maintenir l'engagement de son audience. Angélique valorise également l'inclusivité et l'accessibilité dans ses cours, assurant que chaque étudiant se sente soutenu et valorisé.

Suivre une formation avec Angélique, c'est non seulement acquérir des compétences pratiques et concrètes, mais aussi bénéficier d'une expertise précieuse qui vous aidera à exceller dans le monde du design.

FAQ

8 raisons de participer à une formation Human Coders

• Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1802 sessions réalisées). 99% des participants se disent satisfaits de nos formations
• Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
• Catalogue de formations complet : 211 formations au catalogue, de quoi vous accompagner sur tout vos projets
• Écosystème dynamique : Nous accompagnons les dev depuis 13 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
• Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
• Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
• Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux