Popup UX Design: best practice, suggerimenti ed esempi

Ogni sito Web incentrato sul profitto si concentra anche sull'ottenere più conversioni dai propri visitatori: incoraggiandoli ad acquistare... o almeno a iscriversi.

I popup sono lo strumento migliore per aumentare i tassi di conversione. I risultati visti dai negozi di e-commerce che iniziano a utilizzare i popup parlano da soli:

• Kiss My Keto ha ridotto del 20% il tasso di abbandono del carrello
• Christopher Cloos ha migliorato i propri tassi di conversione del 37%
• BOOM! di Cindy Joseph ha aumentato le entrate dell'e-commerce di $ 148.297 in un solo mese

Il segreto del successo delle campagne di cui sopra è stata la loro integrazione con l'esperienza utente complessiva (UX) di ciascun sito web. Queste aziende non hanno mai interrotto gli utenti durante la visualizzazione dei popup, ma invece li hanno impostati in modo intelligente in modo che appaiano quando potrebbero fornire contenuti utili e pertinenti al momento giusto.

Se riesci a farlo sul tuo sito, non solo eviterai di interrompere la tua UX, ma la migliorerai effettivamente .

In questo articolo, esamineremo 5 modi in cui puoi farlo, iniziando con...

I popup di ingresso possono essere estremamente fastidiosi.

Si tratta di popup che compaiono non appena viene caricato un sito Web. Proprio quando un visitatore inizia a orientarsi e ad acquisire tutte le informazioni sul tuo sito, viene interrotto da un popup che esce dal nulla.

Popup di ingresso anche:

• Impedisci ai visitatori di accedere al contenuto desiderato
• Spesso contengono contenuti irrilevanti
• Confondere i visitatori

In sintesi, sono quasi sempre più fastidiosi che utili e degradano l'esperienza utente del tuo sito.

Invece di infastidire i tuoi visitatori con i tradizionali popup di ingresso, fagli conoscere prima il tuo sito web. Quindi, puoi mostrare il tuo popup quando il loro comportamento indica che sono pronti per vedere un messaggio secondario.

Ecco alcuni modi tipici per attivare i popup in base al coinvolgimento degli utenti:

• Visualizza il popup dopo X secondi: questa opzione offre ai tuoi visitatori un po' di tempo per navigare nella pagina che stanno guardando. Puoi attirare la loro attenzione dopo che hanno trascorso un po' di tempo sulla pagina.

• Mostra il popup dopo lo scorrimento dell'X percento: puoi impostare i tuoi popup in modo che appaiano dopo che un visitatore ha fatto scorrere verso il basso una determinata percentuale della tua pagina web.
  
  Ad esempio, puoi impostare un popup che appare quando un visitatore ha raggiunto la fine di un articolo del blog, il che significa che è pronto per alcuni nuovi contenuti (magari offrendo un ebook gratuito in cambio delle sue informazioni di contatto).

• Mostra il tuo popup con l'intenzione di uscita: in questo modo attirerai l'attenzione dei visitatori che stanno per lasciare il tuo sito.
  
  Con un popup con intento di uscita, puoi impedire a qualcuno di andarsene senza convertirsi e convincerlo a continuare a fare acquisti o iscriversi a un elenco di e-mail.

È anche fondamentale prestare attenzione alla "frequenza" o al numero massimo di volte in cui il popup è impostato per apparire. In genere, si desidera limitare questo a 1 o 2 volte per visitatore.

Mostrare più popup può andare bene (come vedremo di seguito), ma vedere lo stesso popup più e più volte farà impazzire i tuoi utenti.

Ecco un buon esempio di come utilizzare i popup in base al coinvolgimento degli utenti. Il popup dell'intento di uscita di Obvi appare solo ai visitatori che stanno abbandonando il sito.

Non esiste un popup magico rilevante per tutti i tuoi visitatori. Questo perché non tutti hanno bisogno di vedere le stesse informazioni critiche o l'offerta di sconto allo stesso tempo.

Sfortunatamente, non è possibile identificare la soluzione ai problemi di ogni individuo e presentare loro le soluzioni in un popup.

