Influence avec le design - Un guide de la couleur et des émotions

Voir rouge. Avoir le blues. Vert de jalousie.

Les idiomes populaires montrent que les gens ont longtemps associé les couleurs aux émotions qu'elles évoquent. Les gens associent le rouge à la colère (ou à la luxure), le bleu à la dépression et, depuis au moins l'époque de Shakespeare, le vert à la jalousie. (Il a fait référence à la couleur verte en relation avec la jalousie au moins trois fois dans ses œuvres.)

Les concepteurs UX peuvent utiliser la couleur à bon escient afin d'influencer les émotions des gens ainsi que leur comportement réel. La couleur a le plus grand effet sur la façon dont les gens perçoivent les conceptions, mais trop de designers ne consacrent pas le temps et les efforts nécessaires pour créer correctement des palettes de couleurs pour leurs projets.

Cela entraîne beaucoup d'efforts inutiles et des palettes de couleurs qui n'influencent pas nécessairement une réponse souhaitable à un produit. Et dans le pire des cas, les couleurs peuvent rebuter les gens même lorsque tout le reste d'un design est optimisé.

Existe-t-il des couleurs positives et négatives ?

Il existe une idée commune selon laquelle certaines couleurs sont intrinsèquement positives ou négatives. Le plus souvent, les couleurs chaudes (jaune, rouge et orange) sont considérées comme positives, tandis que les couleurs froides (bleu, vert et violet) sont considérées comme négatives.

Pourtant, ces associations ne sont pas des règles strictes et rapides. Par exemple, le rouge (une couleur chaude) peut évoquer des sentiments de rage ou de danger (pensez au monologue de Holly Golightly sur les "méchants rouges" dans Breakfast at Tiffany's ), tandis que le vert (une couleur froide) peut évoquer des sentiments de croissance et de nouveaux départs. C'est l'une des raisons pour lesquelles la psychologie des couleurs et la théorie des couleurs sont si complexes. Il existe des facteurs apparemment infinis qui peuvent influencer la façon dont une couleur est perçue et comment elle affecte le comportement et la pensée humaine.

Les différences culturelles peuvent également avoir un effet profond sur la signification des couleurs. Dans de nombreuses cultures occidentales, le blanc est largement associé à la pureté et à la paix, et pourtant dans certains pays asiatiques, le blanc est associé à la mort et au deuil.

Il est essentiel que les concepteurs fassent attention à la façon dont les couleurs de leurs palettes fonctionnent en harmonie les unes avec les autres et à la façon dont chaque couleur influence les autres autour d'elle.

Effets psychologiques des couleurs

Les couleurs chaudes ont tendance à être vivifiantes et vives. Ils sont généralement énergisants et peuvent ajouter de la vie à un design. Plutôt que de se fondre dans l'arrière-plan, les couleurs chaudes "apparaissent" sur l'écran ou la page et tendent à être au premier plan d'un design.

Une chose intéressante à noter avec les couleurs chaudes est que deux des trois couleurs primaires (rouge et jaune) sont chaudes, l'orange, une couleur secondaire, étant une combinaison des deux. Cela signifie que pour la plupart, les couleurs chaudes sont purement chaudes, c'est-à-dire primaires, et ne peuvent pas être mélangées à d'autres couleurs.

Les couleurs froides sont plus susceptibles que les couleurs chaudes d'être perçues comme calmes. Ce n'est pas toujours le cas, d'autant plus que le vert et le violet, qui sont des couleurs secondaires, sont créés en combinant une couleur primaire froide (bleu) avec une couleur chaude (jaune pour créer du vert et rouge pour créer du violet). Cela signifie que même si ces teintes sont considérées comme « froides », elles peuvent prendre certaines des caractéristiques de leurs aspects chauds.

Le vert, particulièrement les versions plus claires et lumineuses, peut être associé à la vie et à l'énergie positive. Le violet, surtout lorsqu'il est plus brillant (comme le fuschia) ou plus clair (comme la lavande), peut être une couleur très vive.

Les couleurs neutres (marron, beige, gris, blanc et noir) ont tendance à adopter les caractéristiques des couleurs avec lesquelles elles sont combinées, bien qu'elles puissent également atténuer ou renforcer ces effets. Par exemple, combiner des couleurs chaudes avec du blanc peut créer un design qui semble plus léger (en termes de poids, pas seulement en termes de dynamisme global) et insouciant. Combiner ces mêmes couleurs chaudes avec du noir peut les rendre plus intenses et dramatiques. Combiner des couleurs froides avec du noir peut les rendre plus mystérieuses, tandis que les combiner avec du blanc peut les rendre plus apaisantes et détendues.

Effet de la couleur sur le comportement du consommateur

La couleur peut affecter l'humeur ou les pensées d'une personne, mais peut-elle également affecter son comportement ?

Oui absolument.

Les spécialistes du marketing se sont longtemps appuyés sur la couleur pour inciter les consommateurs à prendre certaines mesures. C'est pourquoi les panneaux dans les vitrines des magasins destinés à attirer l'attention des passants sont souvent jaunes et les prix de vente sont souvent indiqués en rouge.

Bon nombre de ces choix reposent davantage sur la tradition que sur la science exacte, mais cela a à son tour créé une attente chez les consommateurs. Lorsqu'ils voient un prix rouge, ils supposent que tout ce qu'ils regardent est en solde ou en liquidation. Lorsqu'ils voient un panneau jaune dans une vitrine, ils prennent un moment pour le lire car ils s'attendent à ce qu'il contienne des informations pertinentes (le jaune est l'une des couleurs les plus visibles à l'œil humain, il attire donc naturellement l'attention).

