Formation IHM - ergonomie Web avec TechnoWide

Objectifs pédagogiques

Identifier les enjeux et critères de l’IHM et de l'ergonomie Web.
Connaitre les bonnes pratiques dans la conception d’interfaces centrée utilisateur.
Appliquer en atelier les bonnes pratiques à des cas clients réels.
Envisager la mise en oeuvre d’outil de mesure de l’expérience utilisateur afin d’évaluer l’utilisabilité des interfaces.
Lire la suite Racourcir

Qu’est-ce que l’ergonomie d’interface ?
• Définir l’ergonomie Web et l’IHM
• Définir les notions d’utilisabilité, d’efficience et de satisfaction
• Définir le notion de contexte d’utilisation
• Examiner les normes ISO 9241-11, ISO 9251-151 & ISO 9251-210
• Identifier les modes de planification de l’ergonomie Web
Règles de base de l’ergonomie Web
• Décrire les 12 critères d’analyse de l’ergonomie d’interface
• Différencier les composantes fonctionnelles, informationnelles et émotionnels d’une interface
• Décrire le parcours (scan) visuel de l’oeil sur écran
• Décrire la théorie psychologie de perception des formes (Gestalt theory)
• Décrire la méthode du zoning dans la hiérarchisation visuelle de page-écran
• Identifier les enjeux des feed-backs d’interaction
• Définir la notion d’affordance perçue
Identifier les utilisateurs
• Décrire les méthode de définition d’un contexte d’utilisation
• Décrire la méthode des personas
• Utiliser une fiche de persona
Définir le design de l’information
• Décrire la méthode du tri des cartes
• Créer un taxonomie de l’information
• Identifier les principaux modes d’organisation, de hiérarchisation et de tri de l’information
• Identifier les clé d’entrées types du design d’information
• Identifier les principaux modes de navigation et de recherche d’information
Définir le design visuel de l’interface : UI
• Décrire les principes du Responsive webdesign et identifier ses limites
• Identifier les contraintes écran, l’usage des grilles et des breakpoints
• Identifier les enjeux mobiles (zone de confort, gestuelle, zone tactile, clavier virtuel, etc.)
• Identifier les principaux modèles de mise en page sur desktop et mobile
• Identifier les principaux modes de répartition des éléments d’interface
• Commenter, selon les critères de l’ergonomie Web, les éléments d’interface Bootstrap
• Discuter les éléments d’interface Angular Material JS
• Décrire les bonnes pratiques de gestion :
• des formulaires
• des contenus modaux
• des menus et barre d’outils
• des interfaces de recherche
• des filtre de sélection et de tri
• des contenus éditoriaux et médias
• des interfaces de profil utilisateur
• des interfaces d’inscription et d’identification
• des gestionnaires de date et d’agenda
Évaluer l’utilisabilité d’un site Web
• Identifier les différents mode d’évaluation ergonomique
• Définir les principes, enjeux et limites des tests en ligne
• Décrire les modes de planification de tests
• Identifier la structure d’un scénario de tests et use cases
• Décrire modes d’analyse de l’information
Atelier pratique
• Analyse et optimisation d’une interface applicative (cas client)
Lire la suite Racourcir