Invece, quello che puoi fare è segmentare i tuoi visitatori in gruppi che condividono esigenze e caratteristiche simili.

Questi segmenti variano in base al settore e ai tipi di prodotti venduti in un negozio. Tuttavia, tutte le aziende possono segmentare i propri visitatori in gruppi in base alla fase in cui si trovano nel processo di acquisto.

Pensa al tuo "viaggio del cliente": come le persone imparano per la prima volta il tuo marchio, come arrivano alla tua pagina di destinazione e come trovano i prodotti che vogliono acquistare.

I segmenti nelle diverse fasi del percorso del cliente hanno esigenze diverse e i popup che mostri loro devono rispecchiarlo.

Ora, diamo un'occhiata ad alcuni altri fattori che puoi utilizzare per segmentare i tuoi clienti. Condivideremo anche alcune idee per la campagna per diversi visitatori in diverse fasi del percorso del cliente.

2.1. Prospettive fredde e calde

I "prospettivi migliori" sono clienti che stanno cercando di acquistare qualcosa in questo momento, mentre i "prospettivi freddi" stanno ancora esplorando le loro opzioni e non sono ancora pronti ad acquistare qualcosa.

Invece di trattare tutti i tuoi visitatori come se fossero "prospettivi interessanti" pronti per l'acquisto immediatamente, dovresti creare obiettivi di conversione diversi per potenziali clienti interessati e freddi.

Per i clienti potenziali, l'obiettivo di conversione è semplice: acquista ora. Il tuo messaggio deve spingere questi potenziali clienti verso una vendita immediata utilizzando uno sconto o un'offerta a tempo limitato .

Avrai bisogno di un obiettivo di conversione secondario per i potenziali clienti freddi, che in genere è convincerli a registrarsi per la tua lista e-mail. Dopo aver ottenuto i loro dettagli di contatto, sarai in grado di comunicare con loro nel tempo e coltivare la relazione fino a quando non saranno pronti per l'acquisto.

Per questo motivo, è necessario mostrare ai visitatori freddi contenuti che li facciano desiderare di iscriversi, come un ebook scaricabile.

Vediamo come funziona in azione. Ecco un ottimo esempio tratto da un paio di campagne di BOOM !.

Offrono un ebook come magnete guida per potenziali clienti interessati alla loro linea di prodotti, ma non ancora pronti per effettuare un acquisto:

Per i potenziali clienti più interessati (che hanno espresso il massimo interesse per i contenuti di BOOM! o stanno per abbandonare il carrello), utilizzano l'offerta di un coupon di sconto del 10% come incentivo per acquistare ora piuttosto che dopo.

2.2. Targeting geografico

Se vendi a livello internazionale, il targeting basato sulla posizione o il targeting geografico possono essere un ottimo modo per aumentare le conversioni. Con il targeting geografico, puoi creare tutti i messaggi diversi per tutti i paesi di destinazione che desideri.

La segmentazione dei visitatori in base alla loro posizione ti consente di fornire loro offerte specifiche per paese, come offerte sulla spedizione. Ecco un esempio:.

2.3. Indirizza i visitatori in base alla loro fase nel processo di acquisto

Ciascuno dei tuoi clienti attraversa le seguenti fasi di consapevolezza:

I 5 livelli di consapevolezza descrivono le diverse mentalità in cui si troveranno i clienti quando interagiscono con il tuo sito. Un cliente che ha appena appreso dell'esistenza del tuo marchio visualizzerà la stessa pagina in modo molto diverso rispetto a un cliente fedele.

Ecco perché devi comunicare diversi messaggi secondari attraverso i tuoi popup a ciascuno di questi segmenti.

Ecco alcuni esempi di messaggi personalizzati per uno di questi gruppi.

1. I visitatori attenti ai problemi sanno di avere un problema, ma stanno ancora cercando di trovare il modo migliore per risolverlo. Quindi, a questo punto, il tuo obiettivo è aiutarli a capire meglio il loro problema (che sia un problema di cura della pelle o la necessità di un nuovo paio di scarpe da corsa) e offrire possibili soluzioni.

