Rafforzare gli spunti comportamentali in UX Web Design con i principi di Gestalt
Entra con me, se vuoi, nella mia umile DeLorean, e torna indietro nella storia fino a quel momento ti sei addormentato nel tuo corso di teoria del design.
Non avevi bisogno delle teorie della Gestalt, pensavi. Sapevi già come creare un logo killer. Avevi cose più importanti da fare, come sognare ad occhi aperti di diventare Sagmeister Il prossimo protetto.
Odio dirlo a te, ma i fondamenti dell'organizzazione percettiva vanno ben oltre la semplice immagine.
In effetti, sono le pietre miliari del processo cognitivo-emotivo-comportamentale e la comprensione della loro applicazione pratica ci consente di progettare esperienze utente più potenti.
25 secondi di storia della psicologia della Gestalt
Il campo di Psicologia della Gestalt mira a spiegare come la mente percepisce e organizza stimoli visivi, uditivi e somatosensoriali. Come professionisti del web designer e dell'esperienza utente (UX), troverai la ricerca di Psicologia della Gestalt come uno strumento inestimabile mentre procedi ad ottimizzare non solo l'usabilità del tuo prodotto ma anche il suo impegno.
Introdotto intorno al 1910, è accreditato al lavoro degli psicologi Max Wertheimer, Kurt Koffka e Wolfgang Köhler. Gestalt, in tedesco per "forma", ci fornisce informazioni su come orchestrare le esperienze degli utenti esplorando la relazione tra un determinato stimolo e la risposta cognitiva dell'utente.
Per esempio:
La teoria di Wertheimer afferma che una persona vede l'effetto dell'esperienza nel suo insieme, in contrapposizione all'accumulazione delle singole parti dell'esperienza. In sostanza si riduce a questo: tutta la realtà è sperimentata e organizzata percettivamente nel modo più semplice e stabile possibile.
Introduzione al raggruppamento emotivo
- Legge di prossimità
Gli oggetti vicini l'un l'altro tendono ad essere raggruppati insieme. - Legge di similarità
Oggetti simili tendono ad essere raggruppati insieme. - Legge di chiusura
Gli oggetti raggruppati sono visti come un tutto. - Legge di continuità
Le linee sono viste come seguendo il percorso più scorrevole. - Legge della Regione Comune
Gli articoli in aree simili tendono ad essere raggruppati insieme. - Legge di Connettività
Gli elementi collegati sono visti come gruppi.
I principi di gruppo di Gestalt, definiti anche come le leggi dell'organizzazione percettiva, sono le teorie più conosciute della Gestalt all'interno della comunità del design. Comprendendo e implementando questi principi, puoi creare disegni il cui fascino estetico suscita una risposta cognitiva positiva. Il vero valore di queste teorie, tuttavia, sta in ciò che possono contribuire all'intero processo cognitivo-emotivo-comportamentale.
Attingendo al desiderio della mente di raggruppare gli oggetti insieme per dare un senso a ciò che percepisce, siamo in grado di introdurre elementi emozionali nei nostri progetti. Ad esempio, tre icone a forma di conigli non avrebbero alcun effetto emotivo sull'utente, a meno che non suscitino disgusto nel vedere tanti coniglietti di vettori di Photoshop generici in un solo articolo:
Ma tira a Coniglio Velveteen e all'improvviso ti stai dirigendo verso il territorio della gioia-gasm:
Alla fine, proveremo un po 'di ansia per mescolare un po'. Oh no!
L'applicazione di queste teorie consente di rafforzare gli spunti comportamentali nella progettazione del coinvolgimento e di aumentare le conversioni, rafforzare l'impegno del marchio, ottenere il dominio del mondo o qualsiasi altra cosa il tuo obiettivo possa essere.
Rafforzare i segnali comportamentali con impegno emotivo tramite Gestalt
Raggruppando cognitivamente trigger emozionali con trigger comportamentali o inviti all'azione, puoi rafforzare la legittimità della richiesta e convincere l'utente a fare il passo successivo. Questo crea conversioni più elevate per cose come le iscrizioni e gli acquisti di e-mail: fasi in cui gli utenti investono qualcosa di se stessi nella relazione con la piattaforma, al contrario di semplici click-through o comportamenti basati sulla navigazione.
Mettendo in pratica questi concetti, il La campagna Facebook di Joplin Tornado di ASPCA prende gli occhi tristi di un gatto identificato come una vittima di tornado e sovrappone un grande pulsante di riproduzione.
Questo attinge al principio di prossimità creando una chiamata all'azione emozionante. Invece di incorporare semplicemente un video di YouTube, i designer hanno creato questo banner come collegamento alla pagina con il video per avere maggiore controllo su ciò che viene presentato all'utente. Mantenendo il banner coerente con le dimensioni dei lettori video sul Web e sovrapponendo un pulsante di riproduzione (sfruttando così il principio di similarità), sono in grado di creare un invito all'azione convincente.
Per confronto, la semplice incorporazione di un video di YouTube su Il blog di Tim Ferriss manca l'impegno che vediamo con la richiesta personalizzata dell'ASPCA di riprodurre il suo video.
Contagio emotivo nel web design
Quindi, come funziona? Perché alcune immagini visive sono così avvincenti, mentre altre no? Forti immagini visive e testi emotivamente coinvolgenti aiutano a creare " contagio emotivo "Con l'utente. Il contagio emotivo è un fenomeno psicologico che sostanzialmente si riduce a questo: le emozioni sono contagiose.
In altre parole, il gattino lassù ti ha appena infettato con un caso di blues medio. Puoi quasi sentirlo pensare: "Portami a casa. Amami. Diventa mio paparazzo e crea dei meme gratuiti lolcat dai miei momenti felici. " Anche se non sei una persona felina, sarebbe difficile non provare una sorta di comprensione per la sua situazione. L'ASPCA conosce il potere degli occhi degli animali tristi; si basa sulle immagini più e più volte nelle sue campagne.
L'esempio sopra utilizza una fotografia, ma illustrazioni e loghi possono anche aiutare a creare stati emotivi negli utenti. Un esempio di questo è LessAccounting La home page (come suggerito da @JbirdDesign ).
La pagina allinea visivamente il suo marchio di partnership (per ottenere credibilità) con i suoi richiami all'azione e altri segnali comportamentali, come un modo per creare fiducia. Mantenendo i loghi dei partner della stessa dimensione e forma (principio di similarità) e posizionandoli all'interno di un perimetro (principio di chiusura), i progettisti inducono l'utente a percepirli come un'unità, nonostante occupino la larghezza della pagina. Usando il Principio di Connectedness, i designer collegano visivamente i loghi alla casella centrale "La contabilità dovrebbe essere facile", dove il pulsante "Inizia con una prova gratuita" è il punto focale.
Le istituzioni finanziarie spendono molto denaro associando il loro marchio con l'affidabilità, come in "Fidati dei tuoi depositi finanziari". Questo può essere ottenuto anche con la co-op, l'associazione o il marchio della stampa.
I media di notizie posizionano anche i loro marchi come fonti di informazioni attendibili. Lungi dall'aprire una lattina di vermi sul fatto che una di queste istituzioni possa davvero essere considerata attendibile, stiamo solo riconoscendo che la fiducia è un'emozione vitale nelle loro strategie di branding. Altri marchi possono a loro volta sfruttare l'impegno emotivo di un marchio per aumentare l'efficacia delle proprie strategie. Fine. Niente guerre di fiamma nei commenti, persone.
Un altro esempio è MailChimp Richiesta di iscrizione alla newsletter, di seguito. Di fronte ai loghi di autorità del settore credibili, gli utenti entrano in una relazione con la piattaforma a un livello più elevato di fiducia, sia creando un account o iscrivendosi alla newsletter.
Quando il rischio è più elevato, come nel caso della sicurezza sociale e dei numeri delle carte di credito, dovrebbe essere anche il livello di credibilità allineato all'azione. Quando un marchio non è abbastanza credibile solo di nome, come Amazon, solitamente si affida a loghi e sigilli di fiducia, come quelli per Better Business Bureau e PCI compliance, al fine di aumentare la fiducia dei consumatori .
In poche parole
Comprendendo l'organizzazione percettiva coinvolta nel processo cognitivo, possiamo sviluppare strategie più forti per i trigger emotivi e comportamentali nelle nostre esperienze utente.
- Accoppiare i trigger emotivi e comportamentali in una qualche forma di raggruppamento cognitivo - sia per vicinanza, somiglianza o qualcos'altro - rafforza la motivazione ad agire sullo spunto comportamentale.
- Gli standard di settore non sono necessariamente i più coinvolgenti dal punto di vista emotivo, come visto nel confronto di incorporamento di YouTube sopra riportato. Impara a curare le tue esperienze, invece di iscriverti a uno standard.
- I principi della Gestalt possono aiutare i professionisti di UX a sfruttare la fiducia per aumentare le conversioni basate sulle vendite.
Come stai usando il raggruppamento emotivo e comportamentale nelle tue esperienze utente? Hai trovato un ottimo esempio nella tua navigazione? Commenti, commenti! Vogliamo sapere, per favore!