IFT2905 - Demo 2

Performance Humaine, Perception & Cognition

Plan de la démo

1. La Vision et la Couleur
2. Lecture et Mouvements oculaires
3. Limites Temporelles (Auditif & Visuel)
4. Effet Stroop
5. Loi de Fitts
6. Fossés d'Exécution et d'Évaluation
7. Atelier : Design d'encodage visuel
8. Atelier : Hiérarchie des perceptions

---

1. La Vision et la Couleur

Notre œil n'est pas une caméra parfaite. Il a des zones très précises (Fovéa, vision centrale) et des zones floues mais sensibles au mouvement (Périphérie).

Le Daltonisme (Color Blindness)

Environ 8% des hommes et 0.5% des femmes sont daltoniens. Si votre interface repose uniquement sur la couleur pour donner de l'information (ex: état d'un serveur, erreur dans un formulaire), c'est un échec d'accessibilité.

Outil utile : Utilisez des simulateurs comme Coblis ou les outils développeurs de votre navigateur pour tester vos choix de couleurs.

---

2. Lecture et Mouvements Oculaires

On ne lit pas de manière fluide. Nos yeux font des sauts rapides (Saccades) et des pauses (Fixations). On est techniquement aveugle pendant la saccade.

Test de lecture (Top-Down Processing)

Sleon une édtue de l'Uvinertisé de Cmabrigde, l'odrre des ltteers dans un mtos n'a pas d'ipmrotncae, la suele coshe ipmrotnate est que la pmeirère et la drenèire soit à la bnnoe pclae. Le rsete peut êrte dans un dsérorde ttoal et vuos puoevz tujoruos lrie snas porlblème.

Pourquoi arrivez-vous à lire ça ? Parce que votre cerveau reconnait la forme globale des mots, il ne lit pas lettre par lettre (sauf pour les mots inconnus).

Calcul rapide (Estimations)

Fixation : ~230 ms
Saccade : ~30 ms

---

3. Limites Temporelles (Auditif & Visuel)

Exemple I : Perception Auditive et Limites Temporelles

Le système auditif humain ne traite pas les sons instantanément. Il fonctionne par fenêtres temporelles de traitement appelées temps de cycle perceptif, d’environ 100 ms. Cela signifie que les sons arrivant dans cette fenêtre sont intégrés avant d’être interprétés.

Notions clés

• Temps de cycle perceptif : τ_p ≈ 100 ms
• Seuil de séparation auditive : ≈ 40–50 ms entre deux événements
• En dessous de ce seuil : les sons fusionnent

---

---

Pourquoi 50 ms fonctionne alors que 25 ms échoue ?

• 50 ms : suffisamment long pour que le système auditif se réinitialise partiellement
• 25 ms : trop court, les réponses neuronales se superposent
• 100 ms : est une fenêtre d’intégration, pas une limite de résolution interne

Conclusion :
Le cerveau peut distinguer plusieurs événements à l’intérieur d’un cycle de 100 ms, mais seulement si leur espacement dépasse le seuil de séparation temporelle (~50 ms).

Exemple II : Perception Visuelle (FPS)

C'est le même principe pour les yeux. C'est pour ça que le cinéma et les jeux vidéo fonctionnent (illusion de mouvement).

• Borne inférieure (~5-10 images/sec) : On voit une suite d'images saccadées (diaporama). Le cerveau identifie chaque image séparément.
• Borne supérieure (~20+ images/sec) : Le cerveau fusionne les images. On perçoit un mouvement continu.

Exemple III : Test de Réaction Visuelle

Le temps de réaction n'est pas instantané. Selon le Model Human Processor, une action simple demande l'addition de trois processeurs :

Testez votre propre latence "Input-Output" :

---

4. L'Effet Stroop

Essayez de dire à voix haute la COULEUR DE L'ENCRE du mot, le plus vite possible. Ne lisez pas le mot !

• ROUGE
• JAUNE
• BLEU
• VIOLET
• VERT
• ROUGE
• NOIR
• JAUNE
• ORANGE
• VERT
• VIOLET
• NOIR

Pourquoi est-ce difficile ?
C'est un conflit d'interférence. La lecture est un processus automatique (rapide) pour le cerveau adulte. Identifier une couleur est un processus légèrement plus lent. Le cerveau lit le mot avant de pouvoir identifier la couleur, créant un conflit cognitif.

---

5. La Loi de Fitts

La loi de Fitts est fondamentale en interaction homme-machine (HCI). Elle prédit le temps nécessaire pour atteindre une cible.

MT = a + b * log2(D / W + 1)

• MT (Movement Time) : Temps nécessaire pour atteindre la cible.
• D (Distance) : Distance entre le point de départ et la cible.
• W (Width) : largeur de la cible dans l’axe du mouvement

En résumé : Plus une cible est lointaine et petite, plus elle est lente et difficile à atteindre (et plus le risque d'erreur augmente).

Implications Design :

• Agrandissez les boutons importants (CTA).
• Placez les éléments liés proches les uns des autres (réduire D).
• Les coins et les bords de l'écran sont les zones les plus rapides à atteindre (Largeur W infinie).

---

6. Fossés d'Exécution et d'Évaluation

Le modèle de Donald Norman identifie deux fossés majeurs qui créent des difficultés d'utilisation : ne pas savoir comment faire fonctionner le système (Exécution) et ne pas comprendre ce que le système a fait (Évaluation).

Question : Vous souvenez-vous des 7 étapes de l'action qui composent ces fossés ?

Afficher les 7 étapes

---

7. Atelier : Design d'encodage visuel

Maintenant, à vous de jouer. En équipes, vous allez devoir encoder les informations en utilisant les différents canaux vus en classe.

(Instructions distribuées en classe)

---

8. Atelier : Hiérarchie des perceptions

Pays	Continent	Religion principale	Population (≈2025)	JO Hiver
Argentine	Am. Sud	Christianisme	46 M	✅
Égypte	Afrique	Islam	118 M	❌
Norvège	Europe	Christianisme	5.6 M	✅
Indonésie	Asie	Islam	286 M	❌
Inde	Asie	Hindouisme	1.46 B	✅
Maroc	Afrique	Islam	37 M	✅
Afrique du Sud	Afrique	Christianisme	64.7 M	❌

Consigne : Encoder les informations selon l’ordre d’importance attribué à votre groupe.