La couleur dans les jeux : contraste, sens et émotion

La revue d’Andrew Elliot et Markus Maier dans l’Annual Review of Psychology est un bon correctif à la psychologie des couleurs grand public. Elle montre que la couleur peut porter un sens important et influencer les émotions, la pensée et le comportement, une grande partie des preuves venant de contextes liés à la réussite et à l’attirance. Elle prévient aussi que le domaine en est à ses débuts : les premiers travaux souffraient de problèmes méthodologiques, et il faudra beaucoup plus de recherches sur les conditions limites et la généralisation au monde réel avant que des recommandations fortes soient justifiées.

Pour les concepteurs de jeux, cela invite à l’humilité. Les affirmations populaires sur telle ou telle couleur devancent souvent de loin ces preuves, et très peu de ces données ont été recueillies pendant que les gens jouaient réellement, si bien que l’appel de la revue à étudier des situations réelles s’applique au game design avec une force particulière. La couleur est un vrai levier, mais des affirmations comme « cette nuance de bleu réduit le stress » doivent être traitées comme des hypothèses à tester avec vos propres joueurs, pas comme des règles.

Sources1Source 1Elliot, A. J., & Maier, M. A. (2014). Color psychology: Effects of perceiving color on psychological functioning in humans. Annual Review of Psychology, 65, 95–120.

Le sens des couleurs est-il universel ou appris ? Domicele Jonauskaite et une vaste équipe internationale ont demandé à 4 598 personnes dans 30 pays, parlant 22 langues, d’associer 20 concepts émotionnels à 12 termes de couleur. Les schémas étaient remarquablement semblables d’un pays à l’autre, avec une similarité moyenne de r = 0,88. Pourtant, le pays d’origine d’une personne prédisait encore ses associations au-delà du schéma universel, et la similarité était plus forte entre pays proches par la langue ou la géographie.

Bonne nouvelle pour un jeu joué dans le monde entier : les grands sens des couleurs voyagent bien. Les différences locales sont une raison de doubler les sens importants par une forme, un texte ou une position, plutôt que de compter sur la couleur pour dire la même chose à tout le monde.

Les jeux construisent aussi leur propre langage des couleurs par-dessus le langage commun. Les joueurs apprennent vite qu’une couleur donnée signifie la santé, les dégâts ou une porte verrouillée, et une fois apprises, ces significations deviennent des attentes. Les briser peut être une surprise délibérée, mais les briser par accident est une source courante de confusion. Un jeu qui utilise le rouge à la fois pour « danger » et pour « récompense » oblige le joueur à s’arrêter et à réfléchir chaque fois qu’il le voit.

Sources2Source 2Jonauskaite, D., Abu-Akel, A., Dael, N., Oberfeld, D., Abdel-Khalek, A. M., Al-Rasheed, A. S., Antonietti, J.-P., Bogushevskaya, V., Chamseddine, A., Chkonia, E., Corona, V., Fonseca-Pedrero, E., Griber, Y. A., Grimshaw, G., Hasan, A. A., Havelka, J., Hirnstein, M., Karlsson, B. S. A., Laurent, E., … Mohr, C. (2020). Universal patterns in color-emotion associations are further shaped by linguistic and geographic proximity. Psychological Science, 31(10), 1245–1260.

Erik Geslin, Laurent Jégou et Danny Beaudoin ont étudié la couleur dans les jeux eux-mêmes. Ils ont montré 24 images de jeux vidéo à 85 participants, leur ont demandé ce que chacune leur faisait ressentir, et ont comparé les réponses à des mesures de la couleur des images. La brillance, la saturation et la luminosité étaient significativement corrélées à des émotions comme la joie, la tristesse, la peur et la sérénité, de même que des mesures de la variété et du caractère accrocheur des couleurs.

L’étude mesurait des réactions à des images fixes, pas au jeu, et des corrélations de ce type ne peuvent pas prouver une cause. Mais elle donne aux concepteurs un vocabulaire plus utile que la seule teinte : la luminosité et la saturation d’ensemble d’une scène, et la variété de ses couleurs, peuvent compter autant pour son ambiance que les couleurs qu’elle contient. Les auteurs s’appuient sur leurs résultats pour proposer un « scénario chromatique émotionnel » (emotional colour scripting), qui planifie la palette d’un jeu comme un film planifie son éclairage.

