Influenza con il design: una guida al colore e alle emozioni

Vedere rosso. Sentendosi blu. Verde d'invidia.

I modi di dire popolari mostrano che le persone hanno a lungo associato i colori con le emozioni che evocano. Le persone associano il rosso alla rabbia (o lussuria), il blu alla depressione e, almeno dai tempi di Shakespeare, il verde alla gelosia. (Ha fatto riferimento al colore verde in relazione alla gelosia almeno tre volte nelle sue opere.)

I designer UX possono utilizzare il colore con grande efficacia per influenzare le emozioni delle persone e il loro comportamento reale. Il colore ha l'effetto maggiore sul modo in cui le persone percepiscono i progetti, ma troppi designer non dedicano il tempo e gli sforzi necessari per creare correttamente le tavolozze dei colori per i loro progetti.

Ciò si traduce in un sacco di fatica sprecata e tavolozze di colori che non stanno necessariamente influenzando una risposta desiderabile a un prodotto. E nel peggiore dei casi, i colori possono spegnere le persone anche quando tutto il resto di un design è ottimizzato.

Ci sono colori positivi e negativi?

C'è un'idea comune là fuori che alcuni colori siano intrinsecamente positivi o negativi. Molto spesso, i colori caldi (giallo, rosso e arancione) sono considerati positivi, mentre i colori freddi (blu, verde e viola) sono considerati negativi.

Tuttavia, quelle associazioni non sono regole rigide e veloci. Ad esempio, il rosso (un colore caldo), può evocare sentimenti di rabbia o pericolo (si consideri il monologo di Holly Golightly sui "rossi meschini" in Colazione da Tiffany ), mentre il verde (un colore freddo) può evocare sentimenti di crescita e nuovi inizi. Questo è uno dei motivi per cui la psicologia del colore e la teoria del colore sono così complesse. Ci sono apparentemente infiniti fattori che possono influenzare il modo in cui un colore viene percepito e come influenza il comportamento e il pensiero umani.

Le differenze culturali possono anche avere un profondo effetto sui significati del colore. In molte culture occidentali, il bianco è in gran parte associato alla purezza e alla pace, eppure in alcuni paesi asiatici il bianco è associato alla morte e al lutto.

È fondamentale che i designer prestino attenzione a come i colori nelle loro tavolozze funzionano in armonia tra loro e come ogni colore influenza gli altri che lo circondano.

Effetti psicologici dei colori

I colori caldi tendono ad essere corroboranti e vivaci. In genere sono energizzanti e possono aggiungere vita a un design. Invece di fondersi con lo sfondo, i colori caldi "spuntano" sullo schermo o sulla pagina e tendono a essere in prima linea in un design.

Una cosa interessante da notare con i colori caldi è che due dei tre colori primari (rosso e giallo) sono caldi, con l'arancione, un colore secondario, essendo una combinazione dei due. Ciò significa che per la maggior parte i colori caldi sono puramente caldi, cioè primari, e non possono essere mischiati con altri colori.

È più probabile che i colori freddi vengano percepiti come calmi rispetto ai colori caldi. Tuttavia, non è sempre così, soprattutto perché il verde e il viola, che sono colori secondari, vengono creati combinando un colore freddo primario (blu) con un colore caldo (il giallo per creare il verde e il rosso per creare il viola). Ciò significa che mentre quelle tonalità sono considerate "cool", possono assumere alcune delle caratteristiche dei loro aspetti caldi.

Le versioni verdi, particolarmente più chiare e luminose, possono essere associate alla vita e all'energia positiva. Il viola, soprattutto quando è più luminoso (come il fucsia) o più chiaro (come la lavanda), può essere un colore molto vivace.

I colori neutri (marrone, marrone chiaro, grigio, bianco e nero) tendono ad assumere le caratteristiche dei colori con cui sono combinati, sebbene possano anche attenuare o migliorare tali effetti. Ad esempio, la combinazione di colori caldi con il bianco può creare un design che appare più leggero (in termini di peso, non solo in termini di vivacità complessiva) e spensierato. La combinazione di quegli stessi colori caldi con il nero può farli apparire più intensi e drammatici. Combinare colori freddi con il nero può renderli più misteriosi, mentre combinarli con il bianco può renderli più calmanti e rilassati.

Effetto del colore sul comportamento dei consumatori

Il colore può influenzare l'umore o i pensieri di una persona, ma può anche influenzare il suo comportamento?

Si assolutamente.

I marketer si affidano da tempo al colore per influenzare i consumatori a intraprendere determinate azioni. Ecco perché i cartelli nelle vetrine dei negozi destinati ad attirare l'attenzione dei passanti sono spesso gialli e i prezzi di vendita sono spesso indicati in rosso.

Molte di queste scelte si basano più sulla tradizione che sulla scienza scientifica, ma ciò a sua volta ha creato aspettative tra i consumatori. Quando vedono un prezzo rosso, presumono che qualunque cosa stiano guardando sia in vendita o in liquidazione. Quando vedono un cartello giallo in una finestra, si prendono un momento per leggerlo perché si aspettano che contenga informazioni pertinenti (il giallo è uno dei colori più visibili all'occhio umano, quindi attira naturalmente l'attenzione).

