Formation Ergonomie logicielle

Définition d’une IHM
Interfaces écrans et interfaces invisibles (NUI) : réalité augmentée, interfaces conversationnelles (chatbot), interactions vocales, interactions corporelles, interfaces naturelles
Présentation de l’ergonomie logicielle
Expérience utilisateur (UX)
Les notions d’utilité et d’utilisabilité
Eléments principaux de l’ergonomie logicielle : utilisateur, situations s’usage, activité et technique
Approche orientée analyse des risques : identification et qualification des risques ergonomiques

Atelier : création d’une maquette d’une IHM tactile

L’être humain et ses limites : accessibilité et erreur humaine
De l’importance des émotions : design émotionnel et experience map
Psychologie cognitive : théorie de la Gestalt, loi de Miller, loi de Hick
Perception des textes, couleurs, images et icônes
Analyse de l’activité : tâche prescrite et tâche réelle
Notion de fréquence d’usage et scénarios critiques

Atelier : optimisation de la maquette à partir de l’activité et des connaissances acquises sur le facteur humain

L’évaluation experte
Critères ergonomiques de Bastien et Scapin
Heuristiques de Nielsen

Atelier : évaluation d’une application web

Tests et enquêtes utilisateurs

Atelier : analyse d’une vidéo d’un test utilisateur

Du cycle en V vers une conception centrée sur l’utilisateur (norme ISO 9241)
Plan d’assurance qualité ergonomique : un processus itératif et une implication des utilisateurs tout au long du projet
Savoir observer l’activité : aller sur le terrain, analyse des situations et des fréquences d’usage
Connaître les utilisateurs : user proxy et utilisateur final, les personas

Atelier : création de personas

Importance du maquettage dans la démarche ergonomique
Maquettage haute et basse fidelité
Maquettage statique et maquettage dynamique
Choix d’un outil de maquettage
Conduite d’un cycle de maquettage : choix des utilisateurs, choix des scénarios, savoir faire converger une maquette, pièges à éviter

Atelier : simulation d’un atelier de maquettage papier

Composants graphiques : champ de saisie, listes, boutons, tableaux…
Bonnes pratiques pour le choix des composants
Notion de spatialisation ou zoning
La face cachée de l’IHM : barres de défilement, onglets
Navigation et menus
Boîtes de dialogue : notion de modalité
Patrons de conception IHM : formulaires, recherche/résultats, tableau de bord, wizard…
Manipulation au clavier : raccourcis, mnémoniques, bouton par défaut

Atelier : maquettage dynamique d’un scénario d’utilisation avec WireframeSketcher

Accessibilité
Responsive Design