Cause et effet - Explorer la psychologie des couleurs

Les couleurs et les émotions sont étroitement liées d'une manière que les concepteurs numériques commencent seulement à comprendre et à exploiter, ce qui est logique si l'on considère que la couleur dans le design (en particulier les journaux et les magazines) ne s'est vraiment répandue qu'au cours du dernier demi-siècle environ. .

Et pourtant, l'impact psychologique de la couleur sur le comportement des utilisateurs est important. Quelque chose d'aussi simple que de changer la couleur d'un bouton peut augmenter le comportement souhaité par des pourcentages à deux, voire trois chiffres. Négliger cette composante vitale de la conception de l'expérience utilisateur est une énorme erreur qui peut être facilement évitée avec un peu d'éducation et de recherche.

Qu'est-ce que la psychologie des couleurs ?

Il y a eu peu d'études scientifiques rigoureuses sur les effets psychologiques de la couleur. Pourtant, la psychologie des couleurs est un élément important de l'image de marque et d'autres disciplines du design. La plupart des études sur les effets de la couleur ont été réalisées pour des raisons pratiques et consistent principalement en des preuves anecdotiques et des études de cas d'entreprises et de designers individuels.

Demandez aux concepteurs, cependant, s'ils tiennent compte des effets psychologiques de la couleur sur le comportement humain et la grande majorité d'entre eux affirmeront qu'ils le font. Négliger la psychologie des couleurs est un moyen rapide d'assurer une mauvaise expérience utilisateur et de réduire le taux de conversion d'un site Web ou d'une application.

Pourquoi la couleur affecte l'émotion

Pourquoi les couleurs affectent la façon dont les gens se sentent n'est pas simple. Il existe un certain nombre d'éléments qui peuvent influencer la façon dont une personne se sent lorsqu'elle est exposée à une certaine couleur. Un facteur important est l'association personnelle avec une couleur. Si l'animal en peluche préféré d'une personne lorsqu'elle était enfant était bleu, par exemple, elle peut avoir une préférence pour le bleu tout au long de sa vie. Ou, à l'opposé du spectre, s'ils ont été heurtés par une voiture bleue dans leur enfance, ils pourraient avoir une forte réaction émotionnelle négative à la couleur bleue.

Cependant, en raison des expériences humaines universelles, il est possible de prédire comment la majorité des gens réagiront à une couleur donnée. Par exemple, le vert est souvent associé à la nature et à la croissance, car la plupart des gens ont vu pousser des plantes. Le bleu est presque universellement apaisant car il est associé à des choses comme le ciel et l'eau.

D'autres effets sont culturels. Le violet, par exemple, est toujours associé au luxe en raison du fait que le colorant violet était d'un prix prohibitif et rare dans de nombreuses cultures anciennes, et donc utilisé uniquement par la royauté. Ce n'est pas une association naturelle en soi, mais c'était une partie importante de l'air du temps culturel depuis assez longtemps pour qu'elle fasse partie de la psyché humaine.

Effet de la couleur sur les performances

Ce n'est pas seulement l'humeur et les émotions que la couleur peut affecter. Cela peut également affecter les performances de manière très réelle.

Par exemple, dans une étude publiée dans le Journal of Experimental Psychology, les chercheurs ont découvert que la couleur rouge affectait négativement les performances à un test. Lorsque les participants recevaient un numéro de participant rouge (plutôt que vert ou noir), leurs performances aux tests étaient 20 % inférieures à celles de leurs pairs. C'est une différence significative qui peut être utilisée pour influencer l'expérience utilisateur.

Cela ne signifie pas que le rouge entravera toujours les performances. Dans une étude sur les performances sportives, les uniformes rouges semblent donner un avantage. Lors des Jeux olympiques de 2004, les athlètes participant à quatre sports différents (lutte gréco-romaine, lutte libre, boxe et taekwondo) ont reçu au hasard des uniformes bleus ou rouges ou des équipements de protection. Les athlètes vêtus de rouge ont gagné dans 19 des 29 catégories de poids. Et des études similaires parmi les matchs de football ont montré un avantage similaire pour les équipes portant des uniformes rouges.

