Esplorare l'impatto delle emozioni nel web design

Per noi designer a volte è una pillola difficile da ingoiare, ma il nostro bel lavoro è inutile se non servono gli obiettivi dei nostri clienti. E per ogni cliente, il primo ordine di cose da fare è attirare visitatori sui loro siti Web e prodotti.

I tempi del marketing digitale aggressivo (annunci, banner e pop-up) sono finiti. Gli utenti web di oggi, anche i millennial e gli anziani, si aspettano che la loro esperienza di navigazione sia "pulita" ed esteticamente gradevole. Guarda quanto è aumentato il volume di ricerca per il software di blocco degli annunci negli ultimi cinque anni.

Con gli ad blocker installati su ogni altro dispositivo, dobbiamo tutti scioglierci con il semplice vai alle opzioni e cercare modi per pubblicizzare e vendere prodotti, servizi o idee con strumenti più sofisticati.

Uno di questi strumenti è noto come Design for Emotion , un approccio psicologico al design, che mira a richiamare l'utente previsto con emozioni e ancorare i visitatori all'obiettivo del tuo sito web.

Ad esempio, se dovessimo progettare un sito web per promuovere una bevanda analcolica, potremmo farlo in due modi:

1. Metti il ​​prodotto e il marchio in primo piano.
2. Metti il ​​prodotto e il marchio nel giusto entourage emotivo.

Immagina di visitare un sito e di visualizzare un'immagine (o un videoclip) di giovani che giocano a pallavolo su una spiaggia assolata. Anche se non sei un grande fan della pallavolo, l'emozione di quanto si divertono queste persone risuonerà immediatamente con te. E poi, quando una delle persone si rinfresca con una bibita fresca, non puoi fare a meno di sentire un prurito di sete anche in fondo alla gola.

Lo scopo dell'immagine o del video non era quello di promuovere il beach volley ma di vendere il marchio di soda. Tuttavia, non solo ti ha colpito come un treno, ma ti è stato portato gradualmente e in modo discreto, attraverso l'emozione del divertimento e lo spirito del gioco.

Livelli di comprensione emotiva

I designer hanno studiato l'impatto emotivo dei siti Web sin dagli albori del Web 2.0, quando animazioni complesse e clip leggere hanno gradualmente preso il sopravvento nello spazio virtuale. “Designing for Emotion”, un libro pubblicato da Aaron Walter nel 2005, è diventato rapidamente un bestseller e una guida da tavolo per molti web designer della generazione odierna, me compreso.

Nel suo libro, Walter identifica le tre fasi del coinvolgimento emotivo di un tipico visitatore di un sito Web: impressionato , incuriosito e coinvolto .

1. Livello viscerale: "impressionato"

La prima impressione è sempre subconscia e viene interpretata automaticamente dal nostro cervello, indipendentemente dal giudizio ragionevole. Quando visitiamo un sito Web, gli diamo immediatamente un "pollice in su" o un "pollice in giù".

E sulla base di quella stima iniziale, continueremo a percepire positivamente tutti i contenuti di quel sito. Quindi, non dovrebbe sorprendere che un buon design viscerale debba solo invocare la reazione del "pollice in su".

2. Livello comportamentale: "Incuriosito"

Se qualcosa sembra interessante a prima vista, il nostro cervello cerca di analizzare cos'è e come funziona. Questo innesca i nostri modelli comportamentali e iniziamo ad essere emotivamente eccitati per qualcosa che ci piace. Quindi, il secondo passo del design emotivo sarebbe rendere il tuo design invitante per ulteriori indagini.

Quando il visitatore è incuriosito, non potrà resistere a scorrere verso il basso, seguire il collegamento o persino fare clic su un invito all'azione.

3. Livello riflessivo: “Coinvolto”

