5 idee di design pop-up che non infastidiscono gli utenti

Quando si tratta di progettazione di siti Web, le opzioni sono estremamente varie. A seconda della funzionalità e degli obiettivi di generazione di lead che le aziende vorrebbero raggiungere, dovrebbero scegliere layout che soddisfino l'utente, incoraggiarli a trascorrere più tempo sulle loro pagine e impegnarsi.

Tuttavia, questo non è sempre il caso.

Hai mai navigato in un sito Web, godendoti un contenuto, quando improvvisamente appare un pop-up che ti impedisce di andare avanti? Frustrante, vero?

È molto probabile che tale esperienza ti faccia partire e trovare le informazioni di cui hai bisogno altrove. Questo perché i popup possono essere invadenti e distrarre gli utenti dalle loro intenzioni.

In effetti, secondo un sondaggio HubSpot, il 73% delle persone non ama i pop-up online più di tutti i tipi di annunci. Inoltre, il 64% degli utenti di AdBlock installa il software poiché ritiene i pop-up fastidiosi e vuole sbarazzarsene in particolare!

Tuttavia, sebbene i pop-up siano divisivi e, il più delle volte, interrompono ciò che le persone stanno facendo e danneggiano l'UX, molti proprietari di siti Web riescono a utilizzarli con successo.

Inoltre, se progettati e ottimizzati SEO correttamente, possono persino aumentare il tasso di conversione del 3%, se non di più!

In questo articolo parleremo di design pop-up, spiegheremo le linee guida e le migliori pratiche UX e forniremo 5 idee di design pop-up da cui puoi trarre vantaggio.

Cosa sono i pop-up?

In poche parole, i pop-up sono finestre del browser che vengono visualizzate sul contenuto principale di una pagina quando l'utente esegue una determinata azione o raggiunge una soglia definita da pr. L'obiettivo è attirare l'attenzione dell'utente, mostrargli un invito all'azione (CTA) e incoraggiarlo a impegnarsi.

I pop-up possono avere messaggi diversi: pubblicità di un prodotto o servizio proprietario o di terze parti, richiesta di feedback, visualizzazione di una casella di abbonamento, suggerimento di un'offerta, espressione di gratitudine, ecc.

I design pop-up sono in circolazione da 15-20 anni e sono sicuramente qui per restare. Consentono ai proprietari di siti Web di indirizzare potenziali clienti, attirare la loro attenzione e aumentare le loro possibilità di convertirli in acquirenti.

Esistono diversi modi per utilizzare i popup a vantaggio delle prestazioni del tuo sito web. Tuttavia, dovresti sempre agire tenendo presente l'intento e le preferenze dell'utente e assicurarti che il popup sia pertinente.

Di solito, i popup allontanano i visitatori quando provengono da una terza parte e non hanno una connessione diretta con ciò che l'utente sta cercando. Ad esempio, un utente sta leggendo un articolo su come trovare un buon avvocato e all'improvviso il contenuto viene bloccato da un pop-up che lo invita a un seminario di Amazon FBA.

È anche una pessima pratica inserire annunci che aprono una nuova finestra o indirizzano il visitatore a un sito Web completamente diverso.

A parte la rilevanza, l'altra cosa che definisce il tuo successo è il design pop-up. Dovrebbe corrispondere allo stile generale e ai colori del sito Web, essere intelligente e conciso e avere un CTA chiaramente definito. Potresti anche considerare l'aggiunta di un elemento giocoso, optare per colori vivaci e contrastanti per far risaltare le informazioni o qualsiasi altra cosa che ritieni possa attirare l'attenzione dell'utente e incoraggiarlo a impegnarsi.

Tuttavia, tieni presente che più appariscente il pop-up, più appare sospettoso e più è probabile che l'utente si infastidisca e magari se ne vada.

Come aumentare le prestazioni dei pop-up

Per assicurarti che i tuoi popup funzionino bene e aumentino le conversioni, invece di allontanare i clienti, devi progettarli correttamente:

Fornisci valore istantaneo

Ciò che distingue un annuncio efficace da uno fallito è il valore.

Devi capire il tuo pubblico e sapere cosa vogliono dal prodotto o servizio che fornisci. In questo modo, sarai in grado di offrire loro la giusta soluzione sul posto!

Inoltre, i popup con contenuti pertinenti vengono convertiti a oltre il 40%

Crea urgenza

Creare urgenza è il percorso definitivo per aumentare le vendite poiché l'utente ha poco tempo per prendere una decisione. Avere un conto alla rovescia sul tuo annuncio pop-up ha un tasso di conversione dell'8%% migliore di quelli senza uno.

Fonte

Promuovere la consapevolezza del marchio

Gli annunci pop-up sono difficili da ignorare, il che aiuta con la visibilità del tuo marchio e dei tuoi prodotti.

