Explorarea impactului emoției în designul web

Pentru noi, designerii, este uneori o pastilă greu de înghițit, dar munca noastră frumoasă este inutilă dacă nu servește obiectivelor clienților noștri. Și pentru fiecare client, prima ordine a lucrurilor de făcut este să atragă vizitatori pe site-urile și produsele lor.

Vremurile de marketing digital agresiv (reclame, bannere și ferestre pop-up) au trecut. Utilizatorii web de astăzi, chiar și millennials și seniori, se așteaptă ca experiența lor de navigare să fie „curată” și plăcută din punct de vedere estetic. Priviți cât de mult a crescut volumul de căutare pentru software-ul de blocare a reclamelor în ultimii cinci ani.

Cu blocantele de reclame instalate pe orice alt dispozitiv, cu toții trebuie să ne desființăm prin simpla accesare la opțiuni și să căutăm modalități de a face publicitate și de a vinde produse, servicii sau idei cu instrumente mai sofisticate.

Un astfel de instrument este cunoscut sub numele de Design for Emotion – o abordare psihologică a designului, care urmărește să invoce utilizatorul vizat cu emoții și să ancoreze vizitatorii la obiectivul site-ului tău.

De exemplu, dacă ar fi să proiectăm un site web pentru a promova o băutură răcoritoare, am putea face acest lucru în două moduri:

1. Pune produsul și marca pe primul plan.
2. Pune produsul și marca în anturajul emoțional potrivit.

Imaginați-vă că vizitați un site și vizionați o imagine (sau un videoclip) cu tineri jucând volei pe o plajă însorită. Chiar dacă nu ești un mare fan al voleiului, emoția cât de mult se distrează acești oameni ar rezona instantaneu cu tine. Și apoi, când unul dintre oameni se împrospătează cu o băutură rece, nu poți să nu simți o mâncărime de sete și în fundul gâtului.

Scopul imaginii sau al videoclipului nu a fost promovarea voleiului pe plajă, ci vânzarea mărcii de sifon. Cu toate acestea, nu doar te-a lovit ca un tren, ci a fost adus la tine treptat și discret, prin emoția distracției și spiritului jocului.

Niveluri de înțelegere emoțională

Designerii au studiat impactul emoțional al site-urilor web încă de la începuturile Web 2.0, când animațiile complexe și clipurile ușoare au preluat treptat spațiul virtual. „Designing for Emotion“, o carte publicată de Aaron Walter în 2005, a devenit rapid un bestseller și un ghid de masă pentru mulți designeri web ai generației de astăzi, inclusiv pentru mine.

În cartea sa, Walter identifică cele trei etape ale angajamentului emoțional al unui vizitator obișnuit al site-ului web: ele sunt impresionat , intrigat și implicat .

1. Nivel visceral: „Impresionat”

Prima impresie este întotdeauna subconștientă și este interpretată de creierul nostru în mod automat, indiferent de judecata rezonabilă. Când vizităm un site web, îi dăm instantaneu fie „degetul mare în sus”, fie „degetul mare în jos”.

Și pe baza acestei estimări inițiale, vom continua să percepem pozitiv tot conținutul de pe acel site. Deci, nu ar trebui să fie surprinzător că un design visceral bun trebuie să invoce doar reacția „degetul mare în sus”.

2. Nivelul comportamental: „Intrigat”

Dacă ceva pare cool la prima vedere, creierul nostru încearcă să analizeze ce este și cum funcționează. Acest lucru declanșează tiparele noastre comportamentale și începem să fim entuziasmați emoțional de ceva ce ne place. Deci, al doilea pas al designului emoțional ar fi să vă faceți designul invitant pentru investigații suplimentare.

Când vizitatorul este intrigat, nu va putea rezista să deruleze în jos, să urmărească linkul sau chiar să facă clic pe un îndemn.

3. Nivel de reflexie: „Implicat”

Acesta este cel mai înalt nivel al proceselor noastre de gândire cognitivă. Acesta este momentul în care analizăm și facem judecăți logice despre lucrurile pe care le vedem. Utilizatorul site-ului este atras la acest nivel de cei doi anteriori, iar în acest moment, toate cărțile trebuie puse pe masă, arătând care este produsul și de ce este util pentru utilizator.

