1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours...

51
1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de documents multimédia efficaces TECFA Technologies pour la Formation et l’Apprentissage

Transcript of 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours...

Page 1: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt1

Cours Ergonomie des Interactions Personne-machine

Conception de documents

multimédia efficaces

TECFATechnologies pour la

Formation et l’Apprentissage

Page 2: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt2

poignée

piston

valve d ’entrée

valve de sortie

Fonctionnement d’une pompe à vélo.

Lorsque l’on tire la poignée, le piston monte, la valve d’entrée s’ouvre, la valve de sortie se ferme et l’air entre dans la partie basse du cylindre.

L ’effet multimédia

Page 3: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt3

L ’effet multimédia

L ’effet positif de l’ajout d ’illustrations graphiques à un texte :

améliore la mémorisation d ’environ 36%

améliore la compréhension et le transfert

apparaît dans plus de 80% des études

Denis, 1984; Levie & Lentz, 1982

Page 4: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt4

Fonction des graphiques

Utiliser l’espace comme métaphore d’autres relations

identifier un objet, un scène

Organiser des informations spatial ou temporelles

0

1020

30

40

5060

70

80

90

1er trim.

2e trim. 3e trim. 4e trim.

EstOuestNord

Rôle esthétique, attractif et motivant

Page 5: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt5

L’effet multimedia… et réciproquement

Lorsque l’on tire la poignée, le piston monte, la valve d’entrée s’ouvre, la valve de sortie se ferme et l’air entre dans la partie basse du cylindre.

Mayer & Gallini, 1990

poignée

piston

valve d ’entrée

valve de sortie

Page 6: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt6

L’inspection de la figure est dirigée par le texte

Après un passage difficile

Pour intégrer une information nouvelle

Le texte facilite la mémorisation des informations dela figure (notamment spatiales).

L’effet multimedia… et réciproquement

Hegarty & Just, 1993

Page 7: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt7

Dimensions de conception des graphiques

Page 8: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt8

Les graphiques (2)

Dimensions de conception

pragmatique

syntaxique

sémantique

Page 9: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt9

a)

x x xxx

x x xxx

b)

A

B

C

D

c) d)

Les graphiques (3)

Syntaxique

Page 10: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt10

a)

x x xxx

x x xxx

b)

A

B

C

D

c) d)

Les graphiques (3)

Syntaxique

Page 11: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt11

a)

x x xxx

x x xxx

b)

A

B

C

D

c) d)

Les graphiques (3)

Syntaxique

Page 12: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt12

a)

x x xxx

x x xxx

b)

A

B

C

D

c) d)

Les graphiques (3)

Syntaxique

Page 13: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt13

Les graphiques (4)

Sémantique

Page 14: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt14

Les graphiques (5)

Pragmatique

Contexte d ’usage

Page 15: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt15

Dimensions de conception des graphiques

Page 16: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt16

Notion de charge cognitive

7492161

Mémorisez les chiffres suivants

Ecrivez les chiffres

Page 17: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt17

97

Notion de charge cognitive

Tout en récitant l’alphabet à voix basse, mémorisez les chiffres suivants

14263Ecrivez les chiffres

Page 18: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt18

Mémoire de travailMémoire à LT

sélection

Modèle de traitement multimédia

blabla

D ’après Mayer (2001)

codage pictural

codage verbal

organisation

Modèlemental

R° verbale

intégration

conn

aiss

ance

s

Page 19: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt19

Le design de document multimedia

Un principe de base : diminuer la charge cognitive inutile liée au traitement des informations :

- Perception, attention

- Mise en relation entre différentes sources

- Informations et relations implicites

Page 20: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt20

Effets du format de présentationQuelques principes de conception

Page 21: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt21

Effet Multimédia

Les illustrations statiques ou dynamiques facilitent la compréhension et la mémorisation de textes orauxou écrits.

Offre soumise à conditions !

Page 22: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt22

Le principe multimedia : les animations

Démonstrations

Simulations interactives

NEWAttirer l ’attention

