Blog

Come aumentare le conversioni con 5 consigli sulla mappa termica

Adoro utilizzare le mappe di calore per il monitoraggio dei clic perché puoi crearle con uno sforzo quasi nullo. Ci vuole un po' di esperienza per leggerli nel modo giusto, ma una volta che lo impari, diventa un ottimo modo per migliorare l'usabilità di un sito web e aiutarti a spingere le conversioni nel modo che desideri!

Aspetta un secondo, cos'è una mappa termica?

Le mappe di calore sono rappresentazioni visive delle interazioni che un utente effettua con un'interfaccia. Il colore mostra dove si trovano i punti “più caldi” e quelli “più freddi”, in base a quante interazioni sono state effettuate in una determinata area.

1. Una foto può fare la differenza

Questo tipo di mappa termica è stata creata monitorando il movimento dello sguardo dell'utente sullo schermo. In questa prima immagine è stata testata una foto in cui il bambino guardava verso lo spettatore. Molte visualizzazioni sul bambino, molti utenti felici... ma purtroppo lì dove poche conversioni.

Quando gli esperti di marketing hanno girato la foto e hanno lasciato che il bambino guardasse verso il testo, i tassi di conversione sono migliorati drasticamente.

Posizionare il punto di vista sul testo o sulla tua "call to action", ti aiuterà a portare l'attenzione sui tuoi contenuti.

Quello che abbiamo imparato è che pubblicando un'immagine di una persona, gli occhi dell'utente seguiranno la linea degli occhi dell'immagine. Puoi usare questo piccolo trucco per aiutarti a migliorare i tassi di conversione! In generale, possiamo dire che le immagini di persone dovrebbero sempre affrontare il testo anziché lo spettatore. 

2. Mappa termica delle pagine Web: viviamo in un mondo occidentale

Le persone generalmente guardano di più sul lato sinistro dello schermo. Perché? Certamente dipende da come il testo viene allineato sulla pagina. Ma penso che il motivo principale sia che le persone nel mondo occidentale leggono da sinistra a destra, dall'alto verso il basso.

Ciò non significa che dovremmo mettere il nostro "invito all'azione" sul lato sinistro dello schermo, ma poiché le persone iniziano a leggere i siti Web da sinistra a destra, dall'alto verso il basso, il contenuto in alto a sinistra attirerà per primo la loro attenzione. Grazie a queste informazioni, possiamo creare il contenuto che attiri l'attenzione degli utenti il prima possibile sulla tua area di azione.

3. Mappe di calore e correzione di bug: una storia d'amore

In questo esempio possiamo vedere una mappa termica di rilevamento del clic del mouse su un sito Web di viaggi di cui avevamo bisogno per migliorare i tassi di conversione. Abbiamo notato che tutti facevano clic sul selettore di date, ma non siamo riusciti a spiegarne il motivo. Dopo aver registrato alcune sessioni del browser con Hotjar abbiamo scoperto che il selettore di date su alcuni browser Android era nascosto sotto il pulsante di ricerca. Una grande percentuale di utenti non ha potuto scegliere una data! Dopo questa modifica, le conversioni sul sito sono migliorate del 18%. Le mappe di calore possono essere un ottimo modo per individuare i bug sul tuo sito web!

4. Mantieni il succo "above the fold"

La “piega media” del tuo sito web è la linea magica che non devi oltrepassare (cit.). Scherzo, ovviamente dovrai usare anche quella zona. Sappiamo che scorrendo verso il basso di pochi pixel perderai una grande, grande percentuale di spettatori. Tutte le tue "aree di azione" importanti dovrebbero essere above the fold.

Questo esempio è stato creato monitorando il movimento di scorrimento verticale di 2000 utenti su una pagina web.

