Ergonomie, Utilisabilité, théories de l’action

1. Ergonomie, Utilisabilité, théories de l’action Interactions Humain-Ordinateur Interfaces Jeux Interactions intelligentes Évaluation auprès des usagers Virtualité Humaniser les systèmes ecommerce Aide en ligne, documentation, formation

2. Qu’en pensez-vous ? • Pourquoi s’intéresser à l’interaction ? • Utilisabilité, ergonomie cognitive • Quels sont les paramètres d’un bon système ? • Quels sont ceux que vous aimez..ceux que vous n’aimez pas ? • Interactivité et usages • Est-ce que ça évolue ? • Votre utilisation est-elle la même qu’avant ? • Comment décrire ce qui se passe ? • Théorie de l’activité et intégration des systèmes informatisés et des systèmes sociaux • Vers quoi ça évolue ?

3. Exemple tiré de l’élection présidentielle US 2000:Préparé par Yan Bodain, M.A.Jean-Yves Fiset, ing., Ph. D. et Sandrine Prom TepHec Montréal • À un moment donné, 1% des votes était sous examen (écart entre les candidats est de quelques centaines, sur plusieurs centaines de milliers). • 19 000 bulletins de votes ont été rejetés car plus d’un candidat y étaient sélectionnés. http://cuwu.editthispage.com/2000/11/08

4. Exemple tiré de l’élection présidentielle US 2000 Bulletin de vote électronique de la Floride • Quelques possibilités d’erreurs: • Lecture de haut en bas => ensemble de candidats associé au second trou • Lignes horizontales alignées sur les trous • Espacement réduit entre les trous • Gauchers (droitiers) ne distinguent pas correctement les noms au moment de voter