Inoltre, sono un'ottima tattica di generazione di lead e, se posizionati strategicamente sul tuo sito Web, possono aiutarti a far crescere il tuo pubblico e il tuo traffico.

Ad esempio, puoi introdurre un popup a scorrimento quando i visitatori arrivano a metà degli articoli. In questo modo, puoi suggerire di inviare loro contenuti simili via e-mail e creare una solida lista di e-mail.

Concentrati sulle conversioni

Come accennato in precedenza, un design pop-up ben implementato e mirato può davvero fare la differenza nei tassi di conversione.

Alla fine della giornata, il tuo obiettivo finale è aumentare le vendite e attirare più visitatori sui tuoi prodotti e servizi. A tal fine, assicurati di posizionare i popup nel posto e nell'ora giusti durante il percorso dell'utente sul tuo sito web.

Inoltre, non dimenticare di includere un CTA chiaro e diretto per guidare le persone al passaggio successivo.

Chiedi un feedback sul posto

I pop-up sono un ottimo modo per ottenere una reazione immediata e invitare i tuoi clienti a dichiarare cosa pensano dei tuoi prodotti.

Chiedi loro di lasciare un commento e valutare la loro esperienza prima che lascino il tuo sito web.

Ad esempio, puoi utilizzare un pop-in Net Promor Score (NPS), seguito da una casella di commento in cui l'utente può fornire input aggiuntivi.

Questi tipi di pop-up ti consentono di conoscere meglio i tuoi clienti e perfezionare i tuoi servizi in modo da poter soddisfare le loro esigenze in modo più efficace. La prossima cosa che sai, sei sulla corsia preferenziale del successo. È nella borsa!

Design pop-up: le linee guida

Quando si tratta di sanzioni di Google, devi essere sempre attento e seguire le linee guida. Se un utente fa clic sul risultato di un motore di ricerca dopo aver digitato una query e ciò attiva una pagina con un popup che lo esorta a fare clic su una fonte irrilevante, è una bandiera rossa.

Tuttavia, i pop-up possono comunque essere molto efficaci. Assicurati solo che i visitatori non arrivino su una pagina con un pop-up subito dopo aver fatto clic su un risultato SERP. Pianifica correttamente la visualizzazione dell'annuncio per assicurarsi che abbiano avuto abbastanza possibilità di sfogliare prima i tuoi contenuti.

Secondo Google Search Central, gli interstitial promozionali sono finestre di dialogo invadenti e impediscono a Google e ad altri motori di ricerca di comprendere i tuoi contenuti. È importante rendere i tuoi popup il più piccoli possibile in modo che non coprano l'intero schermo o parti chiave della pagina. Le dimensioni ottimali per un design pop-up sono fino al 15% delle dimensioni dello schermo dell'utente.

Tuttavia, Google riconosce che alcuni interstitial sono obbligatori, come i limiti di età e gli avvisi sulla privacy:

Fonte

Per stare al sicuro, assicurati che i popup non oscurino il contenuto della pagina. Ciò semplifica la scansione e l'indicizzazione e ha meno probabilità di danneggiare l'esperienza dell'utente.

Inoltre, evita di reindirizzare le richieste HTTP in arrivo a una pagina diversa da quella in cui si trovava l'utente prima dell'annuncio.

Quando possibile, utilizza i banner invece degli interstitial e utilizza i plug-in per i design pop-up standard come l'iscrizione a una newsletter o un messaggio di feedback.

Fonte

5 idee di design pop-up facili da usare

Ora diamo un'occhiata a come progettare correttamente i tuoi pop-up, in modo che possano causare meno frustrazione all'utente e ottenere prestazioni migliori:

Scegli lo stile di design giusto

Creare un design pop-up efficace per l'esperienza utente può essere complicato. Vuoi che il pop-up sia evidente, ma non così invadente da allontanare le persone. Allo stesso tempo, il design dovrebbe essere strettamente allineato con l'identità del tuo marchio. Infine, è importante mantenere il design generale semplice, utilizzando pochi colori, caratteri e immagini.

Se fatto bene, un pop-up può essere uno strumento prezioso per aumentare le conversioni e generare lead.

Tuttavia, se il design è troppo impegnativo o opprimente, non farà altro che frustrare gli utenti e spingerli via. Quindi prenditi il ​​​​tempo necessario per creare un pop-up che rifletta accuratamente il tuo marchio e offra un'esperienza utente positiva.

Posizione sullo schermo

Un'altra cosa da tenere a mente è che i pop-up dovrebbero essere facili da ignorare.

Poiché interrompono l'esperienza di navigazione dell'utente, i popup in primo piano e al centro dovrebbero generalmente essere riservati alle informazioni importanti che interessano all'utente.

Fonte

Tuttavia, data l'ampia gamma di posizioni possibili per un pop-up, i designer hanno molta flessibilità nel modo in cui possono essere utilizzati.

Ad esempio, un pop-up nell'angolo dello schermo potrebbe essere meno invadente di uno in primo piano e al centro.

