oct 25

Bien utiliser les couleurs pour Internet

N.B : J’avais déjà publié ce billet lors d’une version précédente de netbulle, et suite à vos demandes nombreuses, je le republie dans son intégralité.

Les couleurs, sujet délicat sur le web, car il ne s’agit certainement pas d’une science exacte, mais qui peut tout de même faire l’objet d’une définition d’un certain nombre de grands principes pour ne pas trop s’égarer. On utilise souvent les couleurs sans bien connaître la façon dont le public y réagit, les mémorise ou les interprète.

Le “sens” des couleurs

Les couleurs n’ont pas de sens universel ou de signification intrinsèque. Certes, elles s’en voient parfois attribuer certains dans des contextes particuliers : par exemple, on associe souvent le rouge à “Danger” ou à “Stop” et le vert au message inverse, mais cette interprétation subjective dépend principalement de notre culture et surtout des circonstances.

Pour le reste, la signification des couleurs, quand elle existe, demeure vague et n’est pas reconnue de façon identique par des personnes de cultures et d’expériences différentes. Par conséquent, si un code couleur veut faire sens, il doit être mémorisé ! Et le processus de mémorisation est long et gênant. Il vaut mieux l’éviter aux utilisateurs.

Faut-il alors croire à l’utilité des couleurs dans une application web ?

L’esprit humain sait très bien reconnaître, à défaut de mémoriser. Les couleurs peuvent contribuer fortement à la mise au point d’une structure de repérage claire, qui facilitera l’orientation et l’interprétation, allégeant d’autant sa charge mentale.

Usage des couleurs

Les couleurs ne doivent intervenir qu’en soutien d’une mise en page, à l’appui d’autres éléments graphiques clairement signifiants.

Les codes couleurs définis dans la charte graphique doivent, dans la mesure du possible, toujours être respectés par les concepteurs pour garantir la clarte et l’homogénéité des applications. Un code non respecté n’est plus un code par définition. Les concepteurs devraient toujours avoir à l’esprit les 3 réflexes suivants :

• Ne jamais utiliser les couleurs dans un rôle différent de celui que leur attribue le code.
• Toujours employer les couleurs codées si elle s’applique à la place d’une couleur neutre : ne pas utiliser une couleur codée alors qu’elle est requise, c’est lui dénier sa fonction signifiante même si on la remplace par une couleur libre de tout code.
• Utiliser les couleurs avec parcimonie, pour que les codes s’expriment dans un univers visuel non parasité. En somme, évitez les sapins de noël, ce n’est pas en utilisant de multiples couleurs que vous rendrez le site plus vivant.

L’essentiel reste que le code soit clairement vu et compris comme tel par tous les utilisateurs (inconsciemment ou consciemment), et qu’il soit utilisé de façon identique dans toutes les parties du site web avec une application précise.