Formation Culture Web et Ergonomie UX/UI Design
Appliquez les règles d'ergonomie et de design UX/UI : culture web, lecture d'un cahier des charges et conception d'interfaces claires.
Notre équipe vous conseille
Est-ce la bonne formation pour vous ?
Votre objectif, votre niveau, votre financement : notre équipe vérifie avec vous que cette formation vous correspond, ou vous oriente vers celle qui vous conviendra mieux.
- Pour qui
- Graphiste web, webdesigners, webmasters, intégrateurs web, développeurs…
- Prérequis
Bonne connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows)
- Durée
- 21 h · 3 jours
En bref
Ce que vous saurez faire
- Situer le design web dans son histoire et ses tendances actuelles.
- Interpréter un cahier des charges et une charte graphique pour concevoir une interface.
- Appliquer les règles d’ergonomie, d’UX writing et d’accessibilité.
- Mobiliser les lois de la psychologie cognitive au service de l’utilisateur.
- Construire personas et parcours utilisateurs.
- Mener une démarche itérative avec prototypes et tests utilisateurs.
Programme
Formation Ergonomie UX UI
01Histoire et culture du web
- Des débuts d’Internet au web social
- Évolution des langages et du design : HTML, CSS, responsive, grilles
- Applications mobiles, design systems et interfaces conversationnelles
02Tendances du web actuel
- Tendances graphiques et d’interaction
- Mode sombre, micro-interactions, interfaces pilotées par l’IA
- Écoconception et sobriété numérique
03Processus de conception
- Lecture du cahier des charges et de la charte graphique
- Arborescence, maillage interne et libellés de navigation
04Ergonomie et UX writing
- Écrire pour le web : hiérarchie, lecture en diagonale, confort de lecture
- Typographie, couleurs et conventions (liens, titres, emphase)
- Formulaires, menus, fil d’Ariane, poids des pages
- Accessibilité numérique : RGAA, WCAG et European Accessibility Act
- Pièges à éviter : interfaces trompeuses (dark patterns)
05Psychologie cognitive
- Gestalt : proximité, similitude, continuité
- Lois de Fitts, de Hick, de Jakob ; affordance ; charge cognitive
06L’humain au centre
- Recherche utilisateur : entretiens, questionnaires, données d’usage
- Personas et cartes de parcours
07Itération
- Idéation, prototypage, tests utilisateurs
- Mesurer l’expérience : indicateurs et tests A/B
08Maquette graphique d’interface
- Du wireframe à la maquette graphique dans Figma
- Travail visuel sur l’affordance et présentation au client
09Ouverture aux outils d’IA
- Utiliser l’IA pour synthétiser des retours utilisateurs, générer des variantes ou du contenu de test
- Concevoir pour les assistants d’IA : principes de l’UX conversationnelle
Qui vous forme
Magali Madec
Création web · Titres professionnels · Management
Formatrice en stratégie digitale et création web
Financer cette formation
Selon votre situation, tout ou partie de la formation peut être pris en charge. Notre équipe vérifie vos droits avec vous.
Votre employeur (OPCO), France Travail, la Région ou un financement personnel peuvent prendre en charge cette formation.
Notre équipe identifie la bonne solution et monte le dossier avec vous.
Informations pratiques
- Type de reconnaissance
- Attestation de fin de formation
- Accessibilité
- Locaux accessibles aux personnes à mobilité réduite (PMR) et aux personnes en situation de handicap (PSH).
Référent handicap : Bénédicte Guilloteau, benedicte@mandyben.com
Fiche mise à jour le 29 octobre 2026
En savoir plus sur cette formation
Cette formation donne les repères essentiels de la culture web et de l’expérience utilisateur : histoire et tendances du design d’interface, lois de l’ergonomie, recherche utilisateur, accessibilité et itération, jusqu’à la maquette graphique présentée au client. Prérequis : pratique courante de Windows ou macOS.
Objectifs :
• Situer le design web dans son histoire et ses tendances actuelles.
• Interpréter un cahier des charges et une charte graphique pour concevoir une interface.
• Appliquer les règles d’ergonomie, d’UX writing et d’accessibilité.
• Mobiliser les lois de la psychologie cognitive au service de l’utilisateur.
• Construire personas et parcours utilisateurs.
• Mener une démarche itérative avec prototypes et tests utilisateurs.
Histoire et culture du web
• Des débuts d’Internet au web social
• Évolution des langages et du design : HTML, CSS, responsive, grilles
• Applications mobiles, design systems et interfaces conversationnelles
Tendances du web actuel
• Tendances graphiques et d’interaction
• Mode sombre, micro-interactions, interfaces pilotées par l’IA
• Écoconception et sobriété numérique
Processus de conception
• Lecture du cahier des charges et de la charte graphique
• Arborescence, maillage interne et libellés de navigation
Ergonomie et UX writing
• Écrire pour le web : hiérarchie, lecture en diagonale, confort de lecture
• Typographie, couleurs et conventions (liens, titres, emphase)
• Formulaires, menus, fil d’Ariane, poids des pages
• Accessibilité numérique : RGAA, WCAG et European Accessibility Act
• Pièges à éviter : interfaces trompeuses (dark patterns)
Psychologie cognitive
• Gestalt : proximité, similitude, continuité
• Lois de Fitts, de Hick, de Jakob ; affordance ; charge cognitive
L’humain au centre
• Recherche utilisateur : entretiens, questionnaires, données d’usage
• Personas et cartes de parcours
Itération
• Idéation, prototypage, tests utilisateurs
• Mesurer l’expérience : indicateurs et tests A/B
Maquette graphique d’interface
• Du wireframe à la maquette graphique dans Figma
• Travail visuel sur l’affordance et présentation au client
Ouverture aux outils d’IA
• Utiliser l’IA pour synthétiser des retours utilisateurs, générer des variantes ou du contenu de test
• Concevoir pour les assistants d’IA : principes de l’UX conversationnelle
Avis
Ils sont passés par là. Des stagiaires.
J'ai pu créer ma boutique en ligne et réaliser des ventes en lançant ma marque :-)
Ce stage m'a permis de tester plusieurs appareils photo, et de me mettre en situation pour mieux comprendre les problématiques.
Les explications claires et bien ciblées ont permis à notre collaborateur à la fois de se former et de rectifier ses procédures. Objectif atteint donc et nous en remercions le formateur.
Je vous confirme que la formation s’est excellemment bien déroulée. Le contenu était très intéressant et devrait m’apporter beaucoup dans mon travail à venir. J’en profite pour vous féliciter sur le choix de vos formateurs, le formateur fait preuve d’une grande pédagogie et d’une extrême gentillesse.
Questions fréquentes
WordPress ou Wix : que choisir ?
WordPress offre plus de liberté et de fonctionnalités, Wix est plus simple pour démarrer. Nous vous conseillons selon votre projet et votre budget.
Faut-il savoir coder ?
Non pour WordPress, Wix, Webflow ou PrestaShop en tant qu'utilisateur. Pour le développement de thèmes, des bases en HTML et CSS sont utiles (voir le domaine Développement et informatique).
Peut-on travailler sur son propre site pendant la formation ?
Oui, en formation individuelle notamment, nous travaillons volontiers sur votre projet réel.
Qu'est-ce que l'UX/UI design ?
L'UX (expérience utilisateur) et l'UI (interface) consistent à concevoir des sites et applications simples et agréables à utiliser. Nos formations utilisent notamment Figma.
Où se déroulent les formations ?
Dans nos locaux au 146 rue Paradis, à Marseille (6e), dans vos locaux pour les formations intra-entreprise, ou à distance en visio, en direct avec le formateur. Les modalités possibles sont indiquées sur chaque fiche.
Pas sûr(e) d'être fait(e) pour ça ?
Chacun sa façon d'atteindre son objectif. Notre équipe vous rappelle pour trouver la formation et le financement adaptés à votre situation.
- QualiopiOrganisme certifié
- 1 780personnes formées en 2026
- 98 %de satisfaction
- Depuis 2006à Marseille, 146 rue Paradis