În mintea lor, utilizatorul va înțelege intenția site-ului de a vinde produsul, dar din cauza emoției pozitive pe care a trăit-o, această intenție nu va fi percepută ca ostilă.

Deci, după cum puteți vedea, designul pentru emoție își propune să invoce un lanț de reacții psihologice. În primul rând, agățați utilizatorul cu efectul wow, apoi faceți-l dornici să exploreze în continuare și, în sfârșit, aduceți-l la o înțelegere despre ce este exact agitația.

Acum, să aruncăm o privire la ce instrumente contribuie la crearea de designuri vizuale captivante din punct de vedere emoțional.

Componentele designului emoțional

Ne vom uita la cele trei intrări evidente pe care fiecare designer le folosește pentru a crea elemente vizuale pentru un produs sau o marcă și vom încerca să le analizăm din perspectiva proiectării pentru emoție.

1. Cartea mărcii

Dacă ne propunem să vindem marca cu emoție, trebuie să studiem mai întâi regulamentul mărcii respective. O carte de marcă bună sau un ghid de stil va conține scheme de culori, fonturi, principii de aliniere a grilei, ce se poate și nu se face în ceea ce privește plasarea spațiului publicitar și multe altele.

Trebuie să presupunem că identitatea mărcii are deja un anumit simț emoțional încorporat. Mulți designeri vor lua acest sens și îl vor extinde la întregul site. În cele din urmă, vor avea un mega-logo mare în loc de doar un site web.

O abordare mai bună este să extrageți esența mărcii din carte, dar să o puneți între rânduri, mai degrabă decât în ​​prim-plan. Lăsați logo-ul în stânga sus acolo unde îi aparține și dedicați restul spațiului lucrurilor cu care doriți ca utilizatorii să asocieze marca.

2. Culori

La nivel general, știm cu toții ce reprezintă culorile. Roșu este pericol, agresivitate; albastrul înseamnă calm; și verde pentru permis, libertate, natură. Atunci când proiectați pentru emoție, tonurile de culoare sunt mult mai importante decât culorile brute. A face tonul mai întunecat sau mai deschis poate conduce emoția dorită în diferite direcții.

Mai jos este un scurt videoclip care prezintă discografia lui Ben Lukas Boysen, dar fără niciun sunet. Toate emoțiile sunt înfățișate cu culori. Fără să auzim muzica, avem în continuare un sentiment emoțional subconștient pentru fiecare melodie.

De asemenea, trebuie să țineți cont de particularitățile culturale ale fiecărei culori. În Japonia, albul este culoarea durerii, iar pentru oamenii din Orientul Mijlociu, galbenul este adesea văzut ca dezgustător. Iată o piesă interesantă și informativă despre ceea ce reprezintă culorile în diverse culturi.

3. Anturaj

Emoțiile sunt mult mai ușor de invocat de către anturaj decât marca în sine. Brandul trebuie pus în mediul sau în circumstanțe, în care este probabil să fie apreciat cel mai mult de către privitor.

Unul dintre cele mai bune exemple este o băutură răcoritoare într-o zi fierbinte. Rareori consumăm băuturi răcoritoare doar din dorința inimii. Dar într-o zi însorită, în vacanță, întins pe plajă sau agățat de piscină, ce poate fi mai bun decât o băutură rece cu bule de potolire a setei?

„ Designul emoțional transformă utilizatorii ocazionali în fanatici, gata să spună altora despre experiența lor pozitivă ”, conchide Aaron Walter, unul dintre părinții fondatori ai designului emoțional.

Cu adevărat, fiecare site web se referă la experiență – vizuală, senzuală, informațională sau pur și simplu distractivă. Dacă site-ul web pe care îl creați oferă una dintre aceste experiențe, atunci puteți fi sigur că îi va face pe vizitatori să-și dorească să revină din nou și din nou. Iar vizitatorii obișnuiți ai site-ului clientului dvs. reprezintă cea mai bună modalitate de a invoca cea mai apreciată dintre toate emoțiile – satisfacția clientului.