71
12 mars 2001 Perception Cédric Dumas

perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

12 mars 2001

Perception

Cédric Dumas

Page 2: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

2

L’origine ?

? Un des premiers domaines derecherche de la psychologieexpérimentale

? Le plus important :

la vision

Page 3: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

2

L’origine ?

? Un des premiers domaines derecherche de la psychologieexpérimentale

? Le plus important :

la visionLA VISION

Page 4: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

3

Pourquoi ?

? Système visuel– Ce que l’on perçoit n’est pas ce que l’on voit– L’information visuelle est traitée

Hommeconnaissancesphysiologieproblèmes

Systèmebien gérer/présenterl’information

Comment quelqu’un utilise le système ???

Page 5: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

4

Activité perceptive

? Interprétation des messages sensoriels? Pour acquérir une connaissance du

milieu, de ses actions

? organise en un tout cohérent etsignificatif l’ensemble des informations

Page 6: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

5

Exemple

Perception :? phénomène dynamique? analyse sens + ? connaissances

Page 7: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

6

Sens

? Vision? Toucher? Audition? Goût? Odorat + fonction kinesthésique

Système nerveuxstimuli réponse

récepteurs effecteursen

viro

nnem

ent environnem

ent

Page 8: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

7

Fonction kinesthésique

? Infos fournies par les capteursproprioceptifs

? Donne les postures du corps? Permet de contrôler l’équilibre

Page 9: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

8

Audition

? sens multidirectionnel– fonction de signalisation– fonction esthétique: la musique– fonction sociale: la langage

Page 10: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

9

Toucher

? Le contact de la peau? la pression sur la peau? le mouvement du contact sur la peau? la température perçue par la peau? le façonnement en trois dimensions des

objets touchés? etc...

Page 11: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

10

Fonction visuelle

? Iris? Pupille? Cornée? Cristallin? Fovéa? Point aveugle

Page 12: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

10

Fonction visuelle

? Iris? Pupille? Cornée? Cristallin? Fovéa? Point aveugle

Page 13: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

10

Fonction visuelle

? Iris? Pupille? Cornée? Cristallin? Fovéa? Point aveugle

Page 14: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

10

Fonction visuelle

? Iris? Pupille? Cornée? Cristallin? Fovéa? Point aveugle

Page 15: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

10

Fonction visuelle

? Iris? Pupille? Cornée? Cristallin? Fovéa? Point aveugle

Page 16: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

10

Fonction visuelle

? Iris? Pupille? Cornée? Cristallin? Fovéa? Point aveugle

Page 17: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

10

Fonction visuelle

? Iris? Pupille? Cornée? Cristallin? Fovéa? Point aveugle

Page 18: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

11

Fovéa? Centre de l ’œil = macula? Centre de la macula = fovéa

? Cellules photo-réceptrices sensiblesspécifiquement à des longueurs d’onde:– cônes– bâtonnets

Page 19: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

11

Fovéa? Centre de l ’œil = macula? Centre de la macula = fovéa

? Cellules photo-réceptrices sensiblesspécifiquement à des longueurs d’onde:– cônes– bâtonnets

Page 20: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

12

Spectre électromagnétique

Page 21: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

12

Spectre électromagnétique

Page 22: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

13

Compositions difficiles

Magenta Bleu

Page 23: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

13

Compositions difficiles

Magenta Bleu

Compuserve's WinCim 2.0

Microsoft Word

Page 24: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

13

Compositions difficiles

Magenta Bleu

Compuserve's WinCim 2.0

Microsoft Word

Page 25: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

14

Perception de la brillance

? Contraste = différence de luminance– contraste faible = lecture difficile– contraste fort = gêne

? Le système visuel accentue lescontrastes

Page 26: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

15

Problème de contraste

Page 27: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

15

Problème de contraste

Apple's QuickTime 4.0 Player

Page 28: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

15

Problème de contraste

Apple's QuickTime 4.0 Player

