Nos formations

Ergonomie UX interfaces web (3 jours)

Ergonomie UX interfaces web (3 jours) Image

Accessible aux personnes en situation de handicap

Objectif de la formation

Apprendre les secrets d’un site Web ergonomique et d’une navigation intuitive, pour une User Experience optimale

  •   Maîtriser les fondements méthodologiques de l’Ergonomie Web
  •   S’entraîner à la pratique en manipulant divers outils tels que la grille d’analyse des interfaces Web

Ce cours traite des spécificités du Web 2.0 et des applications Web mobiles en termes d’utilisabilité
Public visé : toute personne intervenant dans la conception et la maintenance de produits Web : chefs de projets, maîtres d’œuvre/d’ouvrage, designers, graphistes, développeurs « front-end », etc.

Livrables : Support de cours, Grille d’analyse des interfaces Web,
Guide de Tests Utilisateurs, canevas UX (Fiche Persona, Empathy Map, Experience Map)

COMPRENDRE LES ENJEUX DE L’ERGONOMIE WEB

  •   De l’ergonomie à l’UX Design : améliorer l’expérience utilisateur
  •   Rôle de l’ergonome dans la conception/refonte des produits
  •   Présentation de la norme ISO 9241-210
  •   Exemples de « fails » ergonomique

INTÉGRER L’ERGONOMIE AU DÉVELOPPEMENT PRODUIT

  •   Panorama des principales méthodes d’ergonomie
  •   Ergonomie dans un cycle en « V » et ergonomie AGILE
  •   Collaboration avec les parties prenantes : MOA, MOE, MUE
  •   Retour sur investissement (ROI) et indicateurs de performance (KPI)
  •   Etudes de cas

MAÎTRISER LES USAGES DU WEB

  •   Contextes et modes d’utilisation : les visages du Web d’aujourd’hui
  •   Aspects fonctionnels : pages Web, menus, hypertexte, multimédia…
  •   Aspects stratégiques : marketing digital, réseaux sociaux, SEO…
  •   Revue de tendances UX/CX : material design, responsive design, design inclusif, design émotionnel, gamification…

ELABORER UNE VISION PROJET CENTRÉE SUR L’USAGER

Principes du Design Centré Utilisateur (UCD) : approches « Top-Down » et « Bottom-Up »
Facteurs humains participant à la perception et l’utilisation des interfaces Web

  •   Règles fondamentales de conception et Standards Web
  •   Importance du contexte : pratiques, concurrence, opportunités
  •   La démarche « Design Thinking » et ses outils : ateliers de co- conception, notion de « Customer Journey » (parcours client)

MODÉLISER SES UTILISATEURS ET SCÉNARIOS D’USAGE

  •   Approche « quali » et « quanti » en ergonomie
  •   Techniques de recueil d’information : entretiens, questionnaires, observation de l’activité
  •   Techniques de modélisation : personas, arbres de tâches
  •   Appropriation par les équipes de conception/développement
  •   Travaux pratiques

MAQUETTER LES ÉCRANS D’UNE IHM WEB

  •   Choisir la maquette adaptée à son projet : Lo-Fi, Med-Fi, Hi-Fi
  •   Choisir un outil de maquettage/prototypage : Balsamiq, Axure, Photoshop, HTML…
  •   Concevoir des applis multi-supports : smartphone, tablette, desktop
  •   Documenter ses maquettes : guide de styles, spécifications IHM/GUI
  •   Travaux pratiques

AUDITER UN SITE INTERNET OU UNE APPLICATION MOBILE

  •   Best Practices et Checklists : intérêts et limites
  •   Mesure de l’accessibilité Web : principes, obligations légales (RGAA)
  •   Evaluation experte : point forts, points faibles, méthodologie
  •   Grille d’analyse heuristique du Web : présentation détaillée
  •   Travaux pratiques

RÉALISER UNE SESSION DE TESTS UTILISATEURS

  •   Guerilla, Lab, Remote Usability Testing… comment et quoi tester ?
  •   Apports de la méthode expérimentale
  •   Organisation, déroulement et analyse des résultats de tests
  •   Recueil de données indirectes : A/B Testing, Logs, Web Analytics…
  •   Travaux pratiques

