Mise à jour le 16 septembre 2024
Ergonomie & design web
Durée : 4 jours (28 heures)
PROCHAINES SESSIONS :
• Les 20-21-22 & 25 nov. 2024
• Les 3-4-5-6 fév. 2025
• Les 29-30 avril & 5-6 mai 2025
Autres dates possibles en INTRA (au CFI Atlantique ou dans vos locaux)
Objectifs de la formation
- Comprendre les besoins et le comportement des internautes.
- Concevoir un projet de site web, des personas à la maquette dynamique.
Contenu de la formation
INTRODUCTION À L’ERGONOMIE
Définitions et objectifs
- Interface Homme-Machine (IHM)
- Perception, cognition, utilisabilité
- User Experience (UX), flow
Idées reçues
- Quiz sur les 10 idées reçues de l’UX Design
Centré utilisateur : l’être humain
- Théories de la Gestalt
- Loi de Fitts – Nombre de Miller / Loi de Hick
- Affordance – Visibilité et lisibilité
DÉMARCHE ERGONOMIQUE
Les 5 plans
- De la stratégie à la réalisation
Stratégie
- Objectifs
- Personas
- Analyse concurrentielle
Spécifications fonctionnelles et stratégie de contenu
Interactions et architecture de l’information
- Attentes de l’internaute
- Différentes navigations
- Architecture : lister, regrouper, structurer
- Plan du site
Design d’information – Design de navigation et d’interface
- Lecture et écriture sur le Web
- Zoning, Wireframes et maquette dynamique
- Grid design : une grille pour structurer spatialement
- Responsive design (adaptatif) : internautes, tablonautes et mobinautes
- Outils de wireframes et prototypage (Figma…)
Design visuel
- Tendances – Composants d’interface
FIGMA (inclus uniquement en 2024)
- Création d’un plan de site, d’un wireframe et d’une maquette
dynamique avec Figma (version gratuite)
En 2025, Figma fait l’objet d’une formation seule > Voir le programme de la formation Figma
Public visé
Webmasters, webdesigners, intégrateurs Web, graphistes…
• Salariés
• Entreprises
• Demandeurs d’emploi
• Particuliers
Pré-requis
Pratique du Web et des outils bureautiques.
Connaissance du HTML et CSS.
Modalités avant formation
Questionnaire de positionnement et/ou entretien individuel pour prendre en compte le projet, évaluer les acquis, les besoins et construire le plan de formation.
Moyens, méthodes et outils
• 1 PC/personne – 1 vidéoprojecteur
• Logiciels : NAVIGATEUR, OUTILS EN LIGNE, FIGMA
• Pédagogie progressive. Alternance entre apports théoriques et exercices d’application simples
• Intervenants professionnels de plus 15 ans d’expérience
Suivi et Évaluation
• Exercices de validation en continu pendant la formation
• Étude de cas en fin de formation
• Évaluation de satisfaction
• Certification : nous consulter
• Résultats aux examens et certifications
Fin de formation
• Émargement journée
• Support de formation en PDF
• Attestation de fin de formation
• Bilan formateur
Tarif session inter-entreprises : à partir de 50 € / heure / personne
- Demandeur d’emploi : nous consulter
- Formation intra ou de groupe : nous consulter
- Tarifs dégressifs possibles en fonction du nombre de jours sur le plan de formation
Formations complémentaires
- WORDPRESS : Initiation // 3 jours (21h)WORDPRESS : Initiation // 3 jours (21h)
- WORDPRESS : Perfectionnement > Le CSS // 2 jours (14h)WORDPRESS : Perfectionnement > Le CSS // 2 jours (14h)
- WORDPRESS : Perfectionnement > Les thèmes // 3 jours (21h)WORDPRESS : Perfectionnement > Les thèmes // 3 jours (21h)
- WORDPRESS : Perfectionnement > WooCommerce // 2 jours (14h)WORDPRESS : Perfectionnement > WooCommerce // 2 jours (14h)
- Gestion de projet WEB // 2 jours (14h)Gestion de projet WEB // 2 jours (14h)
- HTML 5 et CSS 3 : Initiation // 5 jours (35h)HTML 5 et CSS 3 : Initiation // 5 jours (35h)
- HTML 5 et CSS 3 : Perfectionnement // 2 jours (14h)HTML 5 et CSS 3 : Perfectionnement // 2 jours (14h)