Sources3Source 3Geslin, E., Jégou, L., & Beaudoin, D. (2016). How color properties can be used to elicit emotions in video games. International Journal of Computer Games Technology, 2016, 5182768.

Quand il s’agit d’être lu, le contraste l’emporte. Richard Hall et Patrick Hanna ont testé quatre combinaisons de couleurs de texte et de fond sur des pages web avec 136 participants. Les combinaisons au rapport de contraste plus élevé étaient en général plus lisibles. La couleur n’influait pas significativement sur ce que les gens retenaient, mais les couleurs préférées obtenaient de meilleures notes esthétiques.

Gordon Legge et ses collègues ont examiné de plus près le fonctionnement du contraste. Les lecteurs à la vue normale lisaient aussi vite avec un fort contraste de couleur, un texte qui ne diffère que par la teinte, qu’avec un fort contraste de luminance, la différence de clarté. Pour les lecteurs malvoyants, le contraste de luminance l’emportait à chaque fois. Une conception qui distingue les pièces uniquement par la teinte, à luminosité égale, fonctionne pour certains joueurs et en exclut d’autres. Les règles d’accessibilité du web fixent des rapports de contraste minimaux précisément pour cette raison ; l’explication du W3C sur le contraste minimum est une introduction claire.

Sources4Source 4Hall, R. H., & Hanna, P. (2004). The impact of web page text-background colour combinations on readability, retention, aesthetics and behavioural intention. Behaviour & Information Technology, 23(3), 183–195.5Source 5Legge, G. E., Parish, D. H., Luebker, A., & Wurm, L. H. (1990). Psychophysics of reading. XI. Comparing color contrast and luminance contrast. Journal of the Optical Society of America A, 7(10), 2002–2010.

Dans un puzzle de tri par couleur, la couleur n’est pas un décor ; c’est la règle. Dans OutBrick, chaque brique ne rentre que par la porte de sa couleur, et trois briques ou plus d’une même couleur alignées disparaissent : un joueur incapable de distinguer deux couleurs ne peut pas jouer. C’est pourquoi le mode daltonien est activé par défaut : chaque brique et chaque porte portent un symbole assorti, si bien que la forme porte le tri autant que la teinte. Nous expliquons ce raisonnement dans pourquoi la couleur ne doit jamais être le seul indice d’un puzzle, et la page accessibilité détaille le reste de l’accompagnement, dont VoiceOver.

Ambiance et lisibilité peuvent cohabiter si on leur confie des rôles différents. Le Voyage d’OutBrick traverse 167 villages en briques, de Cherry Blossom Town à Lavender Hills, et le décor peut changer pendant que les briques du plateau gardent leurs couleurs et leurs symboles. Pour le côté pratique de la lecture rapide d’un plateau coloré, voyez nos astuces pour les puzzles de tri par couleur. La recherche ci-dessus ajoute quelques principes valables pour tout jeu à pièces colorées :

• Distinguez les pièces par la luminosité autant que par la teinte, pour qu’elles restent distinctes en faible lumière, sur un écran fêlé ou en cas de basse vision.
• Donnez à chaque couleur un seul rôle, et gardez-le cohérent dans tout le jeu.
• Doublez chaque sens porté par une couleur d’un second indice : un symbole, une forme, une position ou une étiquette.
• Servez-vous de la saturation et de la luminosité pour l’ambiance, et gardez les pièces elles-mêmes comme l’élément le plus net à l’écran.
• Testez en niveaux de gris. Si le plateau reste lisible, les couleurs font un travail en plus, pas tout le travail.

Sources5Source 5Legge, G. E., Parish, D. H., Luebker, A., & Wurm, L. H. (1990). Psychophysics of reading. XI. Comparing color contrast and luminance contrast. Journal of the Optical Society of America A, 7(10), 2002–2010.3Source 3Geslin, E., Jégou, L., & Beaudoin, D. (2016). How color properties can be used to elicit emotions in video games. International Journal of Computer Games Technology, 2016, 5182768.