Causa ed effetto: esplorando la psicologia del colore

I colori e le emozioni sono strettamente collegati in modi che i designer digitali stanno solo iniziando a capire e sfruttare, il che ha senso se si considera che il colore nel design (in particolare giornali e riviste) si è davvero diffuso solo nell'ultimo mezzo secolo circa .

Eppure, l'impatto psicologico del colore sul comportamento degli utenti è significativo. Qualcosa di semplice come cambiare il colore di un pulsante può aumentare il comportamento desiderato di percentuali doppie, anche triple. Trascurare questa componente vitale della progettazione dell'esperienza utente è un enorme errore che può essere facilmente evitato con un po' di istruzione e ricerca.

Cos'è la psicologia del colore?

Ci sono stati pochi studi scientifici rigorosi sugli effetti psicologici del colore. Eppure la psicologia del colore è un punto focale importante del branding e di altre discipline di design. La maggior parte degli studi sugli effetti del colore sono stati condotti per ragioni pratiche e consistono principalmente in prove aneddotiche e casi di studio di singole aziende e designer.

Chiedi ai designer, tuttavia, se considerano gli effetti psicologici del colore sul comportamento umano e la stragrande maggioranza di loro affermerà di sì. Trascurare la psicologia del colore è un modo rapido per garantire un'esperienza utente scadente e ridurre il tasso di conversione di un sito Web o di un'app.

Perché il colore influisce sulle emozioni

Perché i colori influenzano il modo in cui le persone si sentono non è semplice. Ci sono una serie di elementi che possono influenzare il modo in cui una persona si sente quando esposta a un determinato colore. Un fattore importante è l'associazione personale con un colore. Se il peluche preferito di una persona da bambino era blu, ad esempio, allora potrebbe avere una preferenza per il blu per tutta la vita. Oppure, all'estremo opposto dello spettro, se da bambini venissero investiti da un'auto blu, potrebbero avere una forte reazione emotiva negativa al colore blu.

Tuttavia, a causa delle esperienze umane universali, è possibile prevedere come la maggior parte delle persone risponderà a un determinato colore. Ad esempio, il verde è spesso associato alla natura e alla crescita perché la maggior parte delle persone ha assistito alla crescita delle piante. Il blu è quasi universalmente calmante perché è associato a cose come il cielo e l'acqua.

Altri effetti sono culturali. Il viola, ad esempio, è ancora associato al lusso a causa del fatto che la tintura viola era proibitiva e rara in molte culture antiche, e quindi usata solo dai reali. Non è un'associazione naturale, di per sé, ma è stata una parte significativa dello zeitgeist culturale abbastanza a lungo da essere diventata parte della psiche umana.

Effetto del colore sulle prestazioni

Non sono solo l'umore e le emozioni che il colore può influenzare. Può anche influenzare le prestazioni in modi molto reali.

Ad esempio, in uno studio pubblicato sul Journal of Experimental Psychology, i ricercatori hanno scoperto che il colore rosso influiva negativamente sulle prestazioni di un test. Quando ai partecipanti è stato assegnato un numero partecipante rosso (anziché verde o nero), hanno ottenuto risultati peggiori del 20% nei test rispetto ai loro coetanei. Questa è una differenza significativa e può essere utilizzata per influenzare l'esperienza dell'utente.

Ciò non significa che il rosso ostacolerà sempre le prestazioni. In uno studio sulle prestazioni atletiche, le divise rosse sembrano dare un vantaggio. Durante le Olimpiadi del 2004, agli atleti che gareggiavano in quattro diversi sport (wrestling greco-romano, wrestling freestyle, boxe e taekwondo) sono state fornite casualmente divise blu o rosse o indumenti protettivi. Gli atleti vestiti di rosso hanno vinto in 19 delle 29 classi di peso. E studi simili tra partite di calcio hanno mostrato un vantaggio simile per le squadre che indossano divise rosse.

Ciò potrebbe essere spiegato dalle connotazioni storiche del rosso con aggressività e rabbia. O le divise rosse fanno sentire più aggressivi chi le indossa o, in alternativa, le divise rosse intimidiscono maggiormente i loro avversari e quindi influiscono negativamente sulle loro prestazioni. In ogni caso, i risultati sono significativi.

