Estetică și percepție – Cum să abordați imaginile experienței utilizatorului

Publicat: 2022-03-11

Când vine vorba de design UX și de imagini ale experienței utilizatorului, fie pe site-uri web, aplicații mobile sau orice alt produs digital, mulți designeri aleg imagini folosind simțul lor estetic personal, combinându-le cu microcopie și restul interfeței într-un mod care are sens. în raport cu scopul și brandingul produsului.

Proverba populară „o imagine valorează cât o mie de cuvinte” a dominat încă de la începutul secolului al XIX-lea și este, în general, atribuită lui Fred R. Barnard, care a scris fraza într-un articol care promova utilizarea imaginilor în reclamele care apăreau pe laterale. a tramvaielor. În multe contexte, imaginile au puterea de a crea un răspuns emoțional în utilizator; acest lucru poate fi valoros pentru clarificarea scopului mărcii, consolidarea propunerii de valoare a produsului și creșterea atractivității site-ului web sau a aplicației mobile.

O imagine poate transmite un mesaj instantaneu, deoarece creierul îl poate interpreta mai repede decât textul și oferă profunzime și context unui mesaj, oferind o experiență mai captivantă decât textul singur. Când designerii știu să lucreze cu imaginile, ei sunt mai capabili să manipuleze reacțiile emoționale ale unui public. Design-urile produselor pot crește sau scădea în funcție de calitatea imaginilor experienței utilizatorului, motiv pentru care este vital să o faceți corect.

Pe lângă site-urile web și aplicațiile mobile, imaginile sunt importante în toate tipurile de design de produse. După cum a afirmat Rachel Krause (specialist în experiența utilizatorului la Nielsen Norman Group) în 6 Rules for Persuasive Storytelling , imaginile pot fi încorporate în studii de caz relevante, diagrame și fotografii din testele de utilizare pentru a oferi publicului ceva cu care să se conecteze dincolo de cuvinte. .

Kim Flaherty (specialist UX la Nielsen Norman Group) a mai declarat că cercetările recente au indicat că destinatarii buletinelor informative se așteaptă la aceleași imagini de înaltă calitate pe care le întâlnesc pe web, preferând cu fermitate imaginile care pot fi văzute la o scară mai mare și arată detaliile foarte clar.

Înțelegerea în profunzime a utilizării imaginilor și a implicațiilor sale psihologice pentru percepția utilizatorului și experiența utilizatorului este un aspect important al designului pe care designerii UX nu ar trebui să îl subestimeze.

Sunkist folosește multe imagini senzoriale pe site-ul lor.
Site-ul web Sunkist folosește imagini vizuale puternice care pot declanșa, de asemenea, simțurile gustului și al mirosului.

Imagini senzoriale în design

În ultima vreme, zona de marketing senzorial a atras atenția lumii corporative și academice, în principal în marketing și psihologie. În cartea Sensory Marketing: Research on the Sensuality of Products , Aradhna Krishna definește marketingul senzorial ca „declanșatoare subconștiente care afectează modul în care oamenii iau decizii de cumpărare și consum”. Această declarație este la fel de aplicabilă în proiectele de design de produs, precum și în marketing.

Potrivit autorului, imaginile senzoriale pot avea un impact asupra designului produsului prin:

  • încurajarea stimulării mentale prin design vizual
  • atragerea oamenilor cu un brand
  • influențând atitudinile lor față de marcă
  • stimularea altor simțuri (cum ar fi mirosul) prin design vizual

Îmbunătățirea simulării mentale prin imagini

Marketerii și designerii au încurajat de mult consumatorii să-și folosească imaginația cu sloganuri precum „Gândește diferit” (Apple) și „Doar fă-o” (Nike). Aceste fraze simple și captivante, totuși, nu îi convinge automat pe oameni să-și imagineze că folosesc produsul fără a le cere în mod explicit să facă acest lucru.