Cela pourrait s'expliquer par les connotations historiques du rouge avec l'agressivité et la colère. Soit les uniformes rouges rendent leurs porteurs plus agressifs, soit, alternativement, les uniformes rouges sont plus intimidants pour leurs adversaires et affectent donc négativement leurs performances. Dans tous les cas, les résultats sont significatifs.

Signification des couleurs

Chaque couleur est associée à des émotions différentes. L'utilisation de la couleur dans le design peut affecter les émotions et l'humeur des personnes qui regardent ces palettes de couleurs. L'utilisation judicieuse des couleurs peut améliorer l'expérience utilisateur et augmenter les comportements souhaités (y compris les taux de conversion) de manière significative.

Couleurs chaudes

Les couleurs chaudes comprennent des nuances de rouge, d'orange et de jaune. En général, ces couleurs sont énergiques et actives, avec des connotations relativement positives.

Rouge : le rouge est associé à la passion, à l'amour et à la luxure. Elle peut aussi être associée à des avertissements et à un danger, voire à de la colère (d'où le terme « voir rouge »). Le rouge peut également avoir un impact physiologique sur les gens, notamment en augmentant la respiration et le rythme cardiaque.

Orange : Orange est énergique et positif. Son association avec les feuilles d'automne et les transitions saisonnières peut également inciter les gens à penser au changement lorsqu'ils le voient. L'orange est également associée aux avertissements, bien que moins fortement que le rouge.

Jaune : Le jaune est considéré comme la teinte la plus heureuse du spectre des couleurs et est étroitement associé au soleil et à l'espoir. Cela peut aussi être lié à la prudence et à la lâcheté.

Couleurs froides

Les couleurs froides incluent des nuances de bleu, de vert et de violet. De manière générale, les couleurs froides sont plus calmes et détendues que les couleurs chaudes, bien que des teintes spécifiques puissent avoir des propriétés différentes.

Bleu : le bleu est apaisant et représente également l'honnêteté et la loyauté (d'où sa popularité dans de nombreux schémas de couleurs de marque d'entreprise). Le bleu peut être associé à la tristesse et à la perte, selon le contexte. C'est aussi lié à la paix et même à la spiritualité.

Vert : Le vert peut représenter un nouveau départ et une croissance, ainsi que la nature. Il possède certaines des propriétés énergisantes du jaune, tout en conservant certains des effets calmants du bleu. Le vert est associé à la richesse, à l'argent et à la stabilité, en particulier dans les tons plus foncés.

Violet : Le violet a longtemps été associé au luxe et à la royauté, mais aussi au mystère et à l'occultisme. Les violets plus clairs, comme la lavande, sont plus romantiques et associés au printemps.

Neutres

Les couleurs neutres prennent souvent les caractéristiques des autres couleurs d'une palette et peuvent être utilisées pour renforcer ces influences. Les neutres de base comprennent le noir, le blanc, le gris, le marron et le beige.

Noir : Le noir est élégant et sophistiqué, mais peut aussi être triste et représentatif de la mort et du deuil.

Blanc : Le blanc est pur et innocent, et souvent lié à la propreté. Bien que dans certaines cultures, il puisse également être associé à la mort.

Gris : le gris peut être considéré comme sophistiqué et puissant, mais peut également sembler ennuyeux s'il est utilisé de la mauvaise manière. C'est l'un des neutres les plus flexibles, car il peut être considéré comme chaud ou froid, traditionnel ou moderne.

Marron : Le marron est solide et fiable, et peut être associé à la nature selon le contexte dans lequel il est utilisé.

Beige : Le beige peut être chaud ou froid selon les couleurs utilisées autour de lui. Il est généralement conservateur et peut prendre la chaleur du brun ou la fraîcheur du blanc. Il prend le sens des couleurs qui l'entourent et s'estompe souvent à l'arrière-plan, ajoutant peu d'influence psychologique par lui-même.

Les différences culturelles

Un domaine où les concepteurs doivent être particulièrement prudents dans leur travail est la prise en compte des différences culturelles dans la signification des couleurs. Par exemple, dans la plupart des cultures occidentales, le blanc est associé à l'innocence et le noir est associé à la mort et au deuil. Mais dans d'autres cultures, en particulier la Chine, le Japon, la Corée et d'autres pays asiatiques, le blanc est associé à la mort et au deuil, voire à la malchance.

