Parliamo di progettare qualcosa che si collega emotivamente ad un utente. Questa connessione può essere una componente chiave per stabilire la fiducia e la relatività. È molto più difficile di quanto sembri. Ci sono così tante cose da considerare. Le emozioni sono ampie, complicate e spesso molto difficili da influenzare o cambiare.
Questo è ciò a cui penseremo oggi. Che cos'è l'interfaccia utente emotiva (o emotiva)? Come puoi creare un'interfaccia utente che evochi effettivamente quella connessione emotiva? Ed è qualcosa che dovresti considerare più attentamente nel tuo prossimo progetto di design?
Cos'è l'interfaccia utente emotiva (emozionale)?
Le nostre e-mail, i testi e i profili dei social media sono uno spaccato del mondo dell'interfaccia utente emotiva. Le nostre comunicazioni quotidiane sono piene di facce minuscole che aiutano a dire agli altri esattamente ciò che sentiamo.
Un'interfaccia utente emotiva è il nuovo Santo Graal del design del sito web. È la combinazione di un'interfaccia altamente utilizzabile e connessa con le persone a livello viscerale. Sia che si tratti di gioia o gioia o paura o rabbia o tristezza, le persone sentono una serie di cose quando interagiscono con un buon design.
Non c'è niente di peggio di un design in cui l'utente non sente nulla. (Perché a loro non importa.)
Ci sono una serie di emozioni da considerare e gli utenti potrebbero muoversi attraverso diverse fasi nel corso dell'interazione. La cosa importante da ricordare è che la parte emotiva dell'equazione arriva a causa del contenuto e del design; fa parte della storia che stai raccontando. Le emozioni dell'utente non dovrebbero derivare dall'uso diretto del sito web o dell'app stessa (come la frustrazione dovuta a qualcosa che non funziona correttamente).
Come sai, siamo tutti piuttosto complessi. Può essere difficile per gli utenti dirti esattamente cosa provano e se le connessioni emotive sono corrette. Ma ci sono alcune teorie che possono aiutarti.
La destra? Emozione
Sherine Kazim, amministratore delegato di experience design per Huge, ha sviluppato una ruota di emozioni basata sulle emoji che si basa sulla ruota del 1980 di cui molti designer pensano oggi. La ruota è una combinazione della ruota dei colori standard e aggiunge valori emotivi e associazioni a ciascun colore. È un buon punto di partenza per capire come il colore può influenzare un design.
Ma la dinamica di oggi si è spostata e la sovrapposizione di emoji di Kazim potrebbe essere un'interpretazione più realistica di dove siamo oggi.
Ecco cosa ha detto al riguardo: "Puoi vedere nel grafico che c'è una dissipazione di intensità che si verifica man mano che ti sposti al volante, e nel design, nessuno sta ancora parlando di questo. Al momento progettiamo cose che fanno provare alle persone emozioni di base - forse gioia o tristezza - ma non parliamo di come dovremmo regolare l'interfaccia utente in base a come le emozioni dell'utente potrebbero essere intensificanti o dissipanti.
Cosa significa tutto questo? Fondamentalmente, le emozioni sono complesse e molto meno dirette di quanto abbiamo progettato. La maggior parte dei designer prende quella rossa? o? rabbia? associazione e correre con esso. Ma non è esattamente così.
Gran parte di ciò che realmente entra in quella connessione emotiva riguarda anche il resto del design. Un colore da solo non può farlo.
Emozione di design
Quindi pensiamo a questa ruota di emoji per un minuto. C'è un enorme da asporto qui per i designer che è più di una bella infografica. Il concetto di ruota definisce quasi un processo in tre parti per pensare al design reale che assegni all'emozione che desideri far sentire agli utenti.
I disegni più accattivanti usano il colore, le immagini che includono i volti e le parole giuste come strumenti emotivi.
Colore
Inizia con il concetto di colore che già conosci, ma ripensa ai consigli di Kazim e considera la natura intermedia della connessione emotiva con gli utenti. Il colore da solo non è probabilmente sufficiente per stabilire un legame emotivo.
Il colore è un buon framework per aiutarti a pensare e stabilire una connessione di base. L'associazione che hai a un colore potrebbe essere diversa da quella dell'utente.
Che cosa provi quando guardi l'immagine sopra? La scelta dei colori brillanti è sufficiente per suscitare una certa emozione? O hai più sentimenti neutrali finché non guardi altre parti del design?
Faces
Visivamente, la tua migliore possibilità di creare l'emozione desiderata è usando i volti. Le foto di persone che mostrano l'emozione che vuoi trasmettere è il modo più efficace per mostrare agli utenti ciò che dovrebbero sentire.
Guarda l'immagine qui sopra dal sito web Elegant Seagulls. La foto mostra un uomo che sta esibendo un grado di felice sorpresa. Hai sentito una fitta della stessa? Hai sentito il tuo sorriso mentre guardavi l'immagine?
Questa è un'interfaccia utente emotiva efficace. Soprattutto se consideri la prossima azione che fai. Sei passato al prossimo sospetto nella sequenza solo per vedere cosa sarebbe successo?
Parole
Infine, le parole e il linguaggio sono la tecnica di progettazione che riunisce tutto. (Pensi tipicamente alle parole come a un elemento di design?) Le parole sono importanti quanto i caratteri tipografici.)
Le parole sono la stecca finale che aiuta un utente a determinare cosa significano veramente il colore e le immagini. (Sì, devi proprio spiegarlo per la maggior parte degli utenti.)
Il tono delle parole può far comprendere all'utente che il contenuto dell'interfaccia è morbido e leggero o rinforza i sentimenti di ansia e paura. Il modo in cui parli con l'utente, i comandi in chiamata ai pulsanti di azione e la narrazione contribuiscono a questa emozione. Crea la scena che intendi?
Prendi il sito di abbigliamento di Draper James, ad esempio. L'immagine dell'eroe include una faccia sorridente felice per vendere una linea di vestiti del sud. I colori sono luminosi e invitanti. Ora guarda il testo: "Happy Fall, Y'all !? Disegna una correlazione emotiva diretta con ciò che l'utente dovrebbe sentire quando interagisce con questo design.(La domanda più grande qui è di pubblico, questo tipo di emozione può effettivamente allontanare alcuni utenti? Questo è per te decidere.)
Conclusione
Mentre parlare di progettazione a livello emotivo non è nuovo, la conversazione sta riemergendo grazie ai cambiamenti tecnologici. La realtà virtuale e l'intelligenza artificiale ci lasciano molte domande sul futuro del design dell'interfaccia. Dovranno essere ancora più umani per lavorare?
Con questi concetti è probabile che gli utenti richiedano un? Reale? l'esperienza e le emozioni sono una grande parte di ciò. È il filo conduttore che riporta le persone a questi dispositivi e idee emergenti. Preparati per una corsa piuttosto folle!