Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier...
-
Upload
caroline-michaud -
Category
Documents
-
view
107 -
download
0
Transcript of Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier...
![Page 1: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/1.jpg)
L’ergonomie des documents techniques
Cours Ergonomie des Interactions Personne-Machine
25 janvier 2006
Présentation réalisée par Mireille Bétrancourt
TECFATechnologies pour la
Formation et l’Apprentissage
Faculté de Psychologie et de Sciences de l’Education
![Page 2: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/2.jpg)
Recommandations ergonomiques
Pour la conception de documents plus faciles à utiliser
Pour l’évaluation
![Page 3: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/3.jpg)
Quel enjeu ?
Le format de présentation participe à la constructiond ’une représentation de ce que dit le texte
Attention
Produit corrosif
Eviter le contact avec la peau et les yeux.
ATTENTION
Produit corrosif
Eviter le contact avec la peau et les yeux.
![Page 4: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/4.jpg)
Un peu de théorie...
![Page 5: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/5.jpg)
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.
Comprendre un texte
Que fait le piston lorsque l’on tire la poignée ?
Que se passe-t-il si la valve de sortie reste ouverte ?
Comment se fait-il que l’air entrant ne sorte pas ?
![Page 6: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/6.jpg)
MdT
MLT
Représentation de la situation
NouvellesConnaissances Connaissances
référentielles
Buts
Activitémétacognitive
Représentations du texte
Compétence linguistique
![Page 7: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/7.jpg)
Les actes de langageSearle, Austin
locutoire
illocutoire
perlocutoire
L demande si j ’ai l’heure
L veut savoir l’heure
L souhaite que je lui donne l’heure
Vous avez l’heure ?
![Page 8: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/8.jpg)
Les actes de langageSearle, Austin
locutoire
illocutoire
perlocutoire
Vous avez l’heure ?
16h25 !
L demande si j ’ai l’heure
L veut savoir l’heure
L souhaite que je lui donne l’heure
![Page 9: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/9.jpg)
Les actes de langageSearle, Austin
locutoire
illocutoire
perlocutoire
Vous avez l’heure ?
Oui.
L demande si j ’ai l’heure
![Page 10: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/10.jpg)
La mise en forme du document
M + K => S
M = mise en forme du message
K = connaissances des lecteurs sur le domaine
S = signification que l ’auteur veut transmettre
David (1985)
![Page 11: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/11.jpg)
Les dispositifs non linguistiques de mise en forme du texte
![Page 12: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/12.jpg)
Méthodologie d’investigation
Etude expérimentale de performances
Exploration de mouvements oculaires
Etude d’utilisabilité sur panel d’utilisateurs
![Page 13: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/13.jpg)
La densité d’information
Quantité d ’espace : 20 à 40% sur papier, 40 à 60% sur écran
Longueur des lignes : 50 à 70 caractères
Ce produit est trèsirritant, évitez de l ’inhaler.
Ce produit est très irritant, Évitez de l ’inhaler.
![Page 14: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/14.jpg)
La typographie
Sur écran choisir des polices sans sérif (Arial, Helvetica, Geneva par exemple)
Elles sont plus lisibles que les polices avec sérif.
Gras, italique : ralentissent la lecture
MAJUSCULES : MOINS LISIBLES QUE MINUSCULES
Majuscules : moins lisibles que minuscules
![Page 15: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/15.jpg)
La typographie
L ’œil lit le haut des lettres.
L ’œil lit le haut des lettres.
L ’OEIL LIT LE HAUT DES LETTRES
![Page 16: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/16.jpg)
Attention à l ’utilisation de couleurs !
Utilisation de la couleur
Éviter les combinaisons rouge/bleu
effet de battement insupportable
effet de battement insupportable
Lisibilité maximale : caractères noirs sur fond blanc, ou en tout cas foncés sur fond clair.
Au niveau physiologique :
C ’est plus lisible que blanc sur fond noir.
![Page 17: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/17.jpg)
Attention à l ’utilisation de couleurs !
Utilisation de la couleur
Ressources sur le Web :
Voir la page http://tecfa.unige.ch/themes/FAQ-FL/colortester/color-links.html
Au niveau physiologique :
Appli interactive Colortester
![Page 18: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/18.jpg)
Utilisation de la couleur (2)
Se limiter à un nombre réduit de couleurs (7 maximum),faciles à distinguer
Utiliser la couleur pour coder de l ’information
Consistance du choix de couleur sur tout le document
Le choix des couleurs doit être consistant avec leur signification commune.
Au niveau cognitif :
![Page 19: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/19.jpg)
Utilisation de la couleur (2)
Se limiter à un nombre réduit de couleurs (7 maximum), faciles à distinguer
Utiliser la couleur pour coder de l ’information
Consistance du choix de couleur sur tout le document
Le choix des couleurs doit être cohérent avec leur significationcommune.
Au niveau cognitif
![Page 20: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/20.jpg)
Les attributs vidéo
Effet de flash
Inverse vidéoInverse vidéo
Effet de flash
clignotement
![Page 21: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/21.jpg)
Comment mettre une information en avant ?
Young & Wogalter, 1990
Risque d ’explosion : tenir éloigné des flammes.
Risque d ’explosion : tenir éloigné des flammes.
Risque d ’explosion : tenir éloigner des flammes.
Risque d ’explosion : tenir éloigner des flammes.
1
2
3
4
![Page 22: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/22.jpg)
Comment mettre une information en avant ?
ajouter un cadre de couleur différente
augmenter l ’interlignage
enrichissement typographique : taille > gras > italique
ajouter une icône simple ou une animation
L'écrit est particulièrement touché par les bouleversements induits par les technologies de
l'information dans tous les domaines de l'activité humaine, qu'il s'agisse du travail, de la vie
sociale, de la recherche ou de la création artistique.
L'écriture est l'une des plus anciennes technologies culturelles.Ses interrelations avec les structures sociales. Ses incidences sur le développement de la
pensée abstraite, ses effets sur le fonctionnement de la mémoire ont été étudiés depuis
longtemps.
Images fixes et animées
Certains vont jusqu'à prédire la disparition à courte échéance de l'écrit par obsolescence
complète de l'écriture et de la lecture ; d'autres, d'une manière moins radicale, anticipent son
cantonnement à la seule lecture, la prise en charge de la production de la trace matérielle
étant entièrement dévolue à des dispositifs techniques.
Appel à propositions
L'appel à propositions est plus particulièrement centré sur deux thématiques complémentaires.
![Page 23: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/23.jpg)
Les fenêtres ponctuelles
![Page 24: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/24.jpg)
Les fenêtres ponctuelles
Ceci est une fenêtre ponctuelle qui s ’active dynamiquement lorsque la souris entre dans une zone sensible
![Page 25: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/25.jpg)
Les fenêtres ponctuelles
Les atouts
diminution de la charge présente sur l ’écran
introduit plusieurs niveaux de lecture
flexibilité par rapport au niveau d ’expertise
![Page 26: Lergonomie des documents techniques Cours Ergonomie des Interactions Personne-Machine 25 janvier 2006 Présentation réalisée par Mireille BétrancourtMireille.](https://reader036.fdocument.pub/reader036/viewer/2022062404/551d9db6497959293b8daf71/html5/thumbnails/26.jpg)
Principes généraux
Utiliser un codage redondant
Préserver l’homogénéité
Deux règles d ’or
Toute variation de mise en forme sera interprétée !
On ne pense pas le document sur écran comme sur papier
Deux règles d ’or