Il est important de considérer d'où viennent les utilisateurs d'un produit. Si la majorité des utilisateurs d'un site particulier viennent d'Indonésie, par exemple, l'utilisation du vert serait une mauvaise idée. Mais s'ils viennent du Moyen-Orient, alors le vert est associé à la chance, à la richesse et à la fertilité, ce qui pourrait être exactement le genre de message souhaité.

Prendre le temps de rechercher les significations culturelles exactes des couleurs avant de s'engager dans une palette de couleurs est une étape importante dans le processus de conception UX et qui ne peut être négligée. Non seulement à cause des différences culturelles, mais aussi à cause des effets significatifs que la couleur peut avoir sur le comportement des utilisateurs.

Des changements subtils ont un impact énorme

Apporter des modifications même subtiles à une teinte exacte peut avoir un impact important sur la façon dont les utilisateurs perçoivent cette couleur. Par exemple, le bleu marine est considéré comme fidèle et traditionnel tandis que le bleu vif peut être moderne et énergique et le bleu clair peut être apaisant et paisible. Ils sont tous "bleus", mais l'effet de l'ajout de noir ou de blanc pour changer la couleur spécifique est très significatif.

Il en va de même pour la façon dont les couleurs sont combinées. Le rouge et le vert sont des couleurs complémentaires sur la roue chromatique, et les utiliser côte à côte peut créer un effet vibrant très désagréable à l'œil. Mais si vous éclaircissez le rouge au rose et que le vert ressemble davantage à un bijou, cela devient une palette de couleurs saisissante et inattendue, immédiatement mémorable et visuellement attrayante.

Comment la couleur affecte le comportement des consommateurs

La couleur peut affecter les performances, comme déjà mentionné, mais elle peut également affecter le comportement général des utilisateurs. D'innombrables études de cas ont été réalisées pour comparer l'efficacité de différents choix de couleurs sur des éléments tels que les appels à l'action.

HubSpot a mené une étude de cas sur l'effet du changement de couleur d'un bouton du vert au rouge sur le site Web de Performable et a obtenu des résultats très concluants. La réaction viscérale d'un designer pourrait être que le vert serait plus performant, car il est associé à "go" tandis que le rouge est associé à "stop" et pourrait inciter les gens à s'arrêter avant de cliquer. Mais les résultats ont dit le contraire : le bouton rouge a surperformé le vert de 21 %. Dans d'autres études de cas, le vert surpasse cependant de manière significative le jaune ou l'orange.

La conception de logo est un autre domaine où le choix des couleurs est extrêmement important. Les marques paient des milliers (et parfois des millions) de dollars à des spécialistes pour trouver exactement la bonne teinte pour leur marque, celle qui évoque les bons sentiments et actions de leurs clients tout en se démarquant juste ce qu'il faut de leurs concurrents dans leur secteur (et la "bonne teinte"). ” le montant dépend souvent de l'industrie spécifique).

La clé à retenir ici est que la couleur utilisée dans une conception a un effet significatif sur le comportement de l'utilisateur, mais le contexte dans lequel la couleur est utilisée est un facteur majeur à cet égard. Les boutons, par exemple, doivent se démarquer des éléments de conception environnants sans les heurter (un domaine où l'utilisation d'une couleur complémentaire est une excellente idée, comme l'utilisation d'un bouton rouge lorsqu'une grande partie de la conception comprend du vert).

Conclusion

Les principaux enseignements de tout cela sont que la couleur est un élément essentiel de la création d'expériences utilisateur positives et qu'il n'existe pas de palette de couleurs unique pour une application donnée. C'est pourquoi tester les conceptions avec de vrais utilisateurs est un élément essentiel de la création d'une palette de couleurs optimisée pour les cas d'utilisation spécifiques qu'elle endurera. Un bouton vert peut être très efficace par rapport à un bouton jaune dans un contexte, mais un bouton rouge peut les surpasser tous les deux dans un autre.

Pour en savoir plus sur le blog Toptal Design :

• Un spectre de possibilités : le guide des couleurs de l'interface utilisateur
• Le rôle de la couleur dans l'UX
• Interfaces utilisateur sombres. Le bien et le mal. À faire et à ne pas faire.
• Les principes de conception et leur importance
• Les 10 livrables UX utilisés par les meilleurs designers