6 novembre 2013 Les modes dinteraction M. Bétrancourt & K. Benetos - Cours Ergonomie des IPM TECFA Technologies pour la Formation et lApprentissage

Plan de la séance Présentation collective Activité sur les styles dinteraction Debriefing collectif Présentation des modèles dinteraction personne-machine et des modes dinteraction

L interaction personne-machine Représentations des utilisateurs Représentations induites, modèles image: Chris NobleChris Noble

Activité style dinteraction A réaliser par groupe de deux Sur le programme du cours, allez sur le lien « Activités sur les modes dinteraction »Activités sur les modes dinteraction Pour chaque support, analysez les modes dinteraction à disposition des utilisateurs.

Debriefing activité Comment lorganisation est-elle communiquée ? Comment navigue-t-on ?

Modèle de Norman (1986)

Langage de commandes Inconvénients Apprentissage difficile : lexique, syntaxe Visibilité réduite, feed-back inexistant Ex langage Unix : mkdir /web/tecfa/IPM/Cours Avantages Concision, extensivité Précision, absence dambiguité Langage « transparent »

Formulaires Inconvénients Ergonomie très importante Ajout d une information non prévue impossible Avantages Indication de la procédure à suivre Correspondance entre information entrée et structure du système Ambiguité restreinte

Menus Inconvénients Menu pop-up : toutes les réponses doivent être prévues Menu déroulant : structuration des commandes, choix du vocabulaire Avantages La liste des commandes possibles est disponible Séparation interaction / production Menus contextuel

La manipulation directe A pour but de permettre à lutilisateur de manipuler les objets, représentés graphiquement au niveau de linterface, avec des actions qui se rapprochent des actions du monde physique, au niveau sémantique et syntaxique. Exemple : changer la taille des cadres sur vos représentations graphique de lorganisation du site choisi en manipulant directement leur longueur et largeur. Nécessite un retour immédiat et visible. Shneiderman, B. (1983). Direct Manipulation. A Step Beyond Programming Languages. IEEE Transactions on Computers, 1 (8): 57–69.

La manipulation directe ButsSens de lexpression distance sémantique Exemple : icône de fichier Forme de lexpression distance syntaxique Exemple : feuilletage dans les interfaces tactiles

Notion plus récente : Affordances Vicente, K. J., & Rasmussen, J. (1990). The Ecology of Human-Machine Systems II : Mediating Direct Perception in Complex Work Domains. Ecological Psychology, 2, Notion de design écologique dinterface (Vicente & Rasmussen, 1990) : linterface doit matérialiser de façon visibles létat de lenvironnement et les actions possibles de façon à fournir à lutilisateur-trice les moyens de sadapter à la situation.

Exemples de design écologique Ici la taille de la flèche représente la force à exercer sur le levier de remplissage.

Situer les interfaces Distance avec le monde « réel » Elevée Faible Mode dengagement de lutilisateur conversation Modèle du monde langage de bas niveau langage de haut niveau monde de bas niveau manipulation directe Logiciel statistique R macros Excell explorateur Windows Jeux de simulation