Ergonomies des interfaces web et UX Design
Objectifs
- Intégrer l’ergonomie et l’UX Design dans les processus de conception Web
- Appréhender les normes et techniques existantes pour améliorer la qualité des interfaces
- Modéliser les utilisateurs et les tâches liées à une application Web pour adapter son IHM
- Réaliser la maquette d’un écran Web au moyen d’outils de design
- Effectuer l’audit qualité d’une interface Web selon des critères ergonomiques spécifiques
- Monter un scénario de test utilisateurs et recueillir des résultats
Programme
Définitions, enjeux et principes
- De l’ergonomie à l’UX Design.
- Rôle et intégration dans le cycle de développement.
- Mesures de performances (KPI) et retour sur investissement (ROI).
- Présentation de la norme ISO 9241.
- Techniques d’ergonomie.
Les spécificités du Web
- Contextes et usages : digitalisation, mobilité, accessibilité.
- Aspects fonctionnels : sites, pages, hyperliens, multimédia, animations.
- Aspects stratégiques : marketing digital, « Customer Journey », référencement naturel (SEO), réseaux sociaux.
- Tendances actuelles : material design, responsive design, design émotionnel, gamification.
Le design centré utilisateur
- Facteurs humains : ergonomie physique, sociologique et psychologique.
- Approches ergonomiques « Bottom-Up » versus « Top-Down ».
- Etudes de terrain quantitatives/qualitatives : entretiens, focus groups, questionnaires.
- Etudes indirectes : analyse contextuelle, critères heuristiques universels, affordance.
- Modélisation des utilisateurs : persona.
- Modélisation de la tâche : arbre des tâches, MAD, cartes mentales.
Concevoir ou corriger les IHM Web
- Structuration du contenu : tri de cartes, zoning, storyboard.
- Maquettage basse/moyenne/haute-fidélité : Balsamiq, Axure, Photoshop.
- Prototypage dynamique : HTML, CSS, Javascript.
- Spécifications fonctionnelles.
- Design pour Smartphones et tablettes : Mobile First, design fluide/adaptatif, amélioration progressive.
Evaluer les IHM Web
- L’évaluation en ergonomie de conception/correction.
- Audit expert : grilles d’évaluation Web.
- Tests utilisateurs : Guerilla/Remote/Lab Usability Testing.
- Recueil de données directes : questionnaire post-test, évocation, Eye Tracking.
- Recueil de données indirectes : A/B Testing, Web Analytics.
MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS
Modalités pédagogiques :
- Évaluation des besoins et du profil des participants.
- Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
- Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
- Méthodes expositive, active et participative.
- Réflexion et échanges sur cas pratiques.
- Retours d'expériences.
- Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.
Modalités d’évaluation :
- Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
Éléments matériels :
- Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
- Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.
Référent pédagogique et formateur :
- Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
- Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
- Feuilles de présences signées des participants et du formateur par demi-journée.
- Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
Please login to get access to the quiz
Back to Ergonomie