Quello che possiamo imparare è che solo le persone che hanno bisogno di più tempo per comprendere i tuoi prodotti e servizi scorreranno sotto la piega, perché vogliono ottenere maggiori informazioni. Ciò significa che dovremmo sbarazzarci di tutte le distrazioni e aggiungere il succo!

5. Il test A/B è la chiave

Quasi tutti i punti precedenti non sarebbero mai stati fatti senza di essa. I miglioramenti del tasso di conversione molto probabilmente si accompagnano ai test A/B. Pensi che qualcosa potrebbe essere migliorato? provare a creare un'alternativa o due. Inizia a testarlo e prova a includere una mappa termica la prossima volta. Questa combinazione potrebbe rivelare qualcosa che non ti aspetteresti!

 

Questi sono i miei 5 migliori servizi di mappe termiche per iniziare

1. Hotjar è uno strumento davvero prezioso, considerando che può facilmente creare poche mappe di calore alla volta, scaricarle e crearne altre... gratis!
2. Purtroppo Crazy Egg non è più un servizio gratuito, ma puoi ottenere una prova gratuita di 60 giorni!
3. Mockingfish ti aiuterà a combinare test A/B e mappe di calore, ottimo servizio, gratuito per un anno.
4. ptengine non è buono come quelli che abbiamo visto prima, ma, ehi, è gratis.
5. Abbiamo incontrato uno dei fondatori di EyeQuant e ci ha spiegato che non si tratta di un comune servizio di tracciamento. L'Intelligenza Artificiale prevede quali parti del tuo design sono più e meno accattivanti, così puoi assicurarti che i tuoi contenuti più importanti siano subito visibili. È gratis? No, ma fornisce un'ottima alternativa ai servizi di tracciamento oculare.

Le nostre risposte
alle vostre domande

Apri o chiudi
Perché scegliere glueglue?

Siamo un’agenzia di prodotto digitale con più di 10 anni di esperienza e competenze altamente specializzate sia in ambito design che sviluppo.
Nel corso del tempo, abbiamo consolidato un metodo agile ed efficace per lavorare al meglio con tutti i tipi di clienti: dalla start-up che ha bisogno di un certo tipo di supporto alla multinazionale che desidera integrare un team dotato di agilità progettuale ed esecutiva, la nostra peculiarità più apprezzata.
Ci posizioniamo in una fascia di mercato medio alta e siamo in grado di offrire un ottimo rapporto qualità prezzo. La supervisione diretta da parte dei soci fondatori di glueglue di ogni progetto garantisce un’altissima qualità del servizio e del prodotto finito. Siamo nella top list delle migliori agenzie di User Experience e prodotto digitale su Clutch, il database delle agenzie di consulenza in ambito digital più utilizzato al mondo.

Apri o chiudi
Come lavora glueglue e quali sono le aree di competenza?

Iniziamo sempre da un’attenta analisi dei bisogni del cliente considerando non solo le esigenze di prodotto ma anche gli obiettivi di business a medio e lungo termine.
Come primo step, spesso ci occupiamo dell’identità visiva, valutando il posizionamento analizzando i competitor e individuando aree di miglioramento a livello di branding e di immagine.
Successivamente, passiamo all’area UX/UI: studiamo l’esperienza utente del tuo prodotto o servizio attraverso una UX Review con 3 professionisti dedicati per individuare i punti in cui è necessario agire per migliorare l’usabilità del sito o dell’app esaminati.
Nella fase seguente, progettiamo la User Journey Map, cioè la mappa di tutti i percorsi che l’utente segue, interagendo con il prodotto e il brand. Individuare tutti i punti di contatto è di importanza strategica per calarci in situazioni d’uso reale e capire dove si può davvero creare valore per l’utente finale e quindi per il prodotto.
Si passerà poi alla fase di realizzazione dei wireframe, con la condivisione di un prototipo interattivo che andrà a definire le funzionalità e la struttura di ogni singola pagina e interazione del prodotto.
Una volta consolidati i wireframe, si passerà alla fase di design dell’interfaccia grafica, curata nei minimi dettagli in modo da assicurare un’esperienza utente positiva e realmente soddisfacente.
A questo punto, entrano in gioco i nostri sviluppatori per la parte di implementazione. Utilizziamo le tecnologie più attuali come React, Flutter, Gatsby JS, Symfony, Node.JS e altri per realizzare prodotti con alti standard di qualità e stabilità, funzionanti e pixel perfect.