Un approccio popolare consiste nel far scorrere l'annuncio pop-up dalla parte superiore o inferiore dello schermo. Ciò consente all'utente di continuare a interagire con il sito mentre è presente il pop-up. Con questo metodo, il visitatore può scegliere quando (e se) desidera interagire con il pop-up. Tuttavia, tieni presente che se il pop-up copre troppo lo schermo e diventa fonte di distrazione, potrebbe comunque allontanare gli utenti.

Un altro approccio intuitivo è rendere il pop-up meno invadente includendo un pulsante di chiusura chiaramente visibile oppure puoi semplicemente ridurre il design stesso. In questo modo, i visitatori possono ancora vedere il contenuto della tua pagina e sono più propensi a interagire con il tuo pop-up.

Scegli come target ogni visitatore

Insieme a un layout semplice e una copia semplice, è molto importante personalizzare il design del pop-up per ciascun visitatore della pagina individualmente. Identifica le pagine chiave in cui attiverà una conversione.

Creare un'esperienza personalizzata per i clienti è un delicato atto di equilibrio. Da un lato, la mancata personalizzazione può rappresentare un'occasione persa per i marchi. D'altra parte, secondo Gartner, l'eccessiva personalizzazione rende gli utenti 3 volte più propensi ad abbandonare un marchio.

Pertanto, i singoli punti dati possono essere utili per creare un'esperienza più personalizzata, ma è importante utilizzarli con giudizio. Troppa personalizzazione può essere scoraggiante, quindi è importante trovare un equilibrio che sarà apprezzato dal cliente.

Tempi

Quando un utente atterra sul tuo sito web, idealmente vuoi che prima interagisca con i tuoi contenuti e navighi in giro. Più a lungo un visitatore trascorre su un sito, meno è probabile che se ne vada (e la cosa più sicura è presentargli un annuncio pop-up).

Fonte

Fonte

Assicurati di analizzare il tempo che gli utenti trascorrono su una pagina, ovvero la sessione media. Usa Google Analytics per tracciare il traffico che ricevi e agire di conseguenza.

Tuttavia, se temi di rovinare i tempi di apparizione e allontanare gli utenti, ecco alcuni suggerimenti:

Pop-up di ingresso

Posizionare un pop-up non appena un utente arriva su una pagina può fare miracoli quando si suggeriscono offerte o pacchetti limitati. Tuttavia, di solito non è raccomandato dai motori di ricerca quando si tratta di siti Web di e-commerce.

Pop-up a scorrimento

Se vuoi assicurarti che i visitatori del tuo sito abbiano trascorso un tempo decente su una pagina e siano sufficientemente informati, un pop-up a scorrimento è una buona alternativa. Puoi impostare il tuo pop-up in modo che appaia dopo aver fatto scorrere una determinata percentuale della pagina posizionando una o alcune soglie pertinenti.

Esci dai popup

I popup di uscita sono anche noti come annunci che se ne vanno troppo presto. Appaiono quando il cursore si sposta verso il pulsante Indietro o quando stai per chiudere una pagina o fare clic su un collegamento per passare a un'altra. Il design del pop-up di uscita può essere utilizzato negli ultimi secondi che un visitatore trascorre su una pagina per suggerire un'offerta dell'ultimo minuto.

Fare clic su Popup

I clic popup sono finestre di dialogo che appaiono come risultato di un clic su un pulsante o collegamento pertinente. Questi sono probabilmente i tipi di pop-up più genuini e meno frustranti in quanto arrivano dopo che l'utente ha già interagito con il contenuto della pagina e ha intrapreso un'azione.

Nell'esempio seguente, dopo aver fatto clic sul pulsante "Unisciti alla lista d'attesa" è apparso un pop-up di iscrizione e-mail:

Fonte

Avere un tono di voce spiritoso/creativo/casual/eccentrico

Se vuoi agganciare i tuoi utenti e farli rimanere più a lungo, alleggerisci un po' e rendi la tua copia pop-up riconoscibile e memorabile. Non deve essere aggressivo o scortese, né 100% commerciale.

Pensa solo a chi è il tuo pubblico, monitora il loro comportamento, posizione, dati demografici e preferenze, in modo da poter disegnare un'immagine del tuo utente medio. Quindi progetta il tuo pop-up per visualizzare qualcosa che potrebbe piacergli.

Ricapitolare

Beh, il gioco è fatto! Abbiamo esaminato una varietà di popup ed esempi di annunci popup e discusso suggerimenti pratici su come renderli più efficaci. Si spera che questo ti abbia dato alcune idee per il tuo sito web.

Se hai bisogno di aiuto per progettare o implementare pop-up sul tuo sito, non esitare a contattare gli esperti di web designer qui su DevriX. Possiamo aiutarti a creare un'esperienza coinvolgente e intuitiva che aumenti i risultati.