Un modo per farlo è attraverso i post del blog e gli ebook. Ad esempio, se hai un articolo su "consigli per l'esecuzione per principianti", potresti anche promuovere un ebook che fornisce suggerimenti "come fare" su come eseguire un 10K.

2. I visitatori attenti alla soluzione sanno quale tipo di prodotto risolverà il loro problema e stanno valutando attivamente le loro opzioni (rendendoli un potenziale cliente più "caldo" rispetto ai visitatori consapevoli del problema di cui abbiamo appena discusso). Questo rende il tuo obiettivo semplice: aiutali a trovare il prodotto migliore per loro sul tuo sito.

Un approccio collaudato consiste nel mostrare loro i prodotti più popolari (o prodotti "di tendenza") nella categoria in cui stanno navigando.

3. I visitatori più consapevoli hanno trovato un prodotto specifico che amano che risolverà il loro problema. Tutto quello che devono fare è fare clic su "Acquista ora" e completare la procedura di pagamento. Anche quei clienti che sono i tuoi potenziali clienti più "caldi", spesso avranno bisogno di un'ultima spinta per effettuare un acquisto.

Un'irresistibile offerta speciale disponibile solo per un periodo di tempo limitato è il modo migliore per convincere questo segmento ad acquistare ora piuttosto che dopo.

2.4. Segmentazione avanzata

Puoi anche tenere conto del comportamento in loco dei tuoi visitatori, consentendoti di creare segmenti di utenti sempre più specifici. Più specifica è la tua segmentazione, più pertinente può essere la tua messaggistica.

Puoi utilizzare il seguente comportamento specifico dell'utente per segmentare ulteriormente i tuoi visitatori:

• Sono stati nella sottopagina corrente per almeno X secondi
• Provengono da una specifica sorgente di traffico
• Attualmente stanno navigando in una pagina specifica
• Aver già visitato una o più pagine specifiche
• Avere articoli specifici nel carrello
• Avere un valore del carrello maggiore di una soglia specifica

Questo ti permette di:

