Ergonomie des Interactions personne-machine TECFA Technologies pour la Formation et l’Apprentissage Ergonomie des Interactions personne-machine Présentation 26 Octobre 2005 L ’objectif de ce cours est : 2) Démarche de conception : l ’analyse des besoins appelée ici plus largment analyse de l ’environnement Passer K7 Kid pad Copie du tableau sur les phases de conception centrée utilisateurs et les méthodes associées. Prochain cours Démarche de CAD : passage du cahier des charge au proto. -> Parler des modèles de base : --modèle de charge cognitive, de capacité de mémoire de travail limitée et ce qui en découle --modèle de Schneidermann Mireille Bétrancourt - TECFA
SSED Psycho OFFRE TECFA oct 2005 Riat 1 Master MALTT (ex DESS STAF) UV libre UV libre BA OFFRE TECFA oct 2005 Informatique et environnement d'apprentissage (Bétrancourt) Dispositifs médiatiques et communication éducative (Peraya) Interaction personne-machine (Bétrancourt) UF d'articulation (Peraya) Ce cours fait partie de l’offre de formation de TECFA:Rapidement je vous présente le panorama de l’offre de cours de notre équipe… Pour ce cours-ci, vous avez le syllabus qui présente les objectifs, le type d’enseignement et les modalités d’évaluation… Les cours dans cette salle adresseront les aspects conceptuels, et les TP qui auront lieu dans la salle 4183, vous permettront de manipuler les environnements qui adressent chaque approche. L’objectif est de comprendre les liens entre un certain environnement informatique et les conceptions de ce que signifie apprendre dans chaque approche. Voici une brève présentation de ces 6 chapitres. Master MALTT (ex DESS STAF) Sciences & Technologies de Formation & Apprentissage
Une approche inter-disciplinaire Psychologie composante cognitive et affective Informatique composante technique Composante sociale et institutionnelle Composante physique Sociologie Ergonomie = étude de l ’homme au travail Plusieurs disciplines : - Sociologie et psychosocio = composante sociale et institutionnelle, avec thèmes de organisation du travail, phénomènes d ’usages et d ’image de soi et des autres - physiologie = composantes physiques de la tâche = forme de l ’outil (ex forme de la souris pour une meilleure préhension), conditions extérieures (ex : conditions d ’éclairage requises pour éviter une fatigue visuelle) - informatique = composante technique et outils de travail = système d ’aide à la réalisation de tâches, système de surveillance automatique - psychologie = composante cognitive surtout, mais également affective. Thèmes : étude de l ’activité cognitive, définition de la charge de travail max, mais aussi stress et satisfaction aux travail. Donc étude des IHM surtout en référence au travail, c ’est-à-dire à une activité finalisée. D ’où difficulté d ’appliquer les concepts d ’ergo des IHM à l ’étude des sites Web... Physiologie
L ’interaction personne-machine Dans toute activité, l ’humain se forge une représentation mentale du réel auquel il est confronté. Cette R° lui permet de - interpréter la situation - choisir les actions à accomplir - anticiper le résultat de ces actions - et évaluer le résultat au vu de la nouvelle situation. En face d ’une qpplication logicielle, comme en face de toute machine, l ’utilisateur doit également : - interpréter les informations affichées - choisir les actions à faire (bouton à cliquer, menu à activer, etc.) ce qui nécessite d ’anticiper le résultat de ces actions - et évaluer le résultat en
L ’ergonomie des IPM Adéquation a pour objectif d ’améliorer la qualité des interactions personne-machine Représentations des utilisateurs L ’ergonomie des IPM a pour objectif de permettre la conception d ’applications qui soient le plus possible en adéquation avec les réprésentations des utilisateurs. Où en fait, les deux niveaux humain et machine collent au maximum, ou du moins, si ça change, que ça n ’aille pas vers une complexification de la tâche de l ’utilisateur. Voici des exemples simple de problème d ’adéquation aux activités des utilisateurs. Adéquation Représentations induites, modèles implicites
Exemple de mauvais design… From www.baddesigns.com
Exemple de mauvais design… From www.baddesigns.com
Exemple de mauvais design… Comment augmenter le rythme du métronome ? En appuyant sur les flèches ! => L’information est interprétée en fonction des connaissances.
Exemple de mauvais design… Ici inadéquation du format des données.
Messages inattendus…
Menus peu explicites…
Dispositifs d’interaction peu adaptés…
Usage inconséquent des couleurs… Il est important de choisir une couleur de texte adaptée à celle du fond et de choisir une police lisible. L’usage des couleurs répond également à des usages culturels et spécifiques à des domaines professionnels. Enregistrer le fichier ? OK Annuler
Ici, message qui induit une représentation fausse sur l ’état de sauvegarde du système.
Objectifs du cours Connaître les concepts de l'ergonomie et les méthodes d'évaluation des interfaces homme-machine Appliquer les méthodes d’évaluation de l’ergonimie d’utilisation à base de test utilisateurs à une application réelle. Objectif du cours
Projet Par groupe de deux BACHELOR - 3 CTS Choix d’une application (logiciel, site web…) évaluation ergonomique par inspection experte Objectif du projet élaboration d’un scénario et test sur 5 utilisateurs interview approfondi d’un utilisateur expert LICENCE - 6 CTS
Projet Quel type d ’application choisir ? toute application où on peut identifier une activité finalisée, c ’est-à-dire une tâche orientée vers un but spécifique Système d’assistance à l’activité : réservation d ’une chambre dans un hôtel, ou d’une place de théatre, magasin en-ligne, site web de voyagiste… A éviter : environnement éducatif
Dispositif web du cours Expliquer chaque étape sur des travaux précis : - Analyse conceptuelle : vous verrez que beaucoup d ’outils vous permettent de prévoir la navigation et les dispositifs d ’interaction (ex critères). MAIS, ce qui est lié à l ’activité vous sera propre. Rque : pour ceux d ’entre vous qui choisirez appli éducative, je ne peux pas dans le cadre de ce cours vous donnez la méthode de conception conceptuelle. Mais j ’en parlerai grosse maille dan le cours suivant. - Remédiations : montrer exemple de la pyramide où les gens ne voyaient pas le bouton Continue en haut à gauche. Qu ’ont fait les étudiants ? Ils ont rajouté une phrase disant Cliquer sur le bouton... Qu ’aurait-il fallu faire ? Déplacer le bouton où se trouvait le regard du sujet, cad en bas à gauche.... Au passage, l ’apparition du bouton Continue en haut à gauche est une option par défaut d ’Authorware, donc attention ! Remarques : ce qui compte, ce n ’est pas un graphisme chiadé ou une appli très compliqué. En revanche, si votre programme se plante lorsque l ’utilisateur fait certaines actions, ce n ’est pas bon au niveau ergo. La robustesse de l ’appli est le premier critère pour l ’utilisateur.