Click here to load reader

Les modes d’interaction

  • Upload
    carnig

  • View
    58

  • Download
    0

Embed Size (px)

DESCRIPTION

TECFA Technologies pour la Formation et l’Apprentissage. Les modes d’interaction. 6 novembre 2013. M. Bétrancourt & K. Benetos - Cours Ergonomie des IPM. Plan de la séance. Présentation collective Activité sur les styles d’interaction Debriefing collectif - PowerPoint PPT Presentation

Citation preview

Aucun titre de diapositive

6 novembre 2013Les modes dinteractionM. Btrancourt & K. Benetos - Cours Ergonomie des IPM

TECFATechnologies pour la Formation et lApprentissage

1Lobjectif de ce cours est :2) Dmarche de conception : lanalyse des besoins appele ici plus largment analyse de lenvironnementPasser K7 Kid padCopie du tableau sur les phases de conception centre utilisateurs et les mthodes associes.

Prochain cours Dmarche de CAD : passage du cahier des charge au proto.-> Parler des modles de base :--modle de charge cognitive, de capacit de mmoire de travail limite et ce qui en dcoule--modle de Schneidermann

Plan de la sancePrsentation collectiveActivit sur les styles dinteractionDebriefing collectif Prsentation des modles dinteraction personne-machine et des modes dinteraction

Linteraction personne-machineReprsentations des utilisateursReprsentations induites, modles implicitesAdquation@ image: Chris Noble

3Dans toute activit, lhumain se forge une reprsentation mentale du relauquel il est confront. Cette R lui permet de-interprter la situation- choisir les actions accomplir- anticiper le rsultat de ces actions- et valuer le rsultat au vu de la nouvelle situation.

En face dune qpplication logicielle, comme en face de toute machine, lutilisateur doit galement :- interprter les informations affiches- choisir les actions faire (bouton cliquer, menu activer, etc.)ce qui ncessite danticiper le rsultat de ces actions- et valuer le rsultat enActivit style dinteractionA raliser par groupe de deuxSur le programme du cours, allez sur le lien Activits sur les modes dinteractionPour chaque support, analysez les modes dinteraction disposition des utilisateurs.

Debriefing activitComment lorganisation est-elle communique ?Comment navigue-t-on ?5Ex : quand fichier sont sous forme dicne, on peut agir sur les icnes comme sur les fichiers eux-mmes (ouvrir, dtruire, changer le nom).Evidemment forte contrainte pour langage sous-jacent.Cette impression dengagement direct permet aux utilisateurs de mobiliser spontanment les concepts du domaine reprsent (exemple de la gomtrie et surtout des jeux vide).

Pb : il existe diffrents perspectives sur les objets, chacune ncessitant une reprsentation particulire.Ex fichier, 3 Repres :repres sous forme dicne pour changer le nom, la placeRepres du contenu pour changer les mots et imagesRepres des prorpitsDonc chaque repres doit tre adapte au mieux aux oprations auxquelles elle est destine.Modle de Norman (1986)

Langage de commandesInconvnients Apprentissage difficile : lexique, syntaxeVisibilit rduite, feed-back inexistantEx langage Unix : mkdir /web/tecfa/IPM/CoursAvantages Concision, extensivitPrcision, absence dambiguitLangage transparent7AvantagesCe sont les avantages dun langage formel comme les maths : cohrent, non ambiguDonc cest lutilisateur qui sadapte la machine.InconvnientsLapprentissage est trs coteux en temps et risque derreursVisibilit et FB inexistant (sauf par activation dautre comaende, anulation trs difficile,) do identifcation et rectification des erreurs difficile

Donc contraire aux principes ergo que vous avez vu prcdemment

Quelles indications :- vocabulaire restreint, domaine trs formalis- pour les informaticiens qui veulent conserver leurs prrogatives sur le pquin moyen...Mais mme l jai des doutes...FormulairesInconvnientsErgonomie trs importanteAjout dune information non prvue impossibleAvantagesIndication de la procdure suivreCorrespondance entre information entre et structure du systmeAmbiguit restreinte