5. Exemple tiré de l’élection présidentielle US 2000 Commentaires d’électeurs: • "When I went to push the one for president, I pushed one and it seemed to be just below the office of vice president. It seemed like I had to push one for vice president, too. Then I saw I had accidentally voted twice." • "It was so hard to tell who and what you were voting for. I couldn't figure it out, and I have a doctorate." Selon le directeur des élections de Floride: • "I don't think they are confused. I think they left the polling place and became confused. The ballot is very straightforward. You follow the arrow, you punch the location. Then you have voted for who you intend to elect," • Roberts assigné par le Gov. Jeb Bush, (frère de George W.'s)

6. Pourquoi l’étude des interactions Humain Ordinateur ? • L’impact d’une mauvaise interface n’est pas toujours si grave… • Mais elle peut faire perdre des milliers d’heures à des milliers de personnes. • Avec le commerce électronique, les jeux vidéos, l’intégration actuelle des médias traditionnels et électroniques, la formation en ligne, … • il y a dans les IHM un vaste domaine d’application et de recherche. • Domaine de création..de réflexion.. de théorisation

7. Les concepts de bases Ergonomie cognitive ? Utilisabilité Modèle de l’action et des interfaces (Norman 1986) Human information processing Manipulation directe vs Intelligence des systèmes

8. Qu’est-ce que l’ergonomie cognitive ? • ergos travail et nomos lois naturelles. • Laville (1976) • "l'ensemble des connaissances surle fonctionnement de l'homme en activité, afin de les appliquer à la conception des tâches, des outils des machines et des systèmes de production". • Grandjean (1969) • elle étudie "l'adaptation du travail à l'homme". • faciliter l'utilisation d'un outil • en se fondant sur les connaissances dans les sciences biologiques, psychologiques et physiques • L’ergonomie cognitive s’intéresse à... • perception, activité symbolique, mémorisation, prise de décision, résolution, motivation

9. Concrètement... • L’ordinateur est un outil.. pour le travail, l’art, la socialisation.. • design de quelque chose d’artificiel,de complexe.qui soit fonctionnel • Inventer le médium, le message, les rôles, la culture .. • Modéliser le rapport à l’information..aux autres • Créer des systèmes intelligents

10. Qu’est-ce qu’une interface ? Toutsavoir.net : interface Ensemble des programmes gérant l'utilisateur et les rapports qu'ils peut entretenir avec sa machine et les logiciels qu'elle abrite Si cette interface est jolie tout plein avec des tas de beaux dessins géométriques, c'est une interfacegraphique. Mise en oeuvre physique de règles de communication entre deux systèmes. Dicofr.com - Interface Une voie d'échange d'informations qui permet à un ordinateur ou plusieurs ordinateurs ou des équipements extérieurs (imprimantes, moniteurs ou modems) ou deux ou plusieurs ordinateurs de communiquer. Interface Utilisateur Partie visible par l'utilisateur d'un logiciel, en d'autres termes le programme gérant l'interaction entre la machine et l'utilisateur. Interface graphique Surcouche d'un système d'exploitation apportant le système de fenêtres et de menus inventé par Xerox. Sa vulgarisation pour le grand public a eu lieu grâce aux travaux d'Apple avec la sortie du Lisa puis du Macintosh en 1984. IHM Interaction Homme Machine ou IPSI Tout ce qui permet une communication homme/machine. Définir les IPSI …un problème pour l’Ergonomie cognitive

11. Communication Humain OrdinateurThéorie de l’action - Norman (1986) • Communication - émettre et recevoir l’information de façon efficace • Le Gouffre L’Usager Le Système Intentions Actions Evaluation Rétroaction

12. Problématique de l’adaptation des systèmes informatiques Norman 1986: Cycle d'interaction avec un système informatisé: Fossé de l’exécution • Établissement d'un but • Formation d'une intention • Spécification d'une suite d'actions • Exécution des actions Fossé de l’évaluation • Perception de l'état du système • Interprétation de l'état du système • Évaluation de l'état du système par rapport au but La largeur des fossés est reliée Les difficultés et les erreurs sont partout

13. Design = Compromis • Comment aimez vous les journaux, le courriel, travailler sur ordinateur, les jeux… • ex. Journaux électroniques, La toile du Québec • ex. multiples index et choix diminue l'attention porté à l'information. • Dans les musées…qu’est-ce qui se passe ? • Intégration des médias ? Site de Radio-Canada • La radio est-elle la même ? La TV ? • La lecture à l’écran est différente de celle sur papier, comment l’optimiser ?

14. Hutchins, Hollan & Norman, 1986 Manipulation directe Distance sémantique Matching the level of description to the level at which the person thinks of the task. Dans quelle proportion la structure d’interaction est à la charge de l’usager ou à celle du système ? Distance articulatoire deals with forms of expression • Beware the Turing tar-pit in which everyting is possible but nothing of interest is easy (Perlis, 1982)

15. Hutchins, Hollan & Norman, 1986 Engagement direct Exécution et évaluation se font directement Input et output font références l’un à l’autre Système répond rapidement (responsive), délais sont courts Interface n’est pas obstructive, dérangeante mais transparente par rapport à l’activité

16. Modèle du Traitement Humain de l'Information • Interaction entre un système humain et une machine • Quelles sont les contraintes ? • La technologie les repoussent-elles ?

17. Théories ?Modèle du Traitement Humain de l'Information • Il faut considérer les contraintes du traitement des informations par les humains • Le temps et la difficulté du traitement de l’information est formé de trois composantest = ts + tc + tm (sensoriel, cognitif et moteur) • système sensoriel • favoriser la discrimination sensorielle • attention aux contrastes - couleur, sons, détail • vitesse proportionnelle à l’activité • réduire les variations de vitesse • ralentir pour diminuer les erreurs • permettre d’ajuster, d’interrompre

18. Modèle du Traitement Humain de l'Information... • système moteur • ergonomie physique des dispositifs • Loi de Fitts • T= I log2 2D/L • D = distance à parcourir • L = largeur de cible • I = constante (1 sec) Si le bouton est loin sa taille doit augmenter Placer les zones actives utilisées fréquemment ensemble Plutôt en bas à droite, dans l’ordre de lecture..sauf sur Internet.. Pourquoi ? Attention aux boutons « Annuler » ou « Effacer » Penser aux erreurs possibles de manipulation

19. Modèle du Traitement Humain de l'Information... • système cognitif - Mémoire • mémoire à court terme ou mémoire de travail • attention sélective, • difficulté à se rappeler des choix de menus - raccourcir • oublie le parcours fait - d’où on vient? ce qu’on cherche ? • mémoire à long terme • Organisation en mémoire des concepts, des faits. • Partir de ce que l’usager connaît • Fournir une structure, un résumé, répéter • processeur: temps de reconnaissance et d’exécution • Donner le contrôle à l’usager. • Simplifier et morceler les étapes • Supporter la résolution de problème..essais / erreur. • Prévoir les processus, la difficulté, la reconnaissance • Et les autres dimensions cognitives : la motivation, l’apprentissage et les attitudes.

20. Au delà du traitement de l’information... L’activité Mais au delà de faciliter la compréhension de l’Outil.. La compréhension d’une interface et sa facilité dépend des intentions..du contexte et de la structure des activités.. Hoc, 1998 - On n’utilise pas l’ordinateur pour lui-même…mais pour des buts super ordonnés « un concepteur de système ne conçoit pas seulement une machine, mais un système homme-machine qui réalise une tâche définie » Hoc, 1998

21. Schneiderman, 1982 - les interfaces à manipulation directe • voir l'opération se produire, montrer le résultat • rétroaction (feedback) • physiquement évident, « affordance » • possibilité de survol et de grossissement • déclenchées par un bouton, immédiat • fermeture • (séquences d'opération courtes qui libèrent la mémorisation) • rapidité donne l'impression de contrôle • continu, instantané, progressif et réversible • visibilité et contrôle • flexibilité • rendre les sorties évidentes • permettre les raccourcis • efficacité - utilisabilité, rapidité, fiabilité • adaptabilité par l'usager

