Come aumentare la conversione? - Profitto cacciatore

In questo video, Andy Edmonds (un collaboratore di Stompernet) parla di in che modo la progettazione del sito influisce sulla conversione . Questa lezione non contiene alcuna mega-scoperta, piuttosto è una rassegna di sviluppi raccolti in diversi anni di attività.

D'altra parte, queste "verità maltrattate" permettono a Andy Jenkins di guadagnare da solo fino a diversi milioni di dollari all'anno da un singolo negozio online. Quindi ascolta i consigli di questi ragazzi o it - qual è il guadagno su Internet che conoscono in prima persona 🙂

La dimensione del video è di circa 130 MB, quindi ci vorrà molto tempo per caricare.

Video "Come raddoppiare la conversione del sito"

Sei interessato sapere come si comporta un visitatore quando arrivi al tuo sito? Sono sicuro che sì. Perché anche se non riesci a raggiungere il primo posto nell'emissione di Google, sarai comunque in grado di aumentare i profitti se impari a spremere il massimo dal traffico esistente.

Prima di iniziare a studiare il materiale, apri la pagina con il video (anche se hai un accesso remoto) e sotto la finestra del video (ora a destra di esso), trova il link

Come aumentare la conversione? - Profitto cacciatore

e prendilo. StomperScrutinizer è uno strumento che emula un occhio umano. Con esso, è possibile determinare ciò che il visitatore vede e non vede sul tuo sito. Ti dirò di più sul download e l'installazione di StomperScrutinizer alla fine del post.

L'essenza del problema

La posizione errata degli elementi del sito può costare una parte sostanziale del profitto. Ecco alcuni esempi:

Come aumentare la conversione? - Profitto cacciatore

Sembrerebbe che il menu sia come un menu. Tuttavia, questo menu può ridurre i profitti del proprietario del sito fino al 25%. Vai avanti

Come aumentare la conversione? - Profitto cacciatore

Immagine colorata, testo esplicativo, disponibilità di prezzo e descrizione del prodotto. Sembrerebbe che potrebbe esserci qualcosa di sbagliato? Tuttavia, questo layout riduce il numero di persone disposte a mettere le merci nel carrello allo stesso 25%.

Come aumentare la conversione? - Profitto cacciatore

Questa pagina è perfetta per alcune frasi chiave. Inoltre, il contenuto è pienamente coerente con ciò che i visitatori stanno cercando in questa pagina. Tuttavia, a causa del carattere e della posizione dei blocchi di informazioni, il proprietario della risorsa perde fino al 14% degli acquirenti.

I motivi di questo "strano" comportamento dei visitatori

Guarda lo screenshot.

Come aumentare la conversione? - Profitto cacciatore

Vedi il punto blu e la traccia dietro di esso? come si muovono gli occhi di Andy mentre legge il testo (molto chiaramente visto nel video). Andy e l'azienda usano questo strumento, che combina software, hardware e una termocamera ad infrarossi, ogni volta che devono regolare il design di un sito web.

I nostri occhi si muovono in modo non uniforme. Lo sguardo si sposta casualmente da un punto all'altro, aderendo a un certo intervallo in uno o più troc, se leggi attentamente il testo, o l'intero schermo, quando non hai nulla da fare girovagando per i siti.

Tutto ciò che Andy Edmonds dice in questo video si basa su dati scientifici che ti aiuteranno a capire perché reagiamo sul design del sito in un modo e non altrimenti, e perché alcuni siti ci spingono ad azioni, mentre altri ci fanno desiderare di chiudere rapidamente la pagina.

Due tipi di vista

Nel centro del nostro occhio c'è il cosiddetto fossa centrale . È responsabile della percezione del colore e dei dettagli . In tempi preistorici, la capacità di mettere a fuoco la vista aiutava una persona a trovare frutti, bacche e altri alimenti.

Come aumentare la conversione? - Profitto cacciatore

Il resto della retina è responsabile della visione periferica (o laterale). Risponde a movimento e contrasto . Questo tipo di visione permetteva all'uomo delle caverne di notare l'avvicinamento di un predatore nel tempo.