Ergonomie UX interfaces web (3 jours)

Ergonomie UX interfaces web (3 jours) Image

Accessible aux personnes en situation de handicap

Objectif de la formation

Apprendre les secrets d’un site Web ergonomique et d’une navigation intuitive, pour une User Experience optimale

  •   Maîtriser les fondements méthodologiques de l’Ergonomie Web
  •   S’entraîner à la pratique en manipulant divers outils tels que la grille d’analyse des interfaces Web

Ce cours traite des spécificités du Web 2.0 et des applications Web mobiles en termes d’utilisabilité
Public visé : toute personne intervenant dans la conception et la maintenance de produits Web : chefs de projets, maîtres d’œuvre/d’ouvrage, designers, graphistes, développeurs « front-end », etc.

Livrables : Support de cours, Grille d’analyse des interfaces Web,
Guide de Tests Utilisateurs, canevas UX (Fiche Persona, Empathy Map, Experience Map)

COMPRENDRE LES ENJEUX DE L’ERGONOMIE WEB

  •   De l’ergonomie à l’UX Design : améliorer l’expérience utilisateur
  •   Rôle de l’ergonome dans la conception/refonte des produits
  •   Présentation de la norme ISO 9241-210
  •   Exemples de « fails » ergonomique

INTÉGRER L’ERGONOMIE AU DÉVELOPPEMENT PRODUIT

  •   Panorama des principales méthodes d’ergonomie
  •   Ergonomie dans un cycle en « V » et ergonomie AGILE
  •   Collaboration avec les parties prenantes : MOA, MOE, MUE
  •   Retour sur investissement (ROI) et indicateurs de performance (KPI)
  •   Etudes de cas

MAÎTRISER LES USAGES DU WEB

  •   Contextes et modes d’utilisation : les visages du Web d’aujourd’hui
  •   Aspects fonctionnels : pages Web, menus, hypertexte, multimédia…
  •   Aspects stratégiques : marketing digital, réseaux sociaux, SEO…
  •   Revue de tendances UX/CX : material design, responsive design, design inclusif, design émotionnel, gamification…

ELABORER UNE VISION PROJET CENTRÉE SUR L’USAGER

Principes du Design Centré Utilisateur (UCD) : approches « Top-Down » et « Bottom-Up »
Facteurs humains participant à la perception et l’utilisation des interfaces Web

  •   Règles fondamentales de conception et Standards Web
  •   Importance du contexte : pratiques, concurrence, opportunités
  •   La démarche « Design Thinking » et ses outils : ateliers de co- conception, notion de « Customer Journey » (parcours client)

MODÉLISER SES UTILISATEURS ET SCÉNARIOS D’USAGE

  •   Approche « quali » et « quanti » en ergonomie
  •   Techniques de recueil d’information : entretiens, questionnaires, observation de l’activité
  •   Techniques de modélisation : personas, arbres de tâches
  •   Appropriation par les équipes de conception/développement
  •   Travaux pratiques

MAQUETTER LES ÉCRANS D’UNE IHM WEB

  •   Choisir la maquette adaptée à son projet : Lo-Fi, Med-Fi, Hi-Fi
  •   Choisir un outil de maquettage/prototypage : Balsamiq, Axure, Photoshop, HTML…
  •   Concevoir des applis multi-supports : smartphone, tablette, desktop
  •   Documenter ses maquettes : guide de styles, spécifications IHM/GUI
  •   Travaux pratiques

AUDITER UN SITE INTERNET OU UNE APPLICATION MOBILE

  •   Best Practices et Checklists : intérêts et limites
  •   Mesure de l’accessibilité Web : principes, obligations légales (RGAA)
  •   Evaluation experte : point forts, points faibles, méthodologie
  •   Grille d’analyse heuristique du Web : présentation détaillée
  •   Travaux pratiques

RÉALISER UNE SESSION DE TESTS UTILISATEURS

  •   Guerilla, Lab, Remote Usability Testing… comment et quoi tester ?
  •   Apports de la méthode expérimentale
  •   Organisation, déroulement et analyse des résultats de tests
  •   Recueil de données indirectes : A/B Testing, Logs, Web Analytics…
  •   Travaux pratiques