22. Oui mais ... est-ce toujours si efficace ?Anti Mac Interface: Gentner et Nielsen 1996 • Manipulation directe • Métaphore • Manipulation directe • Voir et pointer • Consistance • WYSIWYG • Contrôle de l’usager • Rétroaction et dialogue • Tolérance • Intégrité esthétique • Sans modes

23. Oui mais ... est-ce toujours si efficace ?Anti Mac Interface: Gentner et Nielsen 1996 Voir les choses autrement Métaphore Réalité Manipulation directe Délégation Voir et pointer Décrire et commander Consistance Diversité WYSIWYG Representer les sens Contrôle de l’usager Contrôle partagé Rétroaction et dialogue Système s’occupe des détails Tolérance Modèle de l’usager Intégrité esthétique Variété graphique Sans modes Indices plus riches

24. Discussion... Est-ce possible ? • Peut-on revenir en arrière ? Anti Mac est-ce réaliste ? • Pour aider l’usager,qu’est-ce que l’ordinateur peut comprendre ? • Les engins de recherche sont-ils de bons outils ?qu’est-ce qu’on y trouve ?

25. DiscussionIHM et Communication • Les systèmes encadrent la communication ? • Les usagers s’approprient le système ? • Au delà des mots comment analyser et intervenir dans ce domaine ? • Domaine appliqué..mais aussi 25 ans de recherches, liées à des phénomènes, à des types d’interaction. • Voir des résultats et des modèles de recherche.

26. Utilisabilité • Principes ergonomiques • http://www.fas.umontreal.ca/com/com3561/bta/ergo/frame1.html • Bastien et Scapin • http://www.ergoweb.ca/criteres.html • Évaluation heuristique Nielsenhttp://www.useit.com/papers/heuristic/

27. Références • Bastien, J. M. C., & Scapin, D., L. (1993). Ergonomic Criteria for the Evaluation of Human-Computer Interfaces.  (156). INRIA. • Gentner, D., & Nielsen, J. (1996). The Anti-Mac interface. Communications of the ACM, 39(8), 70-82. • Nielsen, J. (2000). Conception de sites Web : l'art de la simplicité. Paris: CampusPress France, 387p. ISBN 2744008877 • Lindsay, P. H., & Norman, D. S. (1980). Traitement Humain de l'Information. Montréal: Etudes Vivantes. Translated from • Lindsay, P. H., & Norman, D. A. (1977). Human information processing : an introduction to psychology (2d ed.), pp. xxiii, 777. New York: Academic Press. 0124509606. BF 455 L55 1977 • Norman, D. A. (1986). Cognitive Engineering. In D. A. Norman, & S. Draper (Ed.), User Centered System Design:  New Perspectives on Human-Computer Interaction (pp. 31-62). Hillsdale, N.J.: Erlbaum. • Shneiderman, B. (1998). Designing the user interface : strategies for effective human-computer interaction (Third ed.). Reading, Mass.: Addison-Wesley, 638p. ISBN 0201572869 - p.104-112 • Weinschenk, S., & Yeo, S. C. (1997). GUI design essentials for Windows 95, Windows 3.1, World Wide Web. New York: Wiley,345p. ISBN 0471175498 - Ch3 - p.51-83.