Guide du choix des couleurs
dans la création de pages écran

 

 

Une part de la fatigue visuelle ou de symptômes d'inconfort peut être attribuable à certaines caractéristiques d'une page écran. Les conseils qui suivent sont destinés à prévenir les problèmes qui peuvent survenir à des usagers qui consultent ou interagissent avec des pages écrans pendant plusieurs heures.

Règles générales à suivre

Favoriser le mode positif (fond clair avec des caractères foncés) évite les éblouissements à l'écran qui pourraient
provenir de l'ambiance lumineuse du local. Il s'agit de reproduire les contrastes d'une feuille de papier.

La surbrillance permet de mettre en évidence, un mot ou un message devant être lu en priorité,
par une brillance supérieure à ce qui l'entoure. En limiter l'usage.

L'inversion vidéo devrait être réservée aux surfaces de petites dimensions dont l'apparition est éphémère
et à des sections où la distinction des couleurs est primordiale.

Le clignotement devrait être réservé à des zones annonçant erreurs, anomalies
ou situations nécessitant une intervention rapide.

Le nombre de couleurs utilisées devrait être limité à 3 couleurs de caractères + 1 couleur de fond).
Si un plus grand nombre de couleurs est nécessaire, utiliser deux tons d'une même couleur.

 

Couleurs à privilégier

 Teintes du fond

 Caractères à privilégier

 Caractères à éviter

1er choix:

Fond clair : gris pâle
(choisir des tons différents de gris pour l'inversion vidéo)

Noir
Magenta + vert +noir

Jaune
Vert pâle ou cyan
Bleu
Rouge
Violet

2e choix:

Fond sombre: bleu foncé
(choisir des tons différents de bleu pour l'inversion vidéo)

 

Blanc
Blanc + or + vert
Cyan + jaune + lavande
Or + magenta

Noir
Rouge
Violet
Pourpre
Rouge + jaune +vert
Blanc + cyan + jaune
Vert + cyan + bleu
Rouge + magenta + bleu

Questions à se poser lors de la détermination du choix des couleurs

Est-ce que les mêmes couleurs ont la même signification dans chaque partie du programme ?

Est-ce qu'il y a des endroits où les couleurs sont utilisées pour fournir des informations essentielles ?

Y a-t-il des combinaisons de couleurs qui peuvent créer de l'inconfort ?

N.B. Dans la population environ 8% des hommes et 0,4% des femmes ont des problèmes de reconnaissance de couleurs. Si de tels repères de couleurs sont nécessaires, il est préférable d'utiliser une inversion vidéo colorée plutôt que des caractères de couleurs.

 

Outre les couleurs

L'utilisation des minuscules permet une lecture aisée et plus rapide. Le fait de retrouver des lettres ascendantes et descendantes donne une forme caractéristique qui facilite la reconnaissance du mot, et se trouve absente si le mot est écrit entièrement en majuscules
(p. ex . : Répertoire RÉPERTOIRE ; Programme PROGRAMME).

Groupage d'information : un écran est d'autant plus informatif, qu'il comporte plus de groupes d'informations et qu'il est plus structuré. Par exemple, structurer les textes en insérant des lignes de blanc et en les divisant en paragraphe de 3 à 5 lignes.

Gardez une présentation homogène d'une page écran à l'autre et si possible d'un logiciel à un autre.

Références

Cail, F. 1995. Le travail sur écran en 50 questions.
Institut National de Recherche et de Sécurité, Paris, 29 pages.

Valentin, A., Lucongsang, R. 1987. L'ergonomie des logiciels,
Agence Nationale pour l'Amélioration des Conditions de Travail,
Collection Outils et Méthodes, Montrouge, 118 pages.

 

d'après http://www.ulaval.ca/ergonomie/couleurs.html