Come aumentare la conversione? - Profitto cacciatore

Entrambi i tipi di visione sono correlati. Mentre la fossa centrale si concentra su una parte dell'immagine, la visione periferica cerca elementi contrastanti che l'occhio può afferrare, e non appena li trova, l'occhio si sposta su questi elementi.

Come prova Andy Jenkins Ha scattato una foto di Angelina Jolie e ha mostrato come i suoi occhi si muovessero sullo schermo, ma non cercando di tenere gli occhi puntati sul volto dell'attrice, la sua visione periferica lo attirò ad altri "elementi dell'immagine" e alla fine riuscì a conquistarlo.

Come aumentare la conversione? - Profitto cacciatore

Naturalmente, non vediamo con i nostri occhi, ma con un cervello che interpreta tutti i segnali inviati ad esso e li inserisce in un quadro generale. Tuttavia, è molto importante, che vediamo. E il successo del tuo business su Internet dipende da questo .

Quindi la parola prende Andy Edmonds , per educazione - uno psicologo cognitivo, per vocazione - uno specialista in usabilità e conversione.

I nostri occhi possono effettuare fino a 50 movimenti al secondo. Anche quando ci concentriamo su singoli dettagli, i nostri occhi non stanno fermi.

Come aumentare la conversione? - Profitto cacciatore

I movimenti oculari possono essere suddivisi in base e minore . I principali consentono di individuare gli elementi principali della pagina, mentre quelli minori segnano i dettagli di accompagnamento. Ma la cosa più importante qui è che quando i nostri occhi si muovono, rimaniamo ciechi .

Da un corso di biologia scolastica, è necessario ricordare che la mesh degli occhi consiste di coni e aste . Il grafico mostra cosa e quanto bene vediamo sul monitor.

Come aumentare la conversione? - Profitto cacciatore

Poiché è la fossa centrale dell'occhio che è responsabile della percezione del colore e dei dettagli, la percezione del sito e delle sue singole parti dipenderà dal fatto che sia possibile catturare l'attenzione del visitatore con la propria offerta e se è possibile per accogliere questa proposta in quei 2-3 gradi, dove la vista si concentra il più possibile.

Come aumentare la conversione? - Profitto cacciatore

Se si guarda lo schermo a una distanza di mezzo metro, l'immagine sullo schermo richiederà 20 gradi del campo visivo. Cioè, vedrai (in dettaglio e a colori) solo 1/10 dello schermo. Se sei seduto più vicino al monitor, allora anche meno.

Debriefing

Il primo esempio è una pagina dal sito web di Andy Jenkins.

Come aumentare la conversione? - Profitto cacciatore

Inizialmente si presumeva che il disegno avrebbe attirato l'attenzione del visitatore e che sarebbe stato in grado di aggiungerlo al cestino dopo averlo visualizzato. L'ipotesi è ragionevole, ma ... Dopo che Andy e la società monitorarono il comportamento del visitatore medio sulla pagina, si scoprì che questo layout di pagina si traduceva in una perdita di profitto del 25%.

E tutto perché un momento non è considerato qui. Ogni acquirente, prima di inviare le merci al carrello, esamina il prezzo . Ecco cosa vede (StomperScrutinizer viene utilizzato per determinare i limiti di messa a fuoco):

Come aumentare la conversione? - Profitto cacciatore

Sì, il pulsante "Aggiungi al carrello" è molto vicino, ma per trovarlo ci vuole tempo, ma il tempo riduce la conversione.

Costa Andy mettere un pulsante sotto questo blocco su tutte le pagine del sito

Come aumentare la conversione? - Profitto cacciatore

e il numero di aggiunte al carrello è aumentato del 25%.

Per posizionare correttamente gli elementi su una pagina, è necessario comprendere l'obiettivo del visitatore - scoprire il prezzo di un prodotto - e non dimenticare il proprio obiettivo - vendere il prodotto. Dininali, la conversione del sito aumenterà sicuramente.

