Clic. Questo suono significa che hai fatto il tuo lavoro. L'utente ha visualizzato la tua pagina e ha preso l'azione che volevi.
Come è stato realizzato? Dovresti pensare a questo obiettivo più mentre strutturi i tuoi progetti? Quali errori dovresti fare attenzione a evitare? Continuate a leggere per scoprirlo.
Finisce e significa
Guadagnando il clic, c'è un obiettivo più alto nel web design? Sembra così semplice, vero? ? Ehi utente, basta cliccare qui !? In pratica, tuttavia, un singolo punto d'azione può servire come lo scopo stesso di un intero progetto. Tutto ciò che hai cercato di costruire per settimane si riduce a una pressione di un pulsante, o convinci l'utente o si muove.
? Clic significa stipendi per innumerevoli individui in tutto il mondo?Così tanto tempo, sforzo e pensiero sono messi in guadagni. È un gioco di psicologia, stai cercando di influenzare i pensieri di un'altra persona per farli effettivamente esibire nel modo desiderato. È anche un puzzle di progettazione profondo, "Quali colori, forme, layout e messaggistica sono più favorevoli al comportamento di clic ?? I test A / B vengono eseguiti, gli studi vengono eseguiti, migliaia di dollari vengono spesi, il tutto con l'obiettivo finale di ottenere quel piccolo cursore dove vuoi che vada.
Clic: clienti, contatti, lead di vendita, registrazioni email, soddisfazione degli sponsor, aumento delle visualizzazioni di pagina; i clic significano stipendi per innumerevoli persone in tutto il mondo.
Come web designer, i clic sono spesso il fine che ti giustifica, i mezzi. Un aspetto molto importante della tua carriera è imparare a guadagnare questo santo graal del comportamento digitale. Discutiamo alcune strategie su come farlo.
Bar Camp
Preferisco sempre insegnare con l'esempio in modo da poter ottenere un'immagine reale di come la conoscenza può essere applicata. Il nostro primo esempio viene dalla pagina splendidamente progettata per Barcamp Omaha.
Ora, uno dei più grandi errori che possiamo fare quando parliamo di guadagnare clic sta limitando il nostro focus su questo:
Questo è davvero un bel pulsante. Contrasta bene con il colore dello sfondo, la tipografia è attraente e il layout è perfetto. Tuttavia, questa non è l'unica parte della pagina che cerca di guadagnare il clic. In effetti, l'obiettivo principale dell'intera pagina potrebbe essere considerato mirato a questo obiettivo. Di conseguenza, facciamo un passo indietro e analizziamo il contenuto della pagina in relazione a questo elemento cruciale.
Ora possiamo ottenere molte più informazioni su come funziona il flusso della comunicazione e ti spinge a prendere una decisione. La prima cosa che noto sulla pagina è l'uso del rosso: la data, il logo e il pulsante risaltano perché usano questo pop di colore su una pagina altrimenti molto blu. Notare come i pulsanti dei social media si confondono quasi con lo sfondo per confronto.
Anche la dimensione del pulsante in relazione all'altro elemento gioca un ruolo importante. Certo, i tuoi occhi potrebbero catturare quella piccola data rossa per un secondo, ma non puoi guardare questa pagina per più di un secondo senza essere attratta da quell'enorme pulsante.
Una delle cose più importanti che imparerai mai come designer è come strutturare una gerarchia di comunicazione. I designer non aggiungono semplicemente bellezza a una pagina noiosa, ma creano ordine dal caos e creano flussi di informazioni logici e intenzionali.
Questa gerarchia è fondamentale per l'obiettivo di dirigere il comportamento degli utenti. Una pagina correttamente progettata è quella che consente agli utenti di guardare dove vuoi, quando li vuoi e successivamente di fare ciò che vuoi quando vuoi. La parte più folle è che questo deve essere perfettamente bilanciato con il raggiungimento degli obiettivi dell'utente: cosa fa il utente voglio, quali azioni fa l'utente voler prendere? Se riesci a trovare un modo per raggiungere gli obiettivi del tuo cliente e gli obiettivi dei tuoi utenti, hai fatto bene il tuo lavoro.
Comunicazione che rafforza l'azione
Un altro aspetto importante del guidare l'azione dell'utente è l'effettiva comunicazione verbale sulla pagina. Il sito Barcamp ha una lezione molto interessante da insegnarci in questo settore:
Dimentica ciò che il paragrafo dice per un momento, uno su sei visitatori lo leggerà comunque, concentriamoci sul titolo: "Awww Yeah !? Questo è sciocco, poco professionale, improprio e un sacco di altri aggettivi negativi. Tuttavia, è anche brillante e esattamente ciò di cui la pagina ha bisogno.
La classica teoria delle vendite insegna la seguente lezione: fare in modo che le persone si sentano bene con il loro acquisto. La gente compra due tipi di cose: quello che vogliono e quello di cui hanno bisogno. Il primo di questi porta molta più soddisfazione, ma può anche essere una vendita più dura perché le persone possono facilmente parlare di sé dall'acquisto, qualcosa che non si può fare con l'acqua e l'elettricità. Il tuo lavoro come venditore è quello di eliminare l'esitazione dell'acquisto, rendendo l'azione sembra perfettamente piacevole. Fammi dimenticare che mi sto indebitando per $ 25.000, distraendomi di quanto mi sentirò alla guida di questa nuova macchina.
Piaccia o no, usiamo tattiche simili in web design e copywriting (non hai sempre desiderato essere un venditore di auto squallido?). L'azione che i progettisti Barcamp stanno facendo è farti spendere $ 10 (più tasse ovviamente) sul loro prodotto. Potrebbero parlarti della meravigliosa carriera che ne conseguirà, ma sembra terribile come una vecchia noiosa discussione basata sui bisogni e non è sempre facile convincere le persone che hanno bisogno di qualcosa. Invece, sono andati con? Aww Sì!?. All'improvviso, non posso fare a meno di pensare che questa transazione sia davvero gratificante. Quel $ 10 non sta comprando un biglietto per la conferenza, mi sta comprando qualcosa che merito: un buon tempo.
C'è un sacco di psicologia complessa racchiusa in questo semplice titolo. La comunicazione di questo concetto in modo semplice e professionale richiederebbe almeno cinquanta parole.Slang offre un modo facile, veloce e ampiamente compreso per semplificare il messaggio.
Tripfab
Ecco un altro esempio di una pagina abbastanza semplice con un obiettivo primario. Tuttavia, questa volta il designer non ti sta convincendo a comprare qualcosa, solo per mettere il tuo nome in un piccolo campo.
Come nell'esempio precedente, questo utilizza un design accattivante e un messaggio leggero e divertente per interessarti. Nota come c'è un grande rientro attorno al pulsante e al campo, che aiuta a richiamare l'attenzione su quell'area. Tuttavia, i progettisti spesso eseguono il backup di qualcosa di simile con qualcosa di molto meno sottile:
Disegniamo una freccia che punta dove vogliamo che l'utente guardi! Sembra ridicolo, vero? Tuttavia, in pratica funziona alla grande. Se fai una freccia, i miei occhi lo seguiranno.
Azione Reaffermante
Quando hai a che fare con un'azione che vuoi fare all'utente, ricorda che non puoi essere vago a riguardo. Nota come questo designer ha rotto una tipica convenzione con il campo di testo. Invece di rendere il valore predefinito del campo un esempio o una serie di istruzioni su cosa riempirlo, ti viene ricordato quello che stai facendo prendendo quell'azione:? Ricevi notizie e aggiornamenti?
Al di sotto di questo, c'è un messaggio sul perché dovresti fare questa azione. Le parole sono in maiuscolo, le promesse sono fatte, è un design convincente. Questa idea di riaffermare il semplice pulsante call to action con un promemoria di ciò che farai premendola è una pratica molto comune.
Qui vediamo un altro esempio della stessa strategia. Il pulsante funge da richiamo all'azione ed è rafforzato da un messaggio sul motivo per cui dovresti ottenere una ciotola di riso. La prossima volta che crei un pulsante semplice, pensaci due volte su come puoi aiutare l'utente che passa su di esso a seguire e fare quel clic.
Più di un pulsante
Il semplice messaggio di questo post è di impegnarsi in un design focalizzato sull'obiettivo. Schiaffi a? Acquista ora? pulsante su una pagina già progettata è la via più semplice, ma non è quello che sei stato assunto per fare.
Invece, prima di aprire Photoshop o creare un singolo wireframe, pensa a cosa stai cercando di ottenere. Se è solo un esercizio estetico, ottimo, il tuo lavoro è facile. Tuttavia, se stai cercando di convincere gli utenti ad acquistare un prodotto, avviare un download, compilare un modulo o eseguire qualsiasi altra azione, dovresti iniziare il tuo progetto lì e creare tutto il resto del contenuto della pagina con quella parte in mente. Crea con cura l'esperienza dell'utente per guidare i visitatori lungo il percorso che vuoi che vadano.
Conclusione
In un settore in cui i clic sono stipendi uguali, è il momento di dedicare un po 'più di attenzione a come creare progetti che influenzano veramente l'azione.
L'appeal estetico è una parte importante dell'equazione, ma è solo una parte del tuo lavoro. Assicurati di tenere d'occhio il premio e di implementare layout, caratteri, colori e messaggi che aiutano tutti a raggiungere l'obiettivo sempre illusorio di guadagnare un clic dove è più importante.