Significati dei colori

Ogni colore è associato a diverse emozioni. L'uso del colore nel design può influenzare le emozioni e gli stati d'animo delle persone che visualizzano quelle tavolozze di colori. L'uso saggio dei colori può migliorare l'esperienza dell'utente e aumentare i comportamenti desiderati (compresi i tassi di conversione) in modo significativo.

Colori caldi

I colori caldi includono sfumature di rosso, arancione e giallo. In generale, questi colori sono energici e attivi, con connotazioni relativamente positive.

Rosso: il rosso è associato alla passione, all'amore e alla lussuria. Può anche essere associato ad avvertimenti e pericoli, o addirittura a rabbia (da cui il termine “vedere rosso”). Il rosso può anche avere un impatto fisiologico sulle persone, incluso l'aumento della respirazione e della frequenza cardiaca.

Arancio: L'arancione è energico e positivo. La sua associazione con le foglie autunnali e le transizioni stagionali può anche far pensare alle persone al cambiamento quando lo vedono. L'arancione è anche associato agli avvisi, sebbene in modo meno forte del rosso.

Giallo: il giallo è considerato la tonalità più felice nello spettro dei colori ed è strettamente associato al sole e alla speranza. Tuttavia, può anche essere collegato con cautela e codardia.

Colori fantastici

I colori freddi includono sfumature di blu, verde e viola. In generale, i colori freddi sono più calmi e rilassati rispetto ai colori caldi, sebbene tinte specifiche possano avere proprietà diverse.

Blu: il blu è calmante e rappresenta anche l'onestà e la lealtà (da qui la sua popolarità in così tante combinazioni di colori del marchio aziendale). Il blu può essere associato a tristezza e perdita, a seconda del contesto. È anche legato alla pace e persino alla spiritualità.

Verde: il verde può rappresentare nuovi inizi e crescita, così come la natura. Ha alcune delle proprietà energizzanti del giallo, mentre trasporta anche alcuni degli effetti calmanti del blu. Il verde è associato alla ricchezza, al denaro e alla stabilità, in particolare nelle tonalità più scure.

Viola: il viola è stato a lungo associato al lusso e alla regalità, ma anche al mistero e all'occulto. I viola più chiari, come la lavanda, sono più romantici e associati alla primavera.

Neutri

I colori neutri spesso assumono le caratteristiche degli altri colori in una tavolozza e possono essere usati per rafforzare tali influenze. I neutri di base includono nero, bianco, grigio, marrone e beige.

Nero: il nero è elegante e sofisticato, ma può anche essere triste e rappresentativo della morte e del lutto.

Bianco: il bianco è puro e innocente e spesso legato alla pulizia. Sebbene in alcune culture possa anche essere associato alla morte.

Grigio: il grigio può essere considerato sofisticato e potente, ma può anche risultare noioso se usato nel modo sbagliato. È uno dei neutri più flessibili, poiché può essere visto come caldo o freddo, tradizionale o moderno.

Marrone: il marrone è solido e affidabile e può essere associato alla natura a seconda del contesto in cui viene utilizzato.

Beige: il beige può essere caldo o freddo a seconda dei colori utilizzati intorno ad esso. È generalmente conservativo e può assumere il calore del marrone o il freddo del bianco. Assume il significato dei colori che lo circondano e spesso sfuma in secondo piano, aggiungendo di per sé poca influenza psicologica.

Differenze culturali

Un'area in cui i designer devono prestare particolare attenzione nel loro lavoro è considerare le differenze culturali nel significato del colore. Ad esempio, nella maggior parte delle culture occidentali, il bianco è associato all'innocenza e il nero è associato alla morte e al lutto. Ma in altre culture, in particolare in Cina, Giappone, Corea e altri paesi asiatici, il bianco è associato alla morte, al lutto e persino alla sfortuna.