Conform studiilor privind cunoașterea și percepția (menționate mai sus), s-a constatat că simpla modificare a modului în care un produs este prezentat vizual încurajează oamenii să-și imagineze interacțiunea cu produsul și, în consecință, crește posibilitatea unei achiziții.

Imagini despre experiența utilizatorului.
Blue Sky Fibres folosește imagini în antetul lor care pot evoca un simț al atingerii, invitând utilizatorii să-și imagineze ținând produsul.

Imaginile selectate cu atenție pot afecta în mod semnificativ percepția oamenilor asupra unui produs, crescând eficient proximitatea mărcii sau pot avea un impact negativ în situațiile în care oamenii întâlnesc imagini care nu se potrivesc pentru ei.

De exemplu, dacă un site web imobiliar vizează clienții din clasa de mijloc și folosește ca fundal următorul exemplu de vilă scumpă, în mod clar, de lux, ar putea afecta legătura dintre utilizatorii țintă și companie. Acest lucru creează un decalaj între marcă și modul în care utilizatorii îl percep.

Imagini UX.
Imaginile transmit mesaje mai repede decât textul, dar atunci când imaginea nu se potrivește cu marca, poate fi dezamăgitoare pentru utilizatori.

Atenție, senzație și percepție

Punctul de plecare pentru înțelegerea modului în care oamenii se raportează la realitate constă în procesele psihologice de atenție, senzație și percepție.

Atenția este un proces mental care selectează anumiți stimuli asupra cărora să se concentreze și stabilește relații între ei. Când sunt folosiți cu înțelepciune, acei stimuli sunt plasați strategic pentru a atrage atenția observatorului asupra anumitor informații. Este esențial să alegeți cele mai bune imagini cu experiența utilizatorului posibil, deoarece ochii oamenilor sunt atrași de zeci de reclame și site-uri web în fiecare zi și doar câteva le vor capta atenția.

Lev Semenovitch Vygotsky, psiholog sovietic, afirmă că psihicul uman posedă senzația ca proces care acționează direct asupra formării subiective a realității la care subiectul este expus și joacă un rol important în relația oamenilor cu lumea. În plus, există senzații sinestezice, care sunt caracterizate atunci când două sau mai multe senzații sunt experimentate împreună, producând în general asocieri între obiecte și senzații. De exemplu, roșul este adesea văzut ca o culoare „pasionată”, iar Coca-Cola o folosește pe scară largă în brandingul lor.

Estetica UX în designul UX folosind imagini senzoriale.
Coca-Cola folosește roșu pentru a crește valoarea propunerii de brand și proximitatea mărcii.

Percepția umană se referă la funcția creierului capabilă să selecteze și să atribuie sens informațiilor surprinse de senzațiile făcute prin asocieri cu experiențele pe care persoana le-a întâlnit deja. Acesta poate fi numit și model mental.

Este esențial să înțelegeți că grupurile de oameni nu gândesc întotdeauna la fel, mai ales dacă luați în considerare diferite culturi, clase sociale și grupe de vârstă. Următoarea imagine ar putea fi un exemplu grozav reprezentând distracția și aventura, atâta timp cât publicul este reprezentat de tineri cărora le place să călătorească – poate nu atât de mult dacă sunt părinți care au experimentat stresul călătoriei cu copiii și tot ceea ce presupune aceasta. În acest caz, cercetarea aprofundată a utilizatorilor ar oferi informații care i-ar ajuta pe designeri să aleagă cel mai bun tip de imagini de utilizat pentru un anumit public.

Imagini UX în design UX.
Una dintre cele mai bune modalități de a găsi imaginea perfectă este o înțelegere profundă a utilizatorilor țintă.

Imaginile experienței utilizatorului ca instrument de creștere a gradului de utilizare

În lucrarea de cercetare Proiectarea interfețelor mobile pentru utilizatorii începători și cu nivel scăzut de alfabetizare , autorii afirmă că imaginile sprijină și persoanele cu nivel scăzut de alfabetizare, crescând gradul de utilizare al produsului și îmbunătățind experiența utilizatorului în ansamblu. Deoarece analfabetismul are de-a face adesea cu sărăcia, utilizatorii analfabeti scanează interfețele în mod diferit, bazându-se în principal pe elemente vizuale și concentrându-se pe mecanică.

