Che cos’è l’effetto estetico-usabilità ?
L’effetto estetico-usabilità offre ai designer UX affascinanti spunti sul comportamento umano e sul perché devono evitare di dare la priorità all’usabilità rispetto all’appeal visivo. Trovare il giusto equilibrio tra forma e funzione gioca un ruolo importante nella costruzione di un prodotto di successo.
L’estetica di un prodotto digitale è il motore principale per invogliare gli utenti, mentre una buona esperienza utente e usabilità fideliscono i clienti. Apple è un fantastico esempio di questa teoria nella pratica. I prodotti Apple sono eleganti e attraenti e offrono un’esperienza utente eccezionale.
Anche con la miriade di problemi di Apple, inclusi cavi rotti, servizio clienti terribile e rilasci di prodotti mediocri, i clienti Apple sono fedeli e pronti a perdonare : l’effetto estetico-usabilità potrebbe essere un modo per spiegare questa lealtà .
Qual è l’effetto estetico-usabilità?
L’effetto estetico-usabilità è un evento psicologico scoperto dai ricercatori Masaaki Kurosu e Kaori Kashimura, studiando l’interazione uomo-computer (HCI) presso l’ Hitachi Design Center negli anni ’90. Gli studi hanno scoperto che gli esseri umani percepivano i prodotti esteticamente gradevoli con problemi di usabilità come più utilizzabili di quelli con prestazioni migliori con un’estetica del design visivo meno attraente.
Prima di dare la priorità alla forma rispetto alla funzione per la tua prossima riprogettazione, è fondamentale notare che l’effetto estetico-usabilità funziona sulle prime impressioni. Man mano che gli utenti utilizzano di più un prodotto, i problemi di usabilità (e persino l’estetica) diventano fastidiosi e frustranti.
L’effetto estetico-usabilità è limitato anche a problemi di usabilità minori, problemi che non sono evidenti agli utenti quando utilizzano il prodotto per la prima volta. Se la tua app si arresta in modo anomalo, impiega troppo tempo a caricarsi, ha collegamenti interrotti o ha altri problemi frustranti, l’effetto estetico-usabilità probabilmente non aiuterà.
Il Nielsen Norman Group (NN Group) di Don Norman rileva uno studio in cui gli utenti inizialmente hanno trovato attraente la bellissima immagine dell’eroe su un sito Web, solo per rivedere la loro opinione in “fastidiosa” la seconda volta quando hanno combattuto per navigare e completare le attività.
I designer devono anche considerare che la bellezza è soggettiva tra culture e dati demografici. Combinazioni di colori, tipografia, parole, simboli e altri elementi dell’interfaccia utente hanno significati diversi per vari gruppi di utenti. Ad esempio, un utente coreano potrebbe percepire un’interfaccia utente come meno attraente per qualcuno negli Stati Uniti.
La chiave da asporto è che l’effetto estetico-usabilità funziona per invogliare gli utenti ma non li manterrà se il prodotto è difficile da usare. I designer devono utilizzare la ricerca UX per determinare ciò che gli utenti considerano esteticamente gradevole.
Stile cognitivo e effetto estetico-usabilità
Gli esseri umani rientrano in due dimensioni ortogonali dello stile cognitivo :
- Verbalizzatori: più influenzati da parole o associazioni verbali
- Imager: più influenzati dalle immagini e dall’estetica
Perché l’estetica è importante per la progettazione dell’interfaccia?
Come si vede dall’effetto estetico-usabilità, una grande usabilità non è sufficiente per invogliare le persone a usare il tuo prodotto o addirittura ad apprezzarlo quando ha buone prestazioni. Trovare un equilibrio tra forma e funzione è fondamentale per la progettazione del prodotto, in particolare per le startup o le aziende che entrano in un nuovo mercato.
Vantaggio competitivo
La prima cosa che l’effetto estetico-usabilità ci dice è che i prodotti visivamente accattivanti e il design dell’interfaccia utente forniscono un vantaggio competitivo. I prodotti che hanno un bell’aspetto e funzionano bene hanno maggiori possibilità di attirare nuovi clienti.
Utenti più tolleranti
Un’altra intuizione chiave dello studio dell’Hitachi Design Center è che gli utenti sono più tolleranti nei confronti del bel design. Finché stai facendo uno sforzo consapevole per risolvere i problemi di usabilità e comunicarlo ai clienti, è meno probabile che abbandonino il tuo prodotto , ma non contare su questa conservazione a lungo!
Affetto positivo
Uno studio del 1999, Una teoria neuropsicologica dell’affetto positivo e la sua influenza sulla cognizione , ha rilevato che “l’affetto positivo influenza sistematicamente le prestazioni su molti compiti cognitivi”, inclusi “ricordi, memoria di lavoro e risoluzione creativa dei problemi” con un impatto positivo.
Questo “effetto” potrebbe spiegare perché gli utenti perdonano di più i problemi di usabilità quando provano sentimenti positivi nei confronti di una bella interfaccia utente. Se i designer risolvono questi problemi di usabilità, possono sfruttare l’effetto estetico-usabilità e atteggiamenti positivi per migliorare l’usabilità di un prodotto, creando un’esperienza utente olistica positiva.
L’effetto estetico-usabilità e i test sugli utenti
I progettisti devono essere consapevoli dell’effetto estetico-usabilità durante i test degli utenti perché può influenzare i risultati. Come abbiamo visto con l’esempio di studio del sito Web di NN Group, la prima impressione di un utente è stata positiva ma è cambiata la seconda volta che l’hanno utilizzata.
I progettisti devono osservare attentamente il comportamento degli utenti durante i test perché il feedback di qualcuno potrebbe essere positivo, ma in determinati momenti hanno lottato durante il completamento delle attività.
Un articolo di NN Group, Prima regola di usabilità? Non ascoltare gli utenti afferma: “Per progettare la migliore UX, presta attenzione a ciò che fanno gli utenti, non a ciò che dicono. Le affermazioni autodichiarate non sono affidabili, così come le speculazioni degli utenti sul comportamento futuro. Gli utenti non sanno cosa vogliono”.
L’articolo prosegue affermando come i partecipanti allo studio sull’usabilità razionalizzino spesso il loro comportamento, il che potrebbe influenzare decisioni di progettazione sbagliate.
Per evitare distorsioni dovute all’effetto estetico-usabilità e ad altre influenze, i progettisti devono utilizzare più punti dati, inclusi test di usabilità, interviste, analisi, ricerche sugli utenti, ecc., per ottenere un quadro olistico del design e dei punti deboli dell’utente.
I progettisti devono anche considerare come l’effetto estetico-usabilità influirà sul feedback degli stakeholder e sulla possibilità di favorire una scelta progettuale rispetto a un’altra perché ha un aspetto migliore.
Come applicare il principio dell’effetto estetico-usabilità nella progettazione del prodotto
Non c’è niente che i designer possano fare per sfruttare l’effetto estetico-usabilità. Invece, i designer devono utilizzare un approccio olistico al design visivo, considerando molteplici fattori che influenzano l’attrattiva di un prodotto.
Combinazione di colori
La combinazione di colori del tuo prodotto o sito web gioca un ruolo cruciale nella bellezza e nell’estetica, risultando in un feedback positivo da parte degli utenti. Al contrario, i colori che si scontrano suscitano immediatamente emozioni negative.
L’agenzia UX, Conversation ha dimostrato come la combinazione di colori non corrispondenti di PC World abbia portato il 40% degli utenti a dire che il sito sembra “peccato”. I designer di PC World hanno utilizzato i colori per una campagna che si scontrava con gli elementi dell’interfaccia utente blu e viola del marchio.
La conversazione ha rilevato: “Secondo la teoria dell’armonia dei colori, i colori blu e rosso brillanti che usano per la loro campagna promozionale non corrisponderebbero necessariamente al colore principale del loro marchio, il viola”.
Sebbene le preferenze sui colori differiscano da persona a persona, i colori che contrastano influiscono in modo significativo sulla prima impressione di un utente. I designer devono anche prestare attenzione alle immagini e ad altri contenuti visivi per ridurre i contrasti, ove possibile.
UI disordinate
La capacità di leggere e assorbire i contenuti gioca un ruolo essenziale nell’estetica. UI disordinate, testo illeggibile di piccole dimensioni e troppe opzioni possono sopraffare gli utenti, rendendo un’interfaccia utente meno attraente.
I designer devono dare priorità ai contenuti, creare gerarchie visive chiare e utilizzare gli spazi bianchi per separare gli elementi dell’interfaccia utente come base per un design esteticamente gradevole.
Spazio bianco
Se scorri Behance o Dribbble, noterai che i migliori design utilizzano gli spazi bianchi per l’estetica. Apple utilizza gli spazi bianchi alla perfezione in tutti i suoi prodotti e punti di contatto di marketing.
Se scorri la home page di Apple , noterai come il gigante della tecnologia utilizzi generosi spazi bianchi in tutto, di solito con contenuti centrati per focalizzare l’attenzione dell’utente. Apple utilizza anche una combinazione di colori prevalentemente in bianco e nero, con il blu per i collegamenti/CTA e l’occasionale accento rosso.
Consistenza
La coerenza del design gioca un ruolo fondamentale nell’usabilità e nell’estetica. La coerenza consente agli utenti di pensare meno perché possono trovare gli elementi dell’interfaccia utente più velocemente e prevedere i risultati.
I designer possono migliorare la coerenza di un prodotto creando un sistema di progettazione . I sistemi di progettazione non solo risolvono le incongruenze di progettazione, ma migliorano la collaborazione interfunzionale e riducono il time-to-market.
Movimento
Le microinterazioni e le animazioni sono anche caratteristiche cruciali dell’estetica e dell’usabilità. I componenti interattivi danno vita a un prodotto digitale, fornendo agli utenti un feedback vitale mentre navigano nelle interfacce utente.
Evita le insidie dell’effetto estetico-usabilità con UXPin
Una delle sfide con la prototipazione è che gli strumenti di progettazione non hanno la stessa fedeltà o funzionalità del prodotto finale. I prototipi sono belli ma non rappresentano accuratamente l’esperienza dell’utente, influendo negativamente sul feedback e sui risultati durante i test degli utenti.
Il problema è che i progettisti stanno cercando di ottenere un feedback accurato degli utenti con strumenti che eseguono il rendering di grafica vettoriale per un prodotto sviluppato nel codice. Possono progettare belle interfacce utente che forniscono risultati eccellenti durante i test ma non soddisfano le esigenze e le aspettative degli utenti dopo il rilascio.
Con UXPin, i designer ottengono la semplicità di uno strumento di progettazione con la fedeltà e la funzionalità del codice. Invece della grafica vettoriale, UXPin esegue il rendering del codice, consentendo ai progettisti di costruire prototipi paragonabili al prodotto finale.
Questa maggiore fedeltà e funzionalità significa che i designer possono sfruttare i vantaggi dell’effetto estetico-usabilità utilizzando UXPin ed evitare le insidie che i test degli utenti potrebbero non rivelare con un prototipo basato su immagini.