Estetica e percezione: come avvicinarsi alle immagini dell'esperienza utente

Quando si tratta di progettazione UX e immagini dell'esperienza utente, che si tratti di siti Web, applicazioni mobili o qualsiasi altro prodotto digitale, molti designer scelgono le immagini utilizzando il loro personale senso estetico, combinandole con la microcopia e il resto dell'interfaccia in un modo sensato in relazione allo scopo del prodotto e al marchio.

Il detto popolare "un'immagine vale più di mille parole" ha dominato dall'inizio del XIX secolo ed è generalmente attribuito a Fred R. Barnard che ha scritto la frase in un articolo che promuoveva l'uso delle immagini negli annunci pubblicitari che apparivano sui lati di tram. In molti contesti, le immagini hanno il potere di creare una risposta emotiva nell'utente; questo può essere prezioso per chiarire lo scopo del marchio, rafforzare la proposta di valore del prodotto e aumentare l'appeal del sito Web o dell'app mobile.

Un'immagine può trasmettere un messaggio istantaneamente, poiché il cervello può interpretarlo più velocemente del testo e fornisce profondità e contesto a un messaggio, fornendo un'esperienza più coinvolgente rispetto al solo testo. Quando i designer sanno come lavorare con le immagini, sono in grado di manipolare meglio le reazioni emotive di un pubblico. I design dei prodotti possono aumentare o diminuire in base alla qualità delle immagini dell'esperienza utente, motivo per cui è fondamentale farlo bene.