IBM RealCD (IBM's User Interface Architecture and Design Group)

Page 29: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

16

Perception de la profondeur

? Image formée au niveau de la rétine estbi-dimensionnelle

? perception de la 3ème dimension– indices monoculaires– indices binoculaires

Page 30: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

17

Indices monoculaires? Indices picturaux

– la taille relative des objets– l’intensité lumineuse– l’ombrage sur l’objet– l’interposition– la hauteur du champ visuel– le gradient de texture– la perspective linéaire– la parallaxe du mouvement

? Indice non pictural : l'accommodation

Page 31: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

18

Problèmes de perception 3D

Page 32: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

18

Problèmes de perception 3D

Page 33: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

18

Problèmes de perception 3D

Page 34: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

18

Problèmes de perception 3D

Page 35: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

18

Problèmes de perception 3D

Page 36: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

18

Problèmes de perception 3D

Pirates: Quest for the seas

Page 37: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

19

Indices binoculaires

? La disparité rétinienne

? la convergence oculaire

Page 38: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

19

Indices binoculaires

? La disparité rétinienne

? la convergence oculaire

A

B

Page 39: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

20

La perception du mouvement

? Le mouvement absolu? Le mouvement relatif? Le mouvement apparent

Page 40: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

21

Problèmes d’animation

Drawing Board LT

Mouvement relatif et apparent

Page 41: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

22

L’organisation perceptive

? Loi de proximité

? Loi de clôture

? Loi de continuité

? Loi de similitude

Page 42: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

22

L’organisation perceptive

? Loi de proximité

? Loi de clôture

? Loi de continuité

? Loi de similitude

Page 43: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

22

L’organisation perceptive

? Loi de proximité

? Loi de clôture

? Loi de continuité

? Loi de similitude

Page 44: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

22

L’organisation perceptive

? Loi de proximité

? Loi de clôture

? Loi de continuité

? Loi de similitudeX X X X X X X

X X X X X X X

Page 45: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

23

L’organisation perceptive (2)

? Loi de destin commun

? Loi de taille relative

? Loi de symétrie

Page 46: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

23

L’organisation perceptive (2)

? Loi de destin commun

? Loi de taille relative

? Loi de symétrie

Page 47: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

23

L’organisation perceptive (2)

? Loi de destin commun

? Loi de taille relative

? Loi de symétrie

Page 48: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

24

Traitement global de la forme

Page 49: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

24

Traitement global de la forme

H

HHH

HH

H

H

HHH

Page 50: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

25

Monde perçu et monde réel

? Constance perceptive? Ambiguïtés perceptives? Illusion perceptive

Page 51: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

26

Constance perceptive

? Propriétés invariantes des objetsperçus:– constance perceptive de la forme– constance perceptive de la taille– constance perceptive de la luminosité– constance perceptive de la couleur

Page 52: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

27

Constance et consistance

Visual Basic 5.0

Page 53: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

27

Constance et consistance

« consistency makes the interface familiarand predictable »(The Windows User Interface Guidelines for Software Design, Microsoft Press)

Visual Basic 5.0

Page 54: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

27

Constance et consistance

Paint

Visual Basic 5.0

Page 55: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

27

Constance et consistance

Paint

WebZipVisual Basic 5.0

Page 56: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

28

Les Ambiguïtés perceptives

? Fonction :– des connaissances– des attentes– du contexte

A B

Page 57: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

29

Problème d’ambiguïté

Zoc (envoi de fichier)• Send

• Send without carriage returns

• Send with quotes

• Send with CIS quotes

Page 58: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

30

Les illusions perceptives

? Illusions géométriquesA

B

AB

A B

Page 59: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

31

Les illusions perceptives (2)

? Figures paradoxales

? Figures illusoires

Page 60: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

31

Les illusions perceptives (2)

? Figures paradoxales

? Figures illusoires

Page 61: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

32

Conclusion Vision

? Bas niveau? Générique? L’information visuelle est traitée

? ne pas créer d’illusions perceptives

Page 62: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

33

Ergonomie des interfaces

? Étroitement liée à la psychologiecognitive (human factors)

? Les règles évoluent avec les systèmesinformatiques

? Ne pas augmenter inutilement la chargecognitive de l’utilisateur

Page 63: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

34

Evaluation

? Evaluation pour la conception,? Evaluation pour la remédiation ...

• IHM• Compréhension de la manipulation de l ’objet• Usage

Page 64: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

35

Evaluation

? Orienter action? Orienter signification

Page 65: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

36

Critères ergonomiques

? Aide à l ’évaluation des interfacesutilisateurs

? 8 critères

Page 66: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

37

Critères ergonomiques

? Guidage– Incitation– Groupement/distincti

on entre items• Localisation• Format

– Feed-back immédiat– lisibilité

? Charge de travail– Brièveté– Concision– Actions minimales– Densité

informationnelle

Page 67: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

38

Critères ergonomiques

? Contrôle explicite– Actions explicites– Contrôle utilisateur

? Adaptabilité– Flexibilité– Expérience

utilisateur

? Gestion des erreurs– Protection contre les E– Qualité des messages

E– Correction des E

? Homogénéité/Cohérence

? Signifiance des codeset dénominations

? Compatibilité

Page 68: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

39

Critères ergonomiques? Guidage: moyens pour conseiller orienter informer

et guider l ’ut au travers de ses interactions (actions,lexical)

– Labels, alarme, messages …– savoir où on en est dans 1 séq d ’interact°, 1 tâche– connaître les actions possibles et leurs conséquences– obtenir de l ’aide sur demande

? Incitation

Faciliter l ’apprentissage et l ’utilisation d ’un système

Page 69: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

40

Un Logiciel doit...

? être adapté à l'utilisateur? être adapté à la tâche? reposer sur un langage cohérent? être convivial? fournir des aides à l'utilisateur

Page 70: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

41

Mais...

? 40 % des fonctions utilisées? temps d’apprentissage d’un nouveau

système = 6 mois

? outil inadéquat :– utilisateur détourne les règles– activités et opérations supplémentaires

Page 71: perceptionweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/...39 Critères ergonomiques? Guidage: moyens pour conseiller orienter informer et guider l€’ut au travers de ses interactions

42

Conclusion

? Respecter l ’homogénéité et lacohérence: de la présentation del'information

? Étudier la connaissance des utilisateurs(vocabulaire, habitudes de travail, etc)