Scopri cosa stanno facendo i tuoi visitatori sul tuo sito web con le mappe di calore

Gli esseri umani sono curiosi per natura. La curiosità, per molti versi, è una delle caratteristiche che ci ha fatto evolvere di più. L'informazione è potere e avere informazioni sugli altri è molto utile in molti campi diversi, incluso lo sviluppo di pagine web.

Senza entrare nel lato oscuro del mondo della privacy, ci sono molti modi per gestire una pagina web e usare la curiosità in modo etico per migliorarne le prestazioni e far sì che i tuoi visitatori apprezzino le tue pagine più di prima.

Le mappe di calore sono una tecnica volta a scoprire cosa fanno i visitatori su una pagina web e vedere come interagiscono con essa. Cioè, le heatmap ci consentono di analizzare il comportamento dei visitatori in modo aggregato e anonimo. Analizzando il movimento del cursore sulla pagina web, le mappe di calore sono una rappresentazione visiva che mostra gli hotspot della tua pagina dipinti con colori più caldi.

Inoltre, le mappe di calore ci consentono di ottenere idee per il miglioramento da applicare sul nostro sito Web. Dobbiamo solo studiare i dati che vediamo nella mappa di calore per trarre conclusioni su cosa sta succedendo, cosa stanno facendo i visitatori, cosa non va sul web e come possiamo risolverlo.

Come creare una mappa di calore in WordPress

Al giorno d'oggi, creare una mappa di calore è estremamente semplice. In WordPress dobbiamo solo usare un plugin che ci permetta di creare mappe di calore. In effetti, le mappe di calore sono una delle funzionalità più richieste dai nostri utenti di Nelio A/B Testing.

Abbiamo creato mappe di calore per molto tempo per continuare a ricercare possibili miglioramenti sul nostro sito web. A titolo di esempio, ti mostrerò qui l'ultima heatmap che abbiamo creato nella pagina principale di Nelio.

La prima cosa è creare una nuova mappa di calore. Per fare ciò, selezioniamo il nuovo test in Nelio A/B Testing e scegliamo la pagina che ci interessa, come puoi vedere nel seguente screenshot:

Quindi, dobbiamo solo iniziare il test in modo che il plug-in tenga traccia dei tuoi visitatori e aggreghi le informazioni automaticamente. Da questo momento in poi verrà generata in modo incrementale una nuova heatmap e potremo vedere i risultati graficamente.

Risultati della mappa di calore

Dopo aver tracciato un numero rappresentativo di visitatori, possiamo osservare in dettaglio il risultato della heatmap. Tieni presente che ci sono diverse visualizzazioni di questi dati estratti dai nostri visitatori.

Il tipo di visualizzazione più comune è la mappa di calore stessa, che mostra una serie di punti colorati caldi mostrati nella parte superiore della pagina analizzata. Questi punti caldi sono posizionati sopra gli elementi che hanno ricevuto più interazione.

D'altra parte, abbiamo la scrollmap, che mostra con colori più caldi fino a che punto sono arrivati ​​i visitatori nella pagina scorrendo verso il basso prima di uscire.

Infine, l'ultima rappresentazione che solitamente possiamo trovare consiste nel vedere i click che sono stati fatti sulla pagina come una nuvola di punti, o coriandoli.

Nella galleria precedente hai la mappa di calore completa, la mappa di scorrimento e i cofetti che il nostro plugin ha creato durante l'analisi della pagina principale del nostro sito web. Successivamente, diamo un'occhiata più da vicino ad alcuni dettagli delle informazioni che possiamo estrarre da tutte e tre queste rappresentazioni.

Dettagli della mappa di calore

La heatmap mostra che gran parte dell'attività di chi visita la nostra home page avviene nella prima parte della pagina. Troviamo molta interazione sui pulsanti che ci portano alle pagine specifiche di ciascuno dei nostri plugin, cosa che vogliamo che avvenga:

