UX design et ergonomie des sites Web Mixte : présentiel / à distance

• Actions Collectives OPCO Atlas
  Cette formation peut être prise en charge à 100% dans le cadre des Actions Collectives.
  Pour en bénéficier, contactez-nous à hello.institute@docaposte.fr et complétez votre inscription sur campusAtlas.

En savoir plus sur les dispositifs de financement

• Comprendre le vocabulaire et les concepts clés de l'ergonomie et de l'UX design
• Évaluer un site web dans une démarche centrée utilisateur
• 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
• Mettre en oeuvre une démarche d'amélioration continue face aux évolutions techniques, sociétales et réglementaires

1. 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.

Exemple : Présentation de produits à faible ergonomie. Calcul de ROI.

2. 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.

Travaux pratiques : Sites représentatifs des tendances UX. Réalisation d'une Expérience Map.

3. 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.

Travaux pratiques : Identifier les persona d'une application Web et leurs tâches principales.

4. 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.

Travaux pratiques : Maquetter les écrans d'une application Web d'après un cahier des charges.

5. 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.

Travaux pratiques : Auditer un produit Web existant. Elaborer un scénario de test avec questionnaire.

• Webmasters,
• Webdesigners,
• Chefs de projet digitaux,
• Graphistes,
• Concepteurs de sites Web.

• Avoir une bonne connaissance de l'outil informatique et d'Internet.

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

• Formation en présentiel
• En groupe (inter-entreprises ou intra-entreprise)
• En individuel (monitorat)
• En journée ou en cours du soir (sur demande spécifique)
• Formation en distanciel
• Distanciel synchrone
• Distanciel asynchrone

• Apports des connaissances communes.
• Mises en situation sur le thème de la formation et des cas concrets.
• Méthodologie d'apprentissage attractive, interactive et participative.
• Equilibre théorie / pratique : 60 % / 40 %.
• Supports de cours fournis au format papier et/ou numérique.
• Ressources documentaires en ligne et références mises à disposition par le formateur.
• Pour les formations en présentiel dans les locaux mis à disposition, les apprenants sont accueillis dans une salle de cours équipée d'un réseau Wi-Fi, d'un tableau blanc ou paperboard. Un ordinateur avec les logiciels appropriés est mis à disposition (le cas échéant).

En amont de la formation

• Recueil des besoins des apprenants afin de disposer des informations essentielles au bon déroulé de la formation (profil, niveau, attentes particulières...).
• Auto-positionnement des apprenants afin de mesurer le niveau de départ.

Tout au long de la formation

• Évaluation continue des acquis avec des questions orales, des exercices, des QCM, des cas pratiques ou mises en situation...

A la fin de la formation

• Auto-positionnement des apprenants afin de mesurer l'acquisition des compétences.
• Evaluation par le formateur des compétences acquises par les apprenants.
• Questionnaire de satisfaction à chaud afin de recueillir la satisfaction des apprenants à l'issue de la formation.
• Questionnaire de satisfaction à froid afin d'évaluer les apports ancrés de la formation et leurs mises en application au quotidien.