A parte i siti Web e le applicazioni mobili, le immagini sono importanti in tutti i tipi di design dei prodotti. Come affermato da Rachel Krause (esperta dell'esperienza utente presso il Nielsen Norman Group) in 6 Rules for Persuasive Storytelling , le immagini possono essere incorporate in casi di studio, grafici e foto pertinenti provenienti da test di usabilità per offrire al pubblico qualcosa con cui connettersi oltre le parole .

Kim Flaherty (esperto di UX presso Nielsen Norman Group) ha anche affermato che una ricerca recente ha indicato che i destinatari della newsletter si aspettano le stesse immagini di alta qualità che incontrano sul Web, preferendo fortemente le immagini che possono essere viste su una scala più ampia e mostrano i dettagli in modo molto chiaro.

La comprensione approfondita dell'uso delle immagini e delle sue implicazioni psicologiche per la percezione e l'esperienza dell'utente è un aspetto importante del design che i designer di UX non dovrebbero sottovalutare.

Immagini sensoriali nel design

Negli ultimi tempi, l'area del marketing sensoriale ha attirato l'attenzione del mondo aziendale e accademico, principalmente nel marketing e nella psicologia. Nel libro Marketing sensoriale: ricerca sulla sensualità dei prodotti , Aradhna Krishna definisce il marketing sensoriale come "inneschi subconsci che influenzano il modo in cui le persone prendono decisioni di acquisto e consumo". Questa affermazione è altrettanto applicabile nei progetti di design del prodotto quanto nel marketing.

Secondo l'autore, le immagini sensoriali possono influire sulla progettazione del prodotto:

• incoraggiare la stimolazione mentale attraverso il design visivo
• coinvolgere le persone con un marchio
• influenzando i loro atteggiamenti nei confronti del marchio
• stimolando altri sensi (come l'olfatto) attraverso il design visivo

Potenziamento della simulazione mentale attraverso le immagini

I marketer e i designer incoraggiano da tempo i consumatori a usare la loro immaginazione con slogan come "Think different" (Apple) e "Just do it" (Nike). Quelle frasi semplici e accattivanti, tuttavia, non convincono automaticamente le persone a immaginare di utilizzare il prodotto senza chiedergli esplicitamente di farlo.

Secondo gli studi su cognizione e percezione (menzionati sopra), si è riscontrato che la semplice alterazione del modo in cui un prodotto è presentato visivamente incoraggia le persone a immaginare di interagire con il prodotto e di conseguenza aumenta la possibilità di acquisto.

Immagini accuratamente selezionate possono influenzare in modo significativo la percezione di un prodotto da parte delle persone, aumentando in modo efficace la vicinanza al marchio o avere un impatto negativo in situazioni in cui le persone incontrano immagini che non corrispondono a loro.

Ad esempio, se un sito web immobiliare si rivolge a clienti della classe media e utilizza il seguente esempio di una villa costosa e chiaramente molto esclusiva come sfondo, potrebbe potenzialmente influenzare la connessione tra gli utenti target e l'azienda. Questo crea un divario tra il marchio e il modo in cui gli utenti lo percepiscono.

Attenzione, Sensazione e Percezione

Il punto di partenza per capire come le persone si relazionano con la realtà risiede nei processi psicologici di attenzione, sensazione e percezione.

L'attenzione è un processo mentale che seleziona particolari stimoli su cui concentrarsi e stabilisce relazioni tra di loro. Se usati con saggezza, quegli stimoli sono posizionati strategicamente per attirare l'attenzione dell'osservatore su determinate informazioni. È essenziale scegliere le migliori immagini possibili dell'esperienza utente perché gli occhi delle persone sono attratti da decine di annunci e siti Web ogni giorno e solo pochi cattureranno la loro attenzione.

Lev Semenovitch Vygotsky, uno psicologo sovietico, afferma che la psiche umana possiede la sensazione come un processo che agisce direttamente sulla formazione soggettiva della realtà a cui il soggetto è esposto e svolge un ruolo importante nel rapporto delle persone con il mondo. Inoltre, ci sono sensazioni sinestetiche, che si caratterizzano quando due o più sensazioni vengono vissute insieme, producendo generalmente associazioni tra oggetti e sensazioni. Ad esempio, il rosso è spesso visto come un colore "appassionato" e Coca-Cola lo utilizza ampiamente nel proprio marchio.

La percezione umana si riferisce alla funzione cerebrale in grado di selezionare e assegnare un significato alle informazioni catturate dalle sensazioni ottenute attraverso associazioni ad esperienze che la persona ha già incontrato. Questo può anche essere definito un modello mentale.

È essenziale capire che i gruppi di persone non la pensano sempre allo stesso modo, soprattutto se si tiene conto di culture, classi sociali e fasce d'età diverse. L'immagine seguente potrebbe essere un ottimo esempio che rappresenta il divertimento e l'avventura, purché il pubblico sia composto da giovani che amano viaggiare, forse non tanto se sono genitori che hanno sperimentato lo stress di viaggiare con i bambini e tutto ciò che comporta. In questo caso, una ricerca approfondita sugli utenti fornirebbe approfondimenti che aiuterebbero i designer a selezionare il miglior tipo di immagini da utilizzare per un pubblico specifico.

Le immagini dell'esperienza utente come strumento per aumentare l'usabilità

Nel documento di ricerca Progettazione di interfacce mobili per utenti inesperti e con scarsa alfabetizzazione , gli autori affermano che le immagini supportano anche le persone con scarsa alfabetizzazione, aumentando l'usabilità del prodotto e migliorando l'esperienza utente nel suo insieme. Poiché l'analfabetismo ha spesso a che fare con la povertà, gli utenti non alfabetizzati scansionano le interfacce in modo diverso, basandosi principalmente su elementi visivi e concentrandosi sui meccanismi.

La ricerca condotta da Andrew Thatcher ha studiato i comportamenti di persone alfabetizzate e semi-alfabetizzate durante l'utilizzo di bancomat e un'interfaccia ATM alternativa basata su icone e voce. Secondo l'autore, le persone hanno mostrato la tendenza a preferire un'interfaccia ATM basata su icone rispetto alle altre scelte. Ciò potrebbe non essere correlato in modo specifico alle immagini, ma esemplifica che gli elementi visivi sono meglio compresi rispetto alle interfacce basate su testo.

Sebbene questa ricerca sia stata specificamente rivolta agli utenti con scarsa alfabetizzazione, è essenziale comprendere che le immagini e le interfacce visive influiscono positivamente sugli utenti in generale, non solo sulle persone che hanno difficoltà di lettura. Ad esempio, immagini ben scelte possono consentire agli utenti di scansionare e assorbire le informazioni più velocemente, consentendo loro di comprendere più rapidamente lo scopo del prodotto. Un ottimo modo per verificarlo è utilizzare un metodo noto come Five Second Testing.

Una comprensione più approfondita della psicologia applicata nell'estetica del prodotto

Poiché i design visivamente accattivanti sono percepiti come più facili da usare, come designer è importante creare in quanto tali. Inoltre, i design estetici sono accettati più prontamente, utilizzati più frequentemente e promuovono il pensiero creativo e la risoluzione dei problemi. Secondo gli Universal Principles of Design, i design estetici promuovono anche relazioni positive con gli utenti, rendendoli più tolleranti nei confronti dei problemi di usabilità all'interno di un design.

L'effetto estetico-usabilità

In genere, i design estetici hanno una maggiore probabilità di coinvolgimento. Le immagini hanno molto a che fare con l'appeal visivo, influenzando direttamente la percezione dell'utente. Quando un prodotto è più utilizzabile ma visivamente meno attraente, può soffrire di una mancanza di accettazione che rende discutibili i problemi di usabilità.

Secondo questo fenomeno psicologico, i design esteticamente accattivanti sono generalmente più intuitivi di quelli meno attraenti, e questo è particolarmente vero per gli utenti con un background tecnico più limitato. Inoltre, quando i design estetici non funzionano correttamente, gli utenti tendono a incolpare se stessi piuttosto che incolpare il prodotto.

In questo senso, una fotografia o un video eccezionali delizia l'utente. Quella risposta emotiva positiva rafforza ulteriormente le interazioni dell'utente con il prodotto e la relazione con il marchio stesso, compensando al contempo eventuali inconvenienti di usabilità e rendendo l'utente più tollerante.

In un articolo per Nielsen Norman Group, Kate Moran ha citato Kurosu e Kashimura, i quali hanno concluso che gli utenti sono fortemente influenzati dall'estetica di una determinata interfaccia, anche quando si valuta la funzionalità sottostante del sistema.

Prendi il sito Web FitBit, ad esempio. Moran ha riferito che durante i test di usabilità, un utente ha riscontrato molti problemi durante gli acquisti sul sito, che vanno da piccoli fastidi nel design dell'interazione a gravi difetti nella navigazione. L'utente è stato in grado di completare l'attività con qualche difficoltà.

Tuttavia, l'utente ha valutato il sito Web in modo molto elevato in termini di facilità d'uso, dicendo che il sito sembrava l'oceano (molto calmo), con colori fantastici e fotografie eccellenti. La risposta emotiva positiva creata dall'appeal estetico del sito ha contribuito a mascherare i suoi problemi di usabilità.

L'effetto di adescamento

La scelta di immagini appropriate per un'interfaccia va oltre l'estetica. Le immagini scelte devono trasmettere il messaggio ei valori corretti. Poiché il cervello umano si occupa continuamente di associazioni, le immagini possono essere utilizzate come un potente strumento per lavorare con le associazioni. Nel libro Thinking, Fast and Slow , Daniel Kahneman ha fornito un esempio convincente di come la mente crea associazioni inconsciamente. Ha chiesto al lettore di guardare le seguenti due parole:

Quando le persone hanno guardato quelle parole, hanno sperimentato associazioni spiacevoli. I loro volti si contorcevano leggermente in un'espressione di disgusto, il loro battito cardiaco aumentava e i peli sulle loro braccia si alzavano un po'. In breve, hanno risposto al “vomito” con una versione attenuata di come avrebbero reagito all'evento reale, il tutto automaticamente, al di fuori del controllo della persona, semplicemente attraverso l'associazione di idee. Ma l'impatto può andare oltre, con le persone che associano la parola "banana" alle connotazioni negative di "vomito".

L'adescamento è un effetto di memoria implicito in cui l'esposizione a uno stimolo influenza una risposta a uno stimolo successivo. I designer possono anche lavorare con le immagini, non solo pensando a come l'interfaccia sarebbe visivamente accattivante, ma in termini di trasmissione di messaggi, percezione dell'utente, coinvolgimento dell'utente e manipolazione delle loro idee attraverso associazioni ben costruite.

In Priming and User Interfaces del Nielsen Norman Group, l'autore afferma che “le immagini e il contenuto delle pagine spingono le persone a formare aspettative sul sito web. Se queste ipotesi vengono ulteriormente confermate, l'esperienza complessiva è fluida e piacevole. Tuttavia, quando le ipotesi vengono smentite, le persone spesso percepiscono che il sito ha una scarsa usabilità".

Nell'articolo è stato presentato anche il seguente esempio, che mostra una homepage di una scuola privata che mostra immagini di bambini piccoli, dando l'impressione che la scuola sia una scuola materna o solo per le prime classi elementari. In realtà, la scuola copre fino all'ottavo anno.

Sommario

Le immagini possono essere un potente strumento quando vengono utilizzate per influenzare la percezione e l'esperienza dell'utente delle persone. Quando viene selezionata un'immagine efficace per il design, può aumentare l'attrattiva di un prodotto, rafforzare il valore aziendale, aumentare le vendite e la generazione di lead, aiutare ad accelerare la scansione dell'interfaccia e delle informazioni, deliziare il pubblico e migliorare l'empatia tra i consumatori e il marchio.

Una volta che i designer comprendono meglio i fenomeni psicologici più importanti e come funziona la mente delle persone, possono creare prodotti migliori che abbiano davvero senso per le persone, influenzando positivamente l'attività stessa.

Ulteriori letture sul blog di Toptal Design:

• Brand Illustration 101: Visualizzazione della narrativa
• Psicologia del design e neuroscienze di Awesome UX
• Design persuasivo: utilizzare efficacemente la psicologia avanzata
• Una guida dettagliata alla progettazione di illustrazioni personalizzate senza alcuna abilità di disegno
• Influenza con il design: una guida al colore e alle emozioni