È importante considerare da dove provengono gli utenti di un prodotto. Se la maggior parte degli utenti di un determinato sito proviene dall'Indonesia, ad esempio, utilizzare il verde sarebbe una cattiva idea. Ma se provengono dal Medio Oriente, il verde è associato a fortuna, ricchezza e fertilità, che potrebbero essere esattamente il tipo di messaggio desiderato.

Prendersi del tempo per ricercare gli esatti significati culturali dei colori prima di impegnarsi in una tavolozza di colori è un passo importante nel processo di progettazione dell'esperienza utente e non può essere trascurato. Non solo per le differenze culturali, ma anche per gli effetti significativi che il colore può avere sul comportamento degli utenti.

Sottili modifiche hanno un enorme impatto

Apportare modifiche anche sottili a una tonalità esatta può avere un grande impatto sul modo in cui gli utenti percepiscono quel colore. Ad esempio, il blu navy è considerato leale e tradizionale, mentre il blu brillante può essere moderno ed energico e l'azzurro può essere calmante e pacifico. Sono tutti "blu", ma l'effetto dell'aggiunta di nero o bianco per cambiare il colore specifico è molto significativo.

Lo stesso vale per come si combinano i colori. Il rosso e il verde sono colori complementari sulla ruota dei colori e usarli uno accanto all'altro può creare un effetto vibrante che è molto sgradevole alla vista. Ma se schiarisci il rosso in rosa e rendi il verde più un tono gioiello, diventa una tavolozza di colori sorprendente e inaspettata, immediatamente memorabile e visivamente accattivante.

In che modo il colore influisce sul comportamento dei consumatori

Il colore può influire sulle prestazioni, come già accennato, ma può anche influenzare il comportamento generale degli utenti. Sono stati condotti innumerevoli casi di studio confrontando l'efficacia delle diverse scelte di colore su cose come gli inviti all'azione.

HubSpot ha condotto un case study sull'effetto del passaggio del colore di un pulsante da verde a rosso sul sito Web di Performable e ha ottenuto risultati molto conclusivi. La reazione istintiva di un designer potrebbe essere che il verde funzionerebbe meglio, poiché è associato a "vai" mentre il rosso è associato a "stop" e potrebbe far fermare le persone prima di fare clic. Ma i risultati dicevano il contrario: il pulsante rosso ha sovraperformato il verde del 21%. In altri casi di studio, però, il verde supera significativamente il giallo o l'arancione.

Il design del logo è un'altra area in cui la scelta del colore è incredibilmente importante. I marchi pagano agli specialisti migliaia (e talvolta milioni) di dollari per trovare esattamente la tonalità giusta per il loro marchio, quella che evochi i sentimenti e le azioni corretti dai loro clienti e allo stesso tempo si distingua dalla concorrenza nel loro settore (e il "giusto ” l'importo dipende spesso dal settore specifico).

Il punto chiave qui è che il colore utilizzato in un design ha un effetto significativo sul comportamento dell'utente, ma il contesto in cui viene utilizzato il colore è un fattore importante in questo. I pulsanti, ad esempio, dovrebbero distinguersi dagli elementi di design circostanti senza entrare in conflitto con essi (un'area in cui l'utilizzo di un colore complementare è un'ottima idea, come l'utilizzo di un pulsante rosso quando gran parte del design include il verde).

Conclusione

Gli aspetti principali di tutto ciò sono che il colore è una parte vitale della creazione di esperienze utente positive e che non esiste un'unica tavolozza di colori giusta per una determinata applicazione. Questo è il motivo per cui testare i progetti con utenti reali è una parte fondamentale della creazione di una tavolozza di colori ottimizzata per i casi d'uso specifici che durerà. Un pulsante verde potrebbe generare grandi conversioni rispetto a un pulsante giallo in un contesto, ma un pulsante rosso potrebbe sovraperformare entrambi in un altro.

Ulteriori letture sul blog di Toptal Design:

• Uno spettro di possibilità: la guida ai colori dell'interfaccia utente Go-To
• Il ruolo del colore nella UX
• UI scure. Il buono e il cattivo. Cose da fare e da non fare.
• I principi del design e la loro importanza
• I 10 risultati UX utilizzati dai migliori designer