Ecco una breve carrellata di come ogni tonalità influenza il comportamento dei consumatori (informazioni più dettagliate sull'uso del colore per il marketing sono disponibili in questa infografica di Suyati).

• Il rosso è fortemente associato all'acquisto e alla vendita. Se usato troppo pesantemente, può allontanare alcuni clienti.
• L'arancione può essere utilizzato per inviti all'azione, ma può anche essere irritante se abusato. Questo è il motivo per cui non si vede spesso al di fuori dei loghi o dei colori accentati.
• Il giallo attira l'attenzione e cattura l'attenzione dei consumatori.
• Il verde è facilmente elaborabile dall'occhio umano ed è quindi spesso utilizzato per creare un senso di relax. È anche fortemente associato al denaro e alla fortuna.
• Il blu è il colore preferito al mondo, quindi non sorprende che sia ampiamente utilizzato nelle comunicazioni di ogni tipo. È anche fortemente associato alla lealtà, all'onestà e al potere, il che lo rende una scelta popolare per le grandi aziende e le aziende nei settori più conservatori (come quello bancario e assicurativo).
• Il viola è molto utilizzato nell'industria dei prodotti di bellezza, sebbene sia anche visto associato ai beni di lusso (come Asprey, che ha persino chiamato il suo profumo Purple Water).
• Il nero è generalmente sofisticato ed elegante quando viene utilizzato nel marketing. È ampiamente utilizzato nelle comunicazioni nella maggior parte dei settori.
• Il bianco è spesso associato alla pulizia ed è quindi popolare nel settore sanitario. Viene anche utilizzato nell'industria tecnologica per la sua associazione con la semplicità.
• Il grigio è anche associato alla semplicità ed è spesso usato dai marketer per calmare e lenire i consumatori.

Ancora una volta, l'effetto che ogni singolo colore ha sul comportamento del consumatore è fortemente influenzato dal modo in cui viene utilizzato e dal contesto del contenuto.

Creazione di tavolozze di colori emotivamente potenti

Molti designer di UX pensano che determinati colori "non possano" essere utilizzati in determinate situazioni. Questo tipo di pensiero è obsoleto e non ha posto nel design moderno.

Diamo un'occhiata al Colore dell'anno di Pantone per il 2019: Living Coral. Questa è una tonalità forte e che molti designer potrebbero evitare di utilizzare per molti progetti. (Nota: non sto sostenendo di saltare su questo particolare carrozzone solo per il gusto di seguire le tendenze, ma è un buon punto di partenza per un esperimento.)

Dopotutto, che posto ha Living Coral su qualcosa come un sito web bancario o un sito web che vende abiti da uomo (sebbene siano oggetti di scena per gli uomini là fuori che sanno indossare un abito di corallo)? Ma qui ci sono tavolozze di colori che potrebbero essere utilizzate per una varietà di settori che incorporano Living Coral, solo per dimostrare che quasi tutti i colori possono essere utilizzati per qualsiasi progetto che un designer desidera se utilizzati nel giusto contesto.

Non sei sicuro di come questo sia utile? Pensa ai clienti che si rivolgono a un designer con un progetto e insistono affinché venga utilizzato un particolare "colore del marchio", anche se quel colore è orribile.

Ecco quattro esempi di tavolozze di colori che incorporano Living Coral, adatte a una varietà di settori.

Quattro diverse tavolozze, quattro sentimenti completamente diversi. Lo stesso tipo di esperimento potrebbe essere eseguito praticamente su qualsiasi colore.

Un altro modo per incorporare colori apparentemente disarmonici in un disegno è cambiare il valore della tonalità aggiungendo ad essa il nero, il grigio o il bianco.

Creare un colore più tenue (aggiungendo il grigio) lo farà sentire più rilassato. L'aggiunta di nero per scurire un colore gli conferisce una sensazione più tradizionale o conservatrice. L'aggiunta del bianco per schiarire i colori dà loro una sensazione più innocente e pacifica.

Una delle parti più trascurate della teoria del colore è la capacità di un designer di fidarsi del proprio istinto. Il colore è altamente soggettivo e, sebbene ci siano alcune linee guida, è ancora un'area del design relativamente non studiata.

I designer dovrebbero seguire il proprio istinto nel provare varie tavolozze di colori e idee, quindi eseguire test sugli utenti per dimostrare se il loro istinto era corretto o meno. I test utente, i test A/B e altri metodi per raccogliere dati sull'efficacia delle varie tavolozze di colori sono preziosi per la creazione di progetti finali.

Conclusione

La relazione tra colore ed emozione è uno degli aspetti più importanti di un buon UX design. La giusta tavolozza di colori incoraggia le persone a intraprendere azioni su un sito o con un'app che i designer vogliono che eseguano, mentre la tavolozza sbagliata può allontanare i visitatori prima che intraprendano qualsiasi azione.

Scegliere la giusta tavolozza di colori è in parte arte e in parte scienza. Quando si tratta di progettare una tavolozza iniziale, i designer dovrebbero seguire il proprio istinto insieme alla ricerca disponibile, quindi testare e riprovare per garantire che la tavolozza dei colori rafforzi lo scopo generale del design.

•••

Ulteriori letture sul blog di Toptal Design:

• Uno spettro di possibilità: la guida ai colori dell'interfaccia utente Go-To
• Psicologia del design e neuroscienze di Awesome UX
• Causa ed effetto: esplorando la psicologia del colore
• Design for Emotion per aumentare il coinvolgimento degli utenti
• Il ruolo del colore nella UX