Informer sur l ’état d ’un processus

Page 23: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt23

Le principe multimedia : les animations

Page 24: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt24

Le principe multimedia : les animations

Page 25: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt25

Le principe multimedia : les animations

Page 26: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt26

Le principe multimedia : les animations

Page 27: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt27

Le principe multimedia : les animations

Page 28: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt28

Le principe multimedia : les animations

Page 29: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt29

Le principe multimedia : les animations

Page 30: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt30

Le principe multimedia : les animations

Page 31: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt31

Trajectoire ?

Le principe multimedia : les animations

Page 32: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt32

Le principe multimedia : les animations

Page 33: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt33

Effet multimédia: le cas particulier des animations

Page 34: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt34

Deux principes

Principe d’expression

Principe de concision

Le principe multimedia : les animations

Page 35: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt35

Effet de contiguité spatiale

Un format qui intègre les différentes sources d’information ouun format qui présente ces sources séparément dans l’espace de la page ?

Page 36: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt36

Effet de contiguité spatiale

Format séparé

Page 37: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt37

Effet de contiguité spatiale

Format intégré

Page 38: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt38

L’intégration spatiale

Format escamot

Page 39: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt39

Effet de contiguité spatiale

Deux cas où l’intégration est défavorable :

si les deux sources d’information sont redondantes

si les deux sources d’information ne sont pascomplémentaires

L’intégration spatiale des informations verbales etgraphiques facilite la mémorisation et la compréhension

Sweller & collègues

Page 40: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt40

Effet de contiguïté temporelle

Animation et commentaires audio ou écrits doivent-ils être présentés simultanémentOuséparément ?

Page 41: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt41

Effet de contiguïté temporelle

blabla rétention transfert

rétention transfert

blabla rétention transfert

Page 42: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt42

Niveau représentationnel

Document Multimedia

connections référentielles

connections représentationnelles

Représentation verbale Représentation visuelle

Information verbale Information picturale

Le principe de contiguïté

Page 43: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt43

Niveau représentationnel

Document Multimedia

connections référentielles

connections représentationnelles

Représentation verbale Représentation visuelle

Information verbale Information picturale

Mayer & Anderson, 1992

Le principe de contiguïté

Page 44: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt44

Effet de modalité

Le commentaire qui accompagne un graphique ou une animation doit-il être présenté sous une modalité écrite ou orale ?

Mayer et Moreno, 1998

Page 45: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt45

Effet de modalité

codage pictural

codage verbal

Modèlemental

R° verbaleblabla

D ’après Mayer (2001)

sélection organisation intégration

Page 46: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt46

Effet des différences interindividuelles

Aptitudes visuo-spatiales

Expertise

Hegarty & Sims, 1994Mayer & Sims, 1994

Page 47: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt47

Effet de redondance

Faut-il présenter les commentaires à la fois à l’oral et à l’écrit ?Ou uniquement à l’oral ou uniquement à l’écrit ?

Page 48: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt48

Effet de redondance

blabla

Oral seul

L’ampoule doit être connectée à la pile selon deux directions: l’un des fils va au pôle positif, l’autre au pôle négatif.

Ecrit seul

blabla

L’ampoule doit être connectée à la pile selon deux directions: l’un des fils va au pôle positif, l’autre au pôle négatif.

Oral et écrit

Page 49: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt49

Effet de redondance

Deux types de redondance :

Ne pas confondre redondance et complémentarité

- informations présentées deux fois

- informations connues des utilisateurs

Page 50: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt50

Effet de cohérence

Quel effet de l ’ajout d ’informations attractives (illustrations, exemples, sons, vidéos...) ?

Hypothèse motivationnelle

Hypothèse de la charge cognitive

Page 51: 1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt 1 Cours Ergonomie des Interactions Personne-machine Conception de.

1er février 2005 - Cours Ergonomie des Interactions Personne-Machine - M. Bétrancourt51

Conclusion

Pourquoi toutes ces recherches sur le multimédia ?

Pour produire des recommandations de conception

Pour faire avancer les modèles de compréhension