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

 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 ?
 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 Tep
Hec 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
 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
 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)
 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

 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

 Qu’est-ce que l’ergonomie cognitive ?

 ergos travail et nomos lois naturelles.

 Laville (1976)
 "l'ensemble des connaissances sur
le 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
 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

 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 interface graphique.
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

 Communication Humain Ordinateur
Thé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
 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 Les difficultés et
 Exécution des actions les erreurs sont partout
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

 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 ?
 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.
Adaptation du niveau de description le niveau auquel la personne
pense de la tâche
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
porte sur les formes d'expression
Beware the Turing tar-pit in which everyting is possible
but nothing of interest is easy (Perlis, 1982)
 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é
 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 ?
 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 composantes
t = 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
 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
 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.

 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
 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
 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
 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
 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 ?
 Discussion
IHM 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.
 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 Nielsen http://www.useit.com/papers/heuristic/

 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.