Apri o chiudi
Cosa distingue glueglue dalle altre agenzie top che si occupano di design o prodotto?

Per offrire il massimo valore, il team glueglue lavora su un numero limitato di progetti. In questo modo, i nostri professionisti possono dedicare un focus ininterrotto per ottenere sempre risultati eccellenti.
Ogni progetto è gestito sulla base di precise scadenze e meeting intermedi con il cliente. Ci prendiamo cura delle esigenze e delle potenzialità uniche di ogni prodotto e di conseguenza, ogni soluzione realizzata è esclusiva e altamente personalizzata.
Grazie all’esperienza di 10+ anni nel settore digital, abbiamo messo a punto un metodo di successo per raggiungere gli obiettivi più alti nelle aree che contano: strategia, progettazione e sviluppo.

Apri o chiudi
Potete occuparvi di web design?

Lavoriamo su tutti i tipi di prodotti digitali, dalle app iOS e Android alle webapp e piattaforme complesse.
Inoltre, una parte del team è specializzato nella creazione di marketing websites, cioè di siti web totalmente focalizzati sulla promozione del prodotto o dei servizi.

Apri o chiudi
Fate anche branding o devo cercare un'altra agenzia?

Essendo un’agenzia full-service, offriamo anche servizi di branding come naming e logo design. Tra le produzioni che realizziamo per i nostri clienti, spiccano le brand guidelines, cioè il dettagliato documento di linee guida per l’immagine aziendale. Siamo totalmente a nostro agio nel lavorare su guidelines esistenti o in collaborazione con un’agenzia di branding.

Apri o chiudi
Quanto costa affidarvi un progetto digital?

Ci piace essere sempre il più trasparenti possibile e crediamo che parlare apertamente del budget sia importante per capire come ottenere un valore aggiunto dalla partnership per entrambe le parti. Premesso questo, poiché ogni cliente ha le sue peculiarità e presenta sfide differenti, non utilizziamo un listino prezzi, ma investiamo del tempo per comprendere bene la realtà del cliente e fornire un approccio specifico e un prezzo adeguato.
Indicativamente, il prezzo dei progetti di design dell’esperienza utente e di interfaccia grafica possono variare in un intervallo compreso tra i 10.000€ e i 30.000€, a seconda di vari fattori come le esigenze del cliente e la complessità del progetto.
Il costo dei progetti in area Branding si posiziona tra i 5.000€ e i 15.000€, sempre tenendo in considerazione ogni eventuale peculiarità.
Per quanto riguarda invece la parte più tecnica, il costo per lo sviluppo di web e mobile app iOS e Android va dai 20.000€ in su.
Lo sviluppo di siti web si parte da un minimo di 10.000€. La nostra tariffa oraria media per singole consulenza è di 60€ all’ora.
Se vuoi conoscerci meglio, puoi pianificare 30 minuti gratuiti su appuntamento.

Apri o chiudi
Lavorate anche con startup early stage, quindi con risorse limitate?

Certamente, noi amiamo le startup! Abbiamo conosciuto nel tempo molti imprenditori illuminati e di grande talento.
Abbiamo investito in alcune startup, prediligendo il work for equity. La nostra esperienza è stata sempre positiva, contribuendo al raggiungimento di vari round di investimenti per un valore complessivo di oltre 30 milioni di Euro.

Parliamo di una partnership

Prenota una consulenza gratuita di 30 minuti (o anche di più se c'è feeling!)

Prenota ora