Voici un bref aperçu de la façon dont chaque teinte affecte le comportement des consommateurs (des informations plus détaillées sur l'utilisation de la couleur pour le marketing peuvent être trouvées dans cette infographie de Suyati).

• Le rouge est fortement associé à l'achat et à la vente. S'il est trop utilisé, il peut détourner certains clients.
• Orange peut être utilisé pour les appels à l'action, mais peut également être irritant s'il est surutilisé. C'est pourquoi on ne le voit pas souvent en dehors des logos ou des couleurs d'accent.
• Le jaune attire l'attention et attire l'attention des consommateurs.
• Le vert est facilement traité par l'œil humain et est donc souvent utilisé pour créer une sensation de détente. Il est également fortement associé à l'argent et à la chance.
• Le bleu est la couleur préférée du monde, il n'est donc pas surprenant qu'il soit largement utilisé dans les communications de toutes sortes. Il est également fortement associé à la loyauté, à l'honnêteté et au pouvoir, ce qui en fait un choix populaire pour les grandes entreprises et les entreprises des secteurs plus conservateurs (comme la banque et l'assurance).
• Le violet est largement utilisé dans l'industrie des produits de beauté, bien qu'il soit également associé aux produits de luxe (comme Asprey, qui a même nommé son parfum signature Purple Water).
• Le noir est généralement sophistiqué et élégant lorsqu'il est utilisé en marketing. Il est largement utilisé dans les communications dans la plupart des industries.
• Le blanc est souvent associé à la propreté et est donc populaire dans le secteur de la santé. Il est également utilisé dans l'industrie technologique en raison de son association avec la simplicité.
• Le gris est également associé à la simplicité et est souvent utilisé par les spécialistes du marketing pour calmer et apaiser les consommateurs.

Encore une fois, l'effet de chaque couleur individuelle sur le comportement des consommateurs est fortement influencé par la manière dont elle est utilisée ainsi que par le contexte du contenu.

Créer des palettes de couleurs émotionnellement puissantes

De nombreux designers UX pensent que certaines couleurs « ne peuvent pas » être utilisées dans certaines situations. Ce genre de pensée est dépassé et n'a pas sa place dans le design moderne.

Regardons la couleur Pantone de l'année 2019 : Living Coral. Il s'agit d'une teinte forte, que de nombreux designers pourraient hésiter à utiliser pour de nombreux projets. (Remarque : je ne préconise pas de sauter dans ce train en marche juste pour suivre les tendances, mais c'est un bon point de départ pour une expérience.)

Après tout, quelle place occupe Living Coral sur quelque chose comme un site Web bancaire ou un site Web vendant des costumes pour hommes (bien que des accessoires pour les hommes là-bas qui peuvent porter un costume de corail) ? Mais voici des palettes de couleurs qui pourraient être utilisées pour une variété d'industries qui intègrent Living Coral, juste pour prouver que presque toutes les couleurs peuvent être utilisées pour n'importe quel projet souhaité par un designer lorsqu'elles sont utilisées dans le bon contexte.

Vous ne savez pas en quoi cela est utile ? Pensez aux clients qui viennent voir un designer avec un projet et insistent pour qu'une «couleur de marque» particulière soit utilisée, même si cette couleur est hideuse.

Voici quatre exemples de palettes de couleurs qui intègrent Living Coral, adaptées à une variété d'industries.

Quatre palettes différentes, quatre sensations totalement différentes. Le même type d'expérience pourrait être fait autour de pratiquement n'importe quelle couleur.

Une autre façon d'incorporer des couleurs apparemment inharmonieuses dans un design consiste à modifier la valeur de la teinte en y ajoutant du noir, du gris ou du blanc.

Créer une couleur plus discrète (ajouter du gris) la rendra plus détendue. L'ajout de noir pour assombrir une couleur lui donne un aspect plus traditionnel ou conservateur. L'ajout de blanc pour éclaircir les couleurs leur donne une sensation plus innocente et paisible.

L'une des parties les plus négligées de la théorie des couleurs est la capacité d'un designer à faire confiance à son instinct. La couleur est très subjective et, bien qu'il existe certaines directives, c'est encore un domaine de conception relativement peu étudié.

Les concepteurs doivent suivre leur instinct en essayant diverses palettes de couleurs et idées, puis effectuer des tests auprès des utilisateurs pour prouver si leur instinct était correct ou non. Les tests utilisateurs, les tests A/B et d'autres méthodes de collecte de données sur l'efficacité de diverses palettes de couleurs sont inestimables dans la création des conceptions finales.

Conclusion

La relation entre la couleur et l'émotion est l'un des aspects les plus importants d'un bon design UX. La bonne palette de couleurs encourage les gens à prendre des mesures sur un site ou avec une application que les concepteurs souhaitent qu'ils prennent, tandis qu'une mauvaise palette peut détourner les visiteurs avant qu'ils ne prennent la moindre mesure.

Choisir la bonne palette de couleurs est à la fois un art et une science. Lorsqu'il s'agit de concevoir une palette initiale, les concepteurs doivent suivre leur instinct ainsi que les recherches disponibles, puis tester et retester pour garantir que la palette de couleurs renforce l'objectif général de la conception.

•••

Pour en savoir plus sur le blog Toptal Design :

• Un spectre de possibilités : le guide des couleurs de l'interface utilisateur
• La psychologie du design et les neurosciences de l'expérience utilisateur impressionnante
• Cause et effet - Explorer la psychologie des couleurs
• Design for Emotion pour augmenter l'engagement des utilisateurs
• Le rôle de la couleur dans l'UX