Inoltre, aumenterai le vendite, salverai il visitatore da azioni non necessarie e se il visitatore rileva che il tuo sito è comodo e semplice, la sua lealtà verso di te crescerà.

L'importanza dei rientri e delle righe vuote

Guarda il grafico della distribuzione dei visitatori a seconda della posizione del sito nei primi dieci numeri di Google:

Come aumentare la conversione? - Profitto cacciatore

Notare la decima posizione. L'ultimo sito nell'elenco riceve quasi tutto il traffico del quinto. Interessante, non è vero?
Tuttavia, questo comportamento è prevedibile. Ci sono due fattori coinvolti: in primo luogo, l'ultima voce nella lista è leggibile - è seguita da una linea vuota:

Come aumentare la conversione? - Profitto cacciatore

In secondo luogo, il visitatore affronta una scelta: vai alla pagina successiva, che non sapranno quanto caricare, che dovrà ancora scorrere e su quali saranno sconosciuti quali siti, o rimanere su questa pagina e provare l'ultima opzione. E qui funziona la pigrizia banale - nella maggior parte dei casi l'utente sceglie la seconda opzione.

Per un utente ordinario, semplicità ha spesso o maggiore importanza persino di qualità . Una persona sceglie sempre il meglio delle opzioni disponibili , anche se questa opzione implica una banale semplicità, piuttosto che una qualità oggettiva.

E quando un visitatore arriva al tuo sito, prima attira l'attenzione sulla semplicità del sito: il modello, la navigazione, l'ubicazione delle parti, i caratteri e la combinazione di colori. Per tutto questo, l'utente impiega 1-2 secondi . Se il sito sembra troppo complicato per lui, farà senza esitare chiudere la pagina e aprire un altro sito.

Soluzioni semplici

La prima cosa che devi fare è dividere la colonna di navigazione in blocchi. (Esempio tratto dal sito reale di Andy Jenkins).

Come aumentare la conversione? - Profitto cacciatore

Nella colonna a destra, gli elementi sono suddivisi in blocchi, che sono percepiti molto più facilmente di un miscuglio di elementi e categorie, come nel menu a destra. E gli occhi si stancano di meno.

Come risultato di questa innovazione, il numero di guasti sul sito è diminuito del 25%, mentre i profitti sono aumentati del 10%. Ci sono due ragioni per questo:

  1. Facile da usare. Ogni visitatore confronta consapevolmente o inconsciamente il tuo sito con altri siti. È categorico nella sua valutazione. Ai suoi occhi, il tuo sito è buono o cattivo; semplice o complesso; utile o inutile. E se la tua risorsa è buona e semplice, la gente apprezzerà e ricorderà.
  2. Facile da cercare. Il menu è diviso in blocchi. Ogni blocco ha un'intestazione di ancoraggio per la quale l'occhio si aggrappa.

Come aumentare la conversione? - Profitto cacciatore

Ecco un esempio di cosa il menu non dovrebbe essere (a proposito, questo è anche il sito di Andy Jenkins - era così in passato):

Come aumentare la conversione? - Profitto cacciatore

Invece di aggrapparsi a qualcosa, lo sguardo del visitatore scorre attraverso la pagina da una colonna di menu a un'altra, quindi all'immagine del prodotto, quindi di nuovo al menu e di nuovo intorno al cerchio.

Menu e struttura del sito

Semplifica la struttura del sito nel suo complesso e il menu in particolare.Rompere il sito in piccoli blocchi . Alla testa di ogni blocco, inserisci un elemento che attiri l'attenzione, sia che si tratti del nome del blocco nella colonna del menu o dell'immagine del prodotto nel corpo della pagina.

Suggerimento: Quando si divide il menu in blocchi, limitare il numero di elementi in ciascun blocco a 7 (+/- 2) per titolo.

Come aumentare la conversione? - Profitto cacciatore

Naturalmente, è improbabile che quelli di voi che non possiedono un negozio online siano in grado di applicare le informazioni di cui sopra sul menu e le sue funzionalità nascoste.

Ma anche se disponi di un semplice sito Web o blog informativo e promuovi il tuo prodotto o prodotto di affiliazione attraverso di esso, puoi anche aumentare il tasso di conversione posizionando correttamente i blocchi di informazioni sulla pagina.

