Un peu de psychologie Cognitive
1
Concepts et TâchesComprendre le problème, le contexte, les motivations, les utilisateurs, leurs tâches, leurs concepts, etc.
Produire des solutionsExplorer des pistes de conceptionsDonner une base matérielle pour confronter les avis
Evaluer les solutionsReconsidérer la compréhension du problème
2
Modèle du processeur humain● Plusieurs sous systèmes
○ Sensoriel : traitement des stimuli○ Cognitif : raisonnement et
prise de décision○ Moteur : mouvement
● Chaque sous système comprend○ Processeur○ Mémoire
■ À court terme■ À long terme
3
Modèle du processeur humainExemple : conduite en voiture
Vidéo
4
Modèle du processeur humain
En millisecondes Processeur perceptuel
Processeur cognitif
Processeur moteur
Fastman 50 25 30
Middleman 100 70 70
Slowman 200 170 100
Vision
Audition
Processeur perceptif
Mémoire à long terme
Mémoire de travail
Processeur cognitif
Processeur moteur
Muscles
5
Système sensorielL’oeil humain
● Rétine○ Fovéa
● Cônes○ Couleurs○ Opèrent en forte luminosité
● Bâtonnets○ Gris○ Opèrent en faible luminosité
6
Système sensorielL’oeil humain : Répartition des cônes et des bâtonnets
7
Système sensorielOeil humain : sensibilité à la lumière● 64% de cônes L● 32% de cône M● 2% de cônes S
LMS
Bâtonnet
8
Système sensorielOeil humain : codage de l’information
● LuminositéCônes M et L, bâtonnets
● Différence Rouge-VertL - M
● Différence Bleue-jauneSomme pondérée des cônes S, M et L
9
Système sensorielOeil humain : Le daltonisme
● Protanopie : Absence de cônes L ● Tritanopie : Absence de cônes S ● Deutéranopie : Absence de cônes M ● Monochromatisme : Absence de cône
Types d’anomalie
%Hommes %Femmes
Monochromatisme Très rare Très rare
Dichromatisme- Protanopie
- Deutéranopie- Tritanopie
2,1051,0001,1000,005
0,0430,0200,0100,003
Trichromatisme- Protanomalie
- Deutéranomalie- Tritanomalie
5,9001,0004,900
Très rare
0,4000,0200,380
Très rare
TOTAL 8,005 0,44310
Système sensorielOeil humain : Le daltonisme
Protanopie Deutéranopie tritanopieTrichromatisme
11
Système sensorielOeil humain : Aberrations chromatiques
● La réfraction dépend de la longueur d’onde● Les lentilles d’appareils traitent ces cas● L’oeil humain ne les traitent pas● Le cerveau compense● Mais pas si les différences de longueurs d’ondes sont
trop importantes
ALORS ? ALORS ? ALORS ?12
Système sensorielOeil humain
● La fovéa ne contient quasiment pas de cônes S (bleue)=> Ne pas utiliser de bleue pour les détails
● En condition de faible luminosité, la vision périphérique est plus précise (plus de bâtonnets)=> Pour bien observer une étoile, ne pas la fixer
13
Système sensorielFusion perceptuelle :
● Deux stimuli perçus pendant la durée d’un cycle de perception (~100ms) semblent être fusionnés.○ 10-12 Hz est suffisant pour reconstruire le mouvement.
20-24Hz pour une impression de fluidité.○ Un délais de réponse inférieur à 100ms semble instantané.
Interaction fortement couplée si délais < 50ms○ Vidéo exemple de la combinaison son + image de bouche○ La causalité est fortement influencé par le phénomène de fusion
14
Système sensorielLa vision
15
Système sensorielLa perception (vision, audition, …)
● Un processus complexe● Très différent d’un capteur photographique, d’un
microphone, …● La perception implique un traitement cognitif
=> Série d’images qui rendent fou
16
Système sensorielComptez les points noirs
17
18
19
20
21
Système sensorielLa perception (vision, audition, …)
● Un processus complexe● Très différent d’un capteur photographique, d’un
microphone, …● La perception implique un traitement cognitif
=> Vidéo Reverspective=> Vidéo Tyrannosaure=> Vidéo des cercles
22
Système sensorielLa perception (vision, audition, …)
● Un processus complexe● Très différent d’un capteur photographique, d’un
microphone, …● La perception implique un traitement cognitif
=> Vidéo comptage de passes=> Vidéo Sherlock
23
Système sensoriel et cognitifCécité cognitive :
● Si ce qu’on voit est complexe (beaucoup d’objets)● Si on se concentre sur quelque chose (d’autre)
24
Système sensoriel et cognitifCécité cognitive :
● Si ce qu’on voit est complexe (beaucoup d’objets)● Si on se concentre sur quelque chose (d’autre)
Selon une édtue de l'Uvinertisé de Cmabrigde, l'odrre des ltteers dnas un mot n'a pas d'ipmrotncae, la suele coshe ipmrotnate est que la pmeirère et la drenèire lteetrs sinoet à la bnnoe pclae. Le rsete peut êrte dnas un dsérorde ttoal et vuos puoevz tujoruos lrie snas porblmèe. C'est prace que le creaveu hmauin ne lit pas chuaqe ltetre elle-mmêe, mias le mot cmome un tuot.
25
Système cognitif
26
Système sensoriel et cognitif● Système cognitif
○ Raisonnement, mémoire à long terme■ Réseaux sémantiques■ Cycles Reconnaissance-Action (~70ms)
● Réception d’informations symboliques de la mémoire à court terme
● Accès à la mémoire à long terme pour décider de l’action ● Les actions modifient la mémoire à court terme
27
Système cognitif● Questions pour un champion
28
Système cognitif● Questions pour un champion
○ Quelle est la couleur du cheval blanc d’Henri iV ?○ Quelle est la couleur du coton ?○ Quelle est la couleur de la neige ?○ Quelle est la couleur du lait ?○ Que boit la vache ?
29
Système cognitifIndiquez la couleur des mots de haut en bas
30
Système cognitifIndiquez la couleur des mots de haut en bas
31
Système cognitifSystème cognitif
● Raisonnement rapide / lent
1,10€
32
Système cognitifSystème cognitif
● Raisonnement rapide / lent
Le pain coûte 1 euro de plus que le carambarCombien coûtent le carambar ?
1,10€
33
Système cognitifCalcul mental
34
Système cognitifCalcul mental 1000+ 40
35
Système cognitifCalcul mental 1000+ 40+ 1000+ 30
36
Système cognitifCalcul mental 1000+ 40+ 1000+ 30+ 1000+ 20
37
Système cognitifCalcul mental 1000+ 40+ 1000+ 30+ 1000+ 20+ 1000+ 10
38
Système cognitifCalcul mental= ???
39
Système cognitif: Modèle de Rasmussen
40
Système cognitif
Relier les 9 points avec 4 droites
41
Système cognitif
Relier les 9 points avec 3 droites
42
Système moteur
43
Système moteurOn peut caractériser certains mouvements.Exemple du pointage
44
D
W
Système moteurLa loi de Fitts :
● Temps de pointage = a + b.log(D/W + 1)● Comment mesurer a et b ?
45
Système moteurDes exemples pour améliorer le pointage
● Rapprochement de cibles=> Drag & Pop=> Push & Pop=> Rake-Cursor
46
Système moteurDes exemples pour améliorer le pointage
● Menus linéaires / menus circulaires
47
Système moteurExemple des menus en modes apprentissage et expert.Exemple des marking menus.
48
Retour sur le projet
49
Retour sur le projetQue faire ?● Etat de l’art, allez voir des logiciels qui font la même chose
(installer PLEX sur PC, BubbleUPnP sur téléphone).
50
Retour sur le projetQue faire ?● Contexte d’usage? Utilisateurs?
51
Retour sur le projetQue faire ?● Collaboration avec des designers, des volontaires ?
52