Mise à jour le 11 juillet 2023
Ergonomie & design web
Durée : 5 jours (35 heures)
PROCHAINES SESSIONS :
Les 20-21-22 & 25-26 sept. 2023
Les 27-28-29-30 nov. et 1er déc. 2023
Les 14-15-16-19-20 fév. 2024
Les 06-07 et 13-14-15 mai 2024
Les 04-05-06 et 09-10 sept. 2024
Autres dates possibles en INTRA (au CFI Atlantique ou dans vos locaux)
Objectifs de la formation
- Concevoir des chartes graphiques pour site Internet
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
- Les 3 clics, ma grand-mère, le scroll…
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 : vue d’ensemble
- Wireframes : les écrans en détail
- Grid design : une grille pour structurer spatialement
- Responsive design (adaptatif) : internautes, tablonautes et mobinautes
- Outils de wireframes et prototypage (Balsamiq, Axure, Illustrator…)
Design visuel
- Tendances – Composants d’interface
Tests utilisateurs
- Eyetracking, Mémorisation, Heatmap, Capture vidéo, Analyse du parcours
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 : OUTILS EN LIGNE, ADOBE PHOTOSHOP, ADOBE XD, BALSAMIQ
• 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)
-
HTML 5 et CSS 3 : Structuration // 2 jours (14h)HTML 5 et CSS 3 : Structuration // 2 jours (14h)