Ad esempio, Andy ha preso diversi layout e ha confrontato la loro usabilità. Ecco il primo:

Come aumentare la conversione? - Profitto cacciatore

Layout normale, 4 blocchi di informazioni ottimizzati, titolo, testo, collegamento ... Tuttavia, questo è uno dei peggiori layout che puoi presentare.

Andy ha fatto un piccolo test. I visitatori del sito hanno dovuto rispondere ad alcune domande. Per ciascuna delle domande sono state presentate 4 risposte possibili, come mostrato nella figura sopra. I visitatori dovevano cercare la risposta giusta per un lungo periodo, perché il layout era scomodo. Per lo stesso motivo, spesso si sbagliavano. In molti casi, hanno colpito a caso.

Risultato del test: le risposte erano imprecise e ci è voluto molto tempo per completare il test. Di conseguenza, il rapporto tra i visitatori del test è stato piuttosto negativo che positivo.

Come aumentare la conversione? - Profitto cacciatore

Ecco un esempio di un buon layout:

Come aumentare la conversione? - Profitto cacciatore

Un visitatore studia i titoli in pochi secondi, quindi legge rapidamente il testo sotto la voce e dà la risposta. Come risultato di questo cambiamento nel layout, la percentuale di risposte corrette è aumentata. Inoltre, il tempo per cercare la risposta giusta è stato ridotto del 15%. Sembrerebbe che il 15% non abbia senso, ma il visitatore sente la differenza.

5200 pixel = 1 miglio

I nostri occhi si stancano. Questo è un dato di fatto. Per gli occhi, una corsa di oltre 5200 pixel equivale a 1 miglio per le gambe. Ecco perché siamo lieti di esaminare le colonne del menu correttamente strutturate e i piccoli blocchi di informazioni. Quindi troviamo rapidamente informazioni e i nostri occhi sono meno stanchi. Ora confronta la distanza che gli "occhi" coprono con layout buoni e cattivi:

Come aumentare la conversione? - Profitto cacciatore

I principi di base per creare un layout comodo e attraente sono descritti da Andy Edmonds con l'acronimo CRAP (se non sai come parola, guarda nel dizionario 🙂.) Ora, nell'ordine:

Contrasto

Come aumentare la conversione? - Profitto cacciatore

Rientro alla fine di ogni blocco, evidenziando il titolo e l'indirizzo a colori, diverse dimensioni del carattere.

Ripetizione

Come aumentare la conversione? - Profitto cacciatore

Tutti i blocchi sono gli stessi all'interno di una pagina e su altre pagine. La prevedibilità del layout rende ancora più semplice l'utilizzo

Allineamento

Come aumentare la conversione? - Profitto cacciatore

Non devi solo unificare i blocchi di informazioni, ma sistemarli correttamente sulla pagina Regola geometrica regolare regola 🙂

Prossimità

Come aumentare la conversione? - Profitto cacciatore

Non lontano e non chiuso Gli elementi dei blocchi devono essere disposti in modo tale che il passaggio da un blocco all'altro (o all'interno del blocco) sia il più veloce possibile.

Come esempio di un buon layout, Andy cita il sito Tapestry Standard.

Come aumentare la conversione? - Profitto cacciatore

Grazie all'utilizzo di StomperScrutinizer e alle corrispondenti modifiche sul sito, Andy è riuscito ad aumentare il tasso di conversione del sito al 3%.

Passare attraverso il programma sul sito e vedere come tutto è fatto intelligentemente (o guardare il video). Ecco alcuni screenshot:

Come aumentare la conversione? - Profitto cacciatore

"Spedizione gratuita" è evidenziato a colori.

Come aumentare la conversione? - Profitto cacciatore

La categoria del menu di contrasto e la periferia contrastante.

Come aumentare la conversione? - Profitto cacciatore

Collegamento contrasto

Come aumentare la conversione? - Profitto cacciatore