• Mostra diversi popup ai visitatori provenienti da diverse fonti di traffico (ad es. Facebook e Google Ads).
• Mostra determinate campagne ai potenziali clienti che hanno visitato pagine specifiche ma non hanno ancora effettuato un acquisto.
• Indirizza i visitatori in base agli articoli che hanno già aggiunto al carrello (per l'upselling e il cross-selling).

Come abbiamo detto, "Se vendi a tutti, non vendi a nessuno". Puoi portarlo al livello successivo con la personalizzazione.

Dopo aver separato i tuoi visitatori in segmenti in base ai loro interessi, variabili demografiche o geografiche e alla loro fase nel processo di acquisto, puoi mostrare loro i messaggi più rilevanti.

Ad esempio, se vendi elettronica e sai che un visitatore specifico è interessato agli smartphone, "25% di sconto sugli smartphone" è un messaggio molto più efficace di "25% di sconto sui prodotti selezionati".

Esistono quattro livelli di personalizzazione di base per i messaggi nei tuoi popup:

1. Tutti ricevono lo stesso messaggio: in altre parole, trasmetti un'offerta generale a tutti i visitatori del tuo sito web. Questo non è raccomandato.
2. Fai due diverse offerte per potenziali clienti caldi e potenziali clienti freddi: ovvero dividi il tuo pubblico in due segmenti principali in base al loro coinvolgimento. Anche questa semplice segmentazione può fare la differenza.
3. Esistono diverse offerte per ciascuno dei principali gruppi di visitatori: in questo caso, dividi i tuoi visitatori in diversi gruppi in base a variabili rilevanti e li coinvolgi nuovamente con messaggi personalizzati per ciascun gruppo.
4. Tutti ricevono un messaggio personalizzato utilizzando la sostituzione dinamica del testo: questo è il più alto livello di personalizzazione per i tuoi popup. Ogni messaggio è personalizzato per l'individuo specifico che lo vede.

Con la sostituzione dinamica del testo , il testo nei tuoi popup si aggiornerà automaticamente in base alle variabili che scegli.

Ciò significa che puoi creare un modello e quindi modificare il contenuto per soddisfare le esigenze di ciascun pubblico di visitatori. L'utilizzo di questo approccio riduce la quantità di sforzo da parte tua e garantisce che ciascuno dei segmenti di visitatori visualizzi i contenuti più rilevanti.

Tornando al nostro esempio dall'alto, il negozio di elettronica promuove lo "SCONTO del 25% sugli smartphone" quando un visitatore tenta di lasciare il proprio sito dalla pagina della categoria smartphone o dalla pagina di un singolo prodotto all'interno della categoria smartphone.

Tuttavia, quando un visitatore cerca accessori per laptop e tenta di lasciare il sito, la parola "smartphone" cambia automaticamente in "accessori per laptop", parlando direttamente delle esigenze del cliente.

Per massimizzare le tue conversioni, dovresti limitarti a un obiettivo per popup e assicurarti che la sua proposta di valore sia persuasiva.

Una proposta di valore è un vantaggio che i clienti possono aspettarsi dall'interazione con il tuo popup o dall'acquisto dei tuoi prodotti. La proposta di valore di un popup di iscrizione e-mail potrebbe essere l'accesso esclusivo a determinate vendite o prodotti, mentre il valore di un popup di sconto deriva dal denaro che un visitatore può risparmiare utilizzando il codice coupon.

Se stai cercando di raggiungere più obiettivi nello stesso popup, diminuirai le possibilità di completarli. In definitiva, confonderà il tuo messaggio e confonderà i visitatori sul valore della tua offerta, rendendo meno probabili le conversioni e le vendite.

È possibile raggiungere diversi obiettivi utilizzando i popup, ma assicurati di limitarti a perseguirne solo uno in ogni popup.

Ecco alcuni obiettivi di e-commerce comuni:

1. Guidare le vendite
2. Costruisci la tua mailing list
3. Ridurre l'abbandono del carrello
4. Upselling e cross-selling
5. Migliorare l'esperienza del cliente

Come abbiamo appena visto, il successo di un popup dipende dal valore che fornisce ai tuoi visitatori.

Ma non importa quanto sia preziosa la tua offerta, se trarne vantaggio è troppo difficile, allora nessuno vorrà affrontare il problema.

Ecco perché è importante evitare di chiedere troppe informazioni. La visualizzazione di troppi campi in un popup di iscrizione e-mail, ad esempio, sembrerà troppo lavoro per la maggior parte degli utenti. Inoltre, i nuovi visitatori potrebbero esitare a fornire troppe informazioni personali.

Meno dati richiedi, più conversioni otterrai. In molti casi è sufficiente un solo indirizzo e-mail, come nell'esempio seguente.

Molti siti richiedono anche un nome per personalizzare i propri messaggi in futuro, come in questo esempio di The Oodie.

Quando senti la necessità di richiedere maggiori informazioni, è meglio utilizzare un popup a più passaggi. In questo modo, puoi chiedere prima le informazioni più critiche, quindi avere campi di input aggiuntivi nella seconda pagina del tuo popup.

Il popup di Oodie aveva una seconda pagina in cui chiedevano anche un numero di telefono:

Questa strategia utilizzata da The Oodie è chiamata "Metodo del cavallo di Troia" e ha generato $ 1,9 milioni di entrate extra per The Oodie in soli 30 giorni.

Se vuoi “rubare” la loro strategia, guarda il nostro allenamento gratuito.

Creare popup come i designer UX significa pensare a ciascuno dei tuoi visitatori come a un essere umano e considerare attentamente lo stato d'animo in cui si troveranno quando apparirà un popup.

Ecco perché non dovresti mai usare un popup di ingresso e invece creare popup in base al coinvolgimento degli utenti con il tuo sito. Il passaggio successivo è la definizione dei segmenti di utenti e la visualizzazione delle offerte pertinenti. Infine, puoi personalizzare i tuoi popup utilizzando la sostituzione dinamica del testo per adattare i tuoi messaggi a ciascun utente.

Seguendo queste best practice, puoi migliorare l'esperienza utente sul tuo sito migliorando allo stesso tempo i tuoi sforzi per la creazione di elenchi e aumentando allo stesso tempo le vendite!

Inizia gratuitamente con OptiMonk e crea straordinari popup che migliorano l'esperienza dell'utente in pochi minuti.