8AvantagesLa procdure suivre est indique, etc.InconvnientsErgonomie trs importante et notamment lordre des champs, lindication des possibilits - par choix dans une liste- ouverte mais alors prcision sur la syntaxe Ex date de naissance

Dans quels cas est-ce indiqu :- pour chercher dans une base de donnes car la correspondance est directe- quand on veut faire suivre une procdure simple et sans variantes- sur le Web, moyen le plus simple de faire de linteractifMenusInconvnientsMenu pop-up : toutes les rponses doivent tre prvuesMenu droulant : structuration des commandes, choix du vocabulaireAvantagesLa liste des commandes possibles est disponibleSparation interaction / productionMenus contextuel

9Deux types de mebu :- pull-down ou droulants -> affichage de toutes les options dun coup dil, structration- dialogue = menu pop-up -> approche plus squentielle, parfois suite de formulaireLinteraction est davantage vue comme un dialogue

Dans quels cas est-ce indiqu :- menu pop-up : soit pour un message contextuel, soit pour une procdure spcifique- menu droulant : lalternative des langages de commandes : apprentissage et gestion cognitive simplifiLa manipulation directeA pour but de permettre lutilisateur de manipuler les objets, reprsents graphiquement au niveau de linterface, avec des actions qui se rapprochent des actions du monde physique, au niveau smantique et syntaxique.Exemple : changer la taille des cadres sur vos reprsentations graphique de lorganisation du site choisi en manipulant directement leur longueur et largeur. Ncessite un retour immdiat et visible.

Shneiderman, B. (1983). Direct Manipulation. A Step Beyond Programming Languages. IEEE Transactions on Computers, 1 (8): 5769. 10Toute expression dans un langage a un sens et une formeLa manipulation directeButsSens de lexpressiondistancesmantiqueExemple : icne de fichierForme de lexpressiondistancesyntaxiqueExemple : feuilletage dans les interfaces tactiles11Toute expression dans un langage a un sens et une formeNotion plus rcente : AffordancesVicente, K. J., & Rasmussen, J. (1990). The Ecology of Human-Machine Systems II : Mediating Direct Perception in Complex Work Domains. Ecological Psychology, 2, 207-249. Notion de design cologique dinterface (Vicente & Rasmussen, 1990) : linterface doit matrialiser de faon visibles ltat de lenvironnement et les actions possibles de faon fournir lutilisateur-trice les moyens de sadapter la situation.

12Exemples de design cologique

Ici la taille de la flche reprsente la force exercer sur le levier de remplissage.13Distance smantique = distance entre lobjet de la mtaphore et lobjet du monde auquel il rfre.

Ex : si lutil doit comparer la vitesse avec laquelle le niveau de leau monte.Toute est dans repres A mais volution du niveau doit tre examine constamment et infre. Repres B mieux adapte.

Deux faons de rduire distance smantique : - trouver un langage de description qui correspond aux oprations mentales. Ceci est fait en prenant un langage un haut niveau de description, laissant la machine se charger des actions de bas niveau. Ex : tracer un rectangle ou un triangle dans Authorware.faire apprendre lutil le langage de description du systme, de faon ce que lutilisateur pense la tche comme le systme, et non linverse.Comme rsultat les utilisateurs qui utilisent le langage de linterface pour discuter entre eux mme sans lordi.Situer les interfacesDistanceavec le monde relEleveFaibleMode dengagement de lutilisateurconversationModle du mondelangage de bas niveaulangage de haut niveaumonde de bas niveaumanipulationdirecteLogiciel statistique Rmacros Excellexplorateur WindowsJeux de simulation14Langage de bas niveau : langage ne correspond pas au langage de lutil, ni dans sa forme ni dans son sens, linteraction est couteuse.Monde de bas niveau : linteraction est directe avec les objets, mais le niveau de description ne correspond pas celui de la tche.

Langage haut niveau : les intentions correspondent au niveau de description, mme si linteraction nest pas directe. Cas des langage de programmation, desfois plus efficaces que manip directe car trs puissant.

Manip directe engagement max et distance min