La persona funge da ancoraggio visivo per il visitatore. Accanto al volto c'è una descrizione dei vantaggi per i visitatori: Money-back , chat online e aiuto di un designer di interni.

Un po 'sui pulsanti

Come aumentare la conversione? - Profitto cacciatore

Questa è una pagina di ordine standard. Come puoi vedere, il visitatore trova immediatamente il pulsante per pagare la merce, perché nella maggior parte dei casi, questo pulsante vale la pena giorni (ricorda i pulsanti "Continua" e "Continua" - sono anche gli ultimi a essere).

Il pulsante di pagamento (o aggiungere merci al carrello) dovrebbe essere l'ultimo elemento attivo della pagina o blocco di informazioni.

Notare anche la posizione del pulsante "Return to Store". Si trova in secondo piano a destra, direttamente davanti al pulsante "Checkout". Qui funziona il principio di prossimità.

Zoom

I nostri occhi hanno un'altra caratteristica: possono scandire il testo in modo scorrevole, senza prestare attenzione ai dettagli, e viceversa, osservate i dettagli in quelle parole che attirano la loro attenzione, perciò dovete fornire al lettore ancore (elementi contrastanti) per i quali il suo sguardo può catturare.

Ecco un breve elenco di tali ancore:

  • elementi di contrasto;
  • tipi di carattere;
  • facce;
  • collegamenti;
  • linee vuote (rientri);
  • immagini;
  • foto;
  • video o animazione.

Naturalmente, tutto dovrebbe essere moderato.

Sommario

  1. I millisecondi contano . Il visitatore deve prendere decisioni il più rapidamente possibile. Non disturbarlo.
  2. Le linee vuote e i rientri sono importanti tanto quanto il contenuto . Mettono in evidenza gli elementi del sito.
  3. Un visitatore confronta il tuo sito con altri siti. Cerca di non cadere faccia nel fango.
  4. Rompere il sito in blocchi. Ciò semplificherà notevolmente l'utilizzo del sito.

StomperScrutinizer

Ora è necessario scaricare e installare StomperScrutinizer. Prima di scaricare il programma, dovrai compilare un modulo e inserire il tuo nome, e-mail, paese di residenza e altri dati. Nella sezione Tipo di organizzazione, è possibile selezionare Altro.

Dopodiché, una lettera di conferma verrà inviata alla casella specificata. Segui il link nella lettera

Come aumentare la conversione? - Profitto cacciatore

Oltre al programma stesso, avrai anche accesso a un bonus speciale: suggerimenti sul design del sito web e aumento della conversione. (Ho scaricato il programma ieri, non ho ancora ricevuto il bonus. Probabilmente, arriverà in parte all'e-mail sotto forma di distribuzione.)

Dopo aver confermato il desiderio di dirlo a StomperScrutinizer, verrai indirizzato alla pagina di download.

Come aumentare la conversione? - Profitto cacciatore

Prima scarica e installa Adobe Air Runtime, quindi scarica e installa StomperScrutinizer.

Nello stesso punto della pagina troverai una FAQ e una descrizione di 10 modi per utilizzare il programma (se hai bisogno di una traduzione, scrivi i commenti, lo farò).

Ti consiglio di non ritardare la registrazione. Andy dice che dopo un po 'di tempo l'accesso al programma sarà chiuso. I marketer di questo livello non buttano le parole al vento, quindi sbrigati. Dopotutto, la questione è più probabile che non nel programma stesso, che può essere esposto in modo sicuro su Rapida, ma nelle schede, che solo gli abbonati possono ricevere.

Se hai un blog dedicato all'ottimizzazione, alla progettazione o all'e-commerce, dai ai lettori un regalo per il nuovo anno, digli di StomperScrutinizer e, se vuoi, dai un link al mio video di traduzione.

Articoli correlati:

  • 10 passaggi per promuovere video social
  • Collegamenti a ritroso, collegamenti a ritroso, collegamenti a ritroso ...
  • Ritorno al futuro - Web 2. Prospettive. 0
  • Aumento della conversione negozio online

Ti piacciono gli articoli? Iscriviti alla newsletter!

Ricerca

articoli Correlati