Ma abbiamo anche scoperto che molte persone fanno clic sul segno della freccia nella prima piega che indica loro di scorrere verso il basso. Sfortunatamente, questa freccia è solo un indicatore e non è un elemento cliccabile. Quindi sicuramente confonde il nostro pubblico, che continua a cliccarci sopra.

Come soluzione, potremmo scegliere di trasformare la freccia in un pulsante che scorre automaticamente la pagina verso il basso. In questo modo, allineiamo le aspettative degli utenti con la realtà.

D'altra parte, è curioso vedere come anche il footer riceva molta attenzione. Questo è importante, poiché suggerisce che alcuni utenti non trovano ciò che stanno cercando fino alla fine della pagina. In particolare, l'area più calda è il link di contatto. Pertanto, una buona idea di test sarebbe quella di spostare questo collegamento in un'area più prominente della pagina, solo per assicurarsi che nessuno se ne vada senza trovare ciò di cui ha bisogno.

Scorri i dettagli della mappa

La scrollmap mostra che la maggior parte dei nostri visitatori non vede nulla oltre la mezza pagina. Con queste informazioni, la conclusione principale che possiamo trarre è che il contenuto di quel punto mancherà e, quindi, non dovrebbe essere rilevante.

Per rendere i nostri contenuti più attraenti per il nostro pubblico e quindi impedire loro di andarsene, una possibilità è quella di mostrare sezioni più visive e dinamiche. I contenuti statici non risaltano abbastanza e perdiamo l'attenzione dei nostri visitatori. Per questo motivo, proporre modifiche in queste sezioni può essere una buona possibilità per testare in un futuro A/B test.

Dettagli di coriandoli

Per quanto riguarda i coriandoli, ci mostra una nuvola di punti con tutti i click che abbiamo ricevuto durante il test. Rispetto a una normale mappa di calore, i coriandoli includono più informazioni su ogni singolo clic.

Vediamo come la maggior parte dei visitatori che hanno cliccato ha impiegato dai 5 ai 10 secondi per farlo. Conoscere questi dati è molto interessante, poiché abbiamo una misura abbastanza approssimativa del tempo che abbiamo per attirare la loro attenzione.

Più la pagina è complessa e più difficile da capire, più visitatori perderemo. Queste informazioni possono aiutarci a proporre una versione molto più semplice e radicale della pagina. Ad esempio, potremmo visualizzare meno informazioni e andare dritti al punto. Questo è un altro possibile test A/B che potremmo provare dopo.

Inoltre, possiamo vedere che ci sono visitatori che fanno clic su elementi che non sono selezionabili. Una sezione particolarmente rilevante qui è l'elenco dei loghi delle aziende che utilizzano i nostri prodotti, o le testimonianze dei nostri clienti:

In queste sezioni non abbiamo elementi cliccabili, ma ottengono comunque dei clic. Ancora una volta, questo può creare confusione, quindi è importante assicurarsi che il comportamento del nostro sito corrisponda alle aspettative dei nostri visitatori. Per evitare ciò, potremmo decidere di modificare il design di queste sezioni per rendere più chiaro che non è necessario fare clic lì. O anche eliminare le sezioni, tenendo conto delle informazioni nella scrollmap, dove abbiamo già visto che stavamo perdendo persone in questa parte del web.

La cosa importante delle mappe di calore è ottenere idee per il miglioramento analizzando il modo in cui i nostri visitatori interagiscono con il nostro sito. In questo modo possiamo correggere i comportamenti non riusciti e proporre possibili miglioramenti alla nostra pagina che possiamo testare in seguito con test A/B.

Lascia che ti ricordi che la versione gratuita di Nelio A/B Testing ti consente di creare mappe di calore sulle tue pagine WordPress semplicemente come ho spiegato qui. Vai avanti e provalo. E poi facci sapere la tua esperienza e quali informazioni puoi estrarre attraverso questa rappresentazione visiva del comportamento dei tuoi visitatori.

Immagine in primo piano di Almos Bechtold su Unsplash.