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

Recommandations ergonomiques

Pour la conception de documents plus faciles à utiliser

Pour l’évaluation

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.

Un peu de théorie...

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 ?

MdT

MLT

Représentation de la situation

NouvellesConnaissances Connaissances

référentielles

Buts

Activitémétacognitive

Représentations du texte

Compétence linguistique

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 ?

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

Les actes de langageSearle, Austin

locutoire

illocutoire

perlocutoire

Vous avez l’heure ?

Oui.

L demande si j ’ai l’heure

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)

Les dispositifs non linguistiques de mise en forme du texte

Méthodologie d’investigation

Etude expérimentale de performances

Exploration de mouvements oculaires

Etude d’utilisabilité sur panel d’utilisateurs

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.

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

La typographie

L ’œil lit le haut des lettres.

L ’œil lit le haut des lettres.

L ’OEIL LIT LE HAUT DES LETTRES

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.

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

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 :

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

Les attributs vidéo

Effet de flash

Inverse vidéoInverse vidéo

Effet de flash

clignotement

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

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.

Les fenêtres ponctuelles

Les fenêtres ponctuelles

Ceci est une fenêtre ponctuelle qui s ’active dynamiquement lorsque la souris entre dans une zone sensible

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

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