Cercetările efectuate de Andrew Thatcher au studiat comportamentele persoanelor alfabetizate și semianalfabete în timp ce folosesc bancomate și o interfață alternativă ATM bazată pe pictograme și vorbire. Potrivit autorului, oamenii au arătat tendința de a prefera o interfață ATM bazată pe pictograme față de celelalte opțiuni. Acest lucru poate să nu se coreleze în mod specific cu imaginile, dar exemplifica faptul că elementele vizuale sunt mai bine înțelese decât interfețele bazate pe text.

Deși această cercetare a fost direcționată în mod special către utilizatorii cu nivel scăzut de alfabetizare, este esențial să înțelegem că imaginile și interfețele bazate pe vizual afectează pozitiv utilizatorii în general, nu numai persoanele care au dificultăți de citire. De exemplu, imaginile bine alese pot permite utilizatorilor să scaneze și să absoarbă informații mai rapid, permițându-le să înțeleagă mai rapid scopul produsului. O modalitate excelentă de a verifica este prin utilizarea unei metode cunoscute sub numele de Five Second Testing.

Estetica UX - cum să utilizați imaginile.
Semnele rutiere au folosit mult timp pictograme și imagini pentru a transmite rapid sens șoferilor, indiferent de nivelul lor de alfabetizare (sau viteza de deplasare).

O înțelegere mai profundă a psihologiei aplicate în estetica produsului

Deoarece modelele atractive din punct de vedere vizual sunt percepute a fi mai ușor de utilizat, ca designer este important să le creați ca atare. De asemenea, modelele estetice sunt acceptate mai ușor, utilizate mai frecvent și promovează gândirea creativă și rezolvarea problemelor. Conform Principiilor Universale de Design, design-urile estetice favorizează, de asemenea, relații pozitive cu utilizatorii, făcându-i mai toleranți la problemele de utilizare din cadrul unui design.

Efectul estetic-utilizabilitate

De obicei, modelele estetice au o probabilitate mai mare de implicare. Imaginile au mult de-a face cu atractivitatea vizuală, influențând direct percepția utilizatorului. Atunci când un produs este mai utilizabil, dar mai puțin atrăgător din punct de vedere vizual, acesta poate suferi de o lipsă de acceptare care face discutabile problemele de utilizare.

Conform acestui fenomen psihologic, modelele atractive din punct de vedere estetic sunt, în general, mai intuitive decât cele mai puțin atrăgătoare, iar acest lucru este valabil mai ales pentru utilizatorii cu un background tehnic mai limitat. În plus, atunci când design-urile estetice nu funcționează corect, utilizatorii tind să se învinovățească mai degrabă decât să dea vina produsului.

În acest sens, o fotografie sau un videoclip remarcabil încântă utilizatorul. Acest răspuns emoțional pozitiv întărește și mai mult interacțiunile utilizatorului cu produsul și relația cu marca în sine, compensând în același timp orice dezavantaje de utilizare și făcând utilizatorul mai tolerant.

Într-un articol pentru Nielsen Norman Group, Kate Moran i-a citat pe Kurosu și Kashimura, care au concluzionat că utilizatorii sunt puternic influențați de estetica oricărei interfețe date, chiar și atunci când evaluează funcționalitatea de bază a sistemului.

Luați site-ul FitBit, de exemplu. Moran a raportat că în timpul testării de utilizare, un utilizator a întâmpinat multe probleme în timpul cumpărăturilor pe site, variind de la neplăceri minore în designul interacțiunii până la defecte grave în navigare. Utilizatorul a reușit să finalizeze sarcina cu o oarecare dificultate.