Questo è il livello più alto dei nostri processi cognitivi di pensiero. Questo è quando analizziamo ed esprimiamo giudizi logici sulle cose che stiamo vedendo. L'utente del sito web è attratto a questo livello dai due precedenti e, a questo punto, tutte le carte devono essere messe sul tavolo mostrando qual è il prodotto e perché è utile per l'utente.

Nella loro testa, l'utente comprenderà l'intenzione del sito di vendere il prodotto, ma a causa dell'emozione positiva che ha vissuto, questa intenzione non sarà percepita come ostile.

Quindi, come puoi vedere, il design for emotion mira a invocare una catena di reazioni psicologiche. In primo luogo, aggancia l'utente con l'effetto wow, quindi rendilo desideroso di esplorare ulteriormente e, infine, portalo a capire di cosa si tratta esattamente.

Ora, diamo un'occhiata a quali strumenti contribuiscono alla creazione di progetti visivi emotivamente coinvolgenti.

Componenti del Design Emotivo

Esamineremo i tre ovvi inbound che ogni designer usa per creare immagini per un prodotto o un marchio e proveremo ad analizzarli dal punto di vista della progettazione per le emozioni.

1. Il libro del marchio

Se miriamo a vendere il marchio con emozione, dobbiamo prima studiare il regolamento di quel particolare marchio. Un buon libro di marca o una guida di stile conterrà combinazioni di colori, caratteri, principi di allineamento della griglia, cose da fare e da non fare per il posizionamento degli spazi pubblicitari e molto altro ancora.

Devi presumere che l'identità del marchio abbia già un senso emotivo intrinseco. Molti designer prenderanno questo senso e lo espanderanno all'intero sito. Alla fine, avranno un grande mega-logo invece di un semplice sito web.

Un approccio migliore è estrarre l'essenza del marchio dal libro, ma metterlo tra le righe, piuttosto che in primo piano. Lascia il logo in alto a sinistra al suo posto e dedica il resto dello spazio alle cose a cui vuoi che gli utenti associno il marchio.

2. Colori

A livello generale sappiamo tutti cosa rappresentano i colori. Il rosso è pericolo, aggressività; il blu sta per calma; e verde per permesso, libertà, natura. Quando si progetta per le emozioni, i toni di colore sono molto più importanti dei colori grezzi. Rendere il tono più scuro o più chiaro può guidare l'emozione prevista in varie direzioni.

Di seguito un breve video che presenta la discografia di Ben Lukas Boysen, ma senza alcun suono. Tutte le emozioni sono ritratte con i colori. Senza ascoltare la musica, proviamo comunque una sensazione emotiva inconscia per ogni canzone.

Inoltre, devi tenere a mente le peculiarità culturali di ogni colore. In Giappone, il bianco è il colore del dolore e per le persone del Medio Oriente il giallo è spesso considerato disgustoso. Ecco un pezzo interessante e informativo su ciò che i colori rappresentano nelle varie culture.

3. Entourage

Le emozioni sono molto più facili da evocare dall'entourage rispetto al marchio stesso. Il marchio deve essere inserito nell'ambiente o nelle circostanze in cui è probabile che venga apprezzato di più dallo spettatore.

Uno dei migliori esempi è un rinfresco in una giornata calda. Raramente consumiamo bibite solo per desiderio del cuore. Ma in una giornata di sole, in vacanza, sdraiati in spiaggia o stesi a bordo piscina, cosa c'è di meglio di una bibita fresca con bollicine dissetanti?

" Il design emozionale trasforma gli utenti occasionali in fanatici, pronti a raccontare agli altri la loro esperienza positiva ", conclude Aaron Walter, uno dei padri fondatori del design emotivo.

In verità, ogni sito web è incentrato sull'esperienza: visiva, sensuale, informativa o semplicemente divertente. Se il sito Web che crei offre una di queste esperienze, puoi essere certo che farà desiderare ai visitatori di tornare ancora e ancora. E i visitatori regolari del sito web del tuo cliente sono il modo migliore per evocare l'emozione più apprezzata: la soddisfazione del cliente.