Cu toate acestea, utilizatorul a apreciat site-ul foarte bine în ceea ce privește ușurința de utilizare, spunând că site-ul arată ca oceanul (foarte calm), cu culori grozave și fotografii excelente. Răspunsul emoțional pozitiv creat de atracția estetică a site-ului a ajutat la mascarea problemelor de utilizare.

Imagini senzoriale
Pagina de pornire a FitBit, care folosește culori grozave și o fotografie jucăușă care dă un sentiment de mișcare.

Efectul de amorsare

Alegerea imaginilor adecvate pentru o interfață depășește aspectul estetic. Imaginile alese trebuie să transmită mesajul și valorile corecte. Deoarece creierul uman se ocupă de asocieri tot timpul, imaginile pot fi folosite ca un instrument puternic pentru a lucra cu asocieri. În cartea Thinking, Fast and Slow , Daniel Kahneman a oferit un exemplu convingător despre modul în care mintea face asocieri subconștient. El a rugat cititorul să se uite la următoarele două cuvinte:

Vărsături de banane

Când oamenii s-au uitat la acele cuvinte, au experimentat asocieri neplăcute. Fețele lor s-au răsucit ușor într-o expresie de dezgust, pulsul le-a crescut, iar părul de pe brațe li s-a ridicat puțin. Pe scurt, ei au răspuns la „vărsături” cu o versiune atenuată a modului în care ar reacționa la evenimentul real, totul automat, dincolo de controlul persoanei – doar prin asocierea de idei. Dar impactul poate merge dincolo de asta, oamenii asociind cuvântul „banană” cu conotațiile negative ale „vărsăturii”.

Amorsarea este un efect implicit de memorie în care expunerea la un stimul influențează un răspuns la un stimul ulterior. Designerii pot lucra, de asemenea, cu imagini, nu doar gândindu-se la modul în care interfața ar fi atrăgătoare din punct de vedere vizual, ci în ceea ce privește transmiterea mesajelor, percepția utilizatorului, implicarea utilizatorului și manipularea ideilor lor prin asocieri bine construite.

În Priming and User Interfaces de la Nielsen Norman Group, autorul afirmă că „imaginile și conținutul paginii îi stimulează pe oameni să-și formeze așteptările de la site. Dacă aceste presupuneri sunt confirmate în continuare, experiența generală este lină și plăcută. Cu toate acestea, atunci când ipotezele sunt dovedite greșite, oamenii percep adesea că site-ul are o utilizare slabă.”

În articol a fost prezentat și următorul exemplu, arătând o pagină de pornire pentru o școală privată care prezintă imagini cu copii mici, dând impresia că școala este preșcolară sau doar pentru clasele I primare. În realitate, școala acoperă până la clasa a VIII-a.

Impact estetic cu imaginile experienței utilizatorului.
Fotografiile copiilor mici de pe site-ul școlii Challenger inducă în eroare utilizatorii să creadă că nu se adresează elevilor mai mari.

rezumat

Imaginile pot fi un instrument puternic atunci când sunt folosite pentru a influența percepția oamenilor și experiența utilizatorului. Atunci când este selectată o imagine eficientă pentru design, aceasta poate crește atractivitatea unui produs, întări valoarea afacerii, crește vânzările și generarea de clienți potențiali, ajută la accelerarea scanării interfeței și a informațiilor, încântă publicul și îmbunătățește empatia între consumatori și marcă.

Odată ce designerii înțeleg mai bine cele mai importante fenomene psihologice și modul în care funcționează mintea oamenilor, ei pot crea produse mai bune care au cu adevărat sens pentru oameni, afectând în același timp pozitiv afacerea în sine.

• • •

Citiri suplimentare pe Blogul Toptal Design:

  • Ilustrația mărcii 101: Vizualizarea narațiunii
  • Psihologia designului și neuroștiința Awesome UX
  • Design persuasiv: Utilizarea eficientă a psihologiei avansate
  • Un ghid pas cu pas pentru proiectarea ilustrațiilor personalizate fără abilități de desen
  • Influența cu designul – Un ghid pentru culoare și emoții