Casa  /  Tutti  / 5 modi per rendere i popup fantastici su un dispositivo mobile (per il tuo sito web reattivo)

5 modi per rendere i popup fantastici su un dispositivo mobile (per il tuo responsive...

Popup mobili

Il nostro mondo è ufficialmente diventato mobile. Analizzando la quota di minuti digitali trascorsi dagli utenti negli Stati Uniti su diversi dispositivi, sono stati presi in considerazione gli smartphone 62 per cento seguiti dai desktop con il 29% e dai tablet con il 9%.

Promuovendo il passaggio all'era mobile Google ha annunciato che implementerà la sua indicizzazione mobile-first come impostazione predefinita per tutti i siti Web a partire dal 1° luglio 2019. Tutti questi fattori hanno reso l'incorporazione di pratiche di responsive design durante lo sviluppo di siti Web e app Web un must per Tutto.

Sfruttare l'enorme quantità di afflusso di traffico mobile che si verifica quando gli utenti arrivano sul tuo sito web ottimizzato per dispositivi mobili richiede la creazione intelligente di una strategia pop-up. Uno che obbliga gli utenti a convertirsi e ad inserire il tuo pipeline di vendita senza influenzare negativamente l'esperienza dell'utente o, peggio, il posizionamento SEO su Google.

Considerazioni importanti prima di implementare i popup mobili

Google attribuisce la massima importanza a un'esperienza utente fluida e ha quindi emanato linee guida rigorose per quanto riguarda l'incorporazione di popup sui siti web mobili. Considera i popup sotto forma di pubblicità interstitial come invadenti e ostruttivi per l'esperienza complessiva dell'utente durante la navigazione su dispositivi mobili.

Ha quindi delineato norme rigorose per migliorare l'esperienza di ricerca mobile. Si tratta di penalizzare le pagine Web che mostrano popup ostruttivi sulle pagine di destinazione (quelle in cui finiscono gli utenti dopo aver fatto clic sui risultati di ricerca di Google).

 

Ecco cosa devi assicurarti durante la progettazione dei popup in modo che le classifiche di ricerca del sito Web non ne siano influenzate.

  • I popup non dovrebbero coprire il contenuto principale della pagina web mentre l'utente sta navigando
  • Il popup dovrebbe avere la forma di un interstitial autonomo che l'utente deve chiudere per accedere al contenuto principale
  • La parte Above the Fold del layout della pagina non deve comprendere esclusivamente il popup che obbliga l'utente a scorrere verso il basso per accedere al contenuto.

Utilizzo dei popup per aumentare le conversioni da dispositivo mobile

Nonostante Google non favorisca i popup mobili e l'opinione degli utenti sui popup sia negativa, la loro importanza e capacità di guidare le conversioni del sito web per il tuo business è innegabile.

Se eseguiti correttamente, i popup hanno il potenziale per incentivare le iscrizioni degli utenti e generare entrate in modo favorevole. Che tu stia progettando un sito web di e-commerce o un Sito Web SaaS B2B, progettare popup efficaci che costringano gli utenti a fare clic su di essi è fondamentale dal punto di vista aziendale.

Ecco 5 modi in cui puoi far sì che i popup sul tuo sito web responsivo abbiano un bell'aspetto su un dispositivo mobile senza influire negativamente sulle classifiche di ricerca.

1. Progetta il popup per dispositivi mobili

Il responsive design non significa che lo stesso popup visualizzato sul desktop funzionerebbe anche per i dispositivi mobili. La quantità di spazio sullo schermo disponibile nel caso dei telefoni cellulari è significativamente inferiore, quindi avere lo stesso set di popup finirebbe inevitabilmente per ingombrare l'interfaccia utente, diminuendo così l'esperienza dell'utente.

Inoltre, i popup visualizzati sui siti Web desktop non sono soggetti alla penalità di Google, quindi potresti visualizzare popup a pagina intera che coprono il contenuto e ciò non ostacolerebbe il posizionamento della tua pagina web. Una strategia simile nel settore mobile per garantire il design responsivo sarebbe utile.

Progettare diversi popup per le versioni web e mobili del tuo sito web ti dà un vantaggio sul design e fornisce il margine di manovra per le linee guida di Google.

2. Attenzione al bersaglio tattile

La progettazione dei popup per il Web e per i dispositivi mobili è fondamentalmente diversa a causa della differenza nelle dimensioni dello schermo e del tipo di interazione dell'utente che esiste in entrambi i casi. Mentre i campi di input nel caso del Web possono essere più piccoli per accogliere i clic del mouse, gli stessi devono essere abbastanza grandi da incorporare target tattili.

Un target tattile più piccolo dà origine alla “sindrome delle dita grasse”. L'utente invece di convertirsi potrebbe finire per abbandonare il tuo sito web se non è in grado di completare l'azione desiderata sui dispositivi mobili.

Come regola generale, ogni pulsante cliccabile sul tuo sito web mobile deve avere dimensioni minime di 44×30 px. I dispositivi mobili non sono il mezzo di input preferito dall'utente. Se stai chiedendo iscrizioni via email, assicurati che il campo di input sia abbastanza grande da consentire agli utenti di fare clic con il semplice tocco di un dito e che il modulo di input abbia un flusso che offra il minimo attrito per l'utente.

3. Limita la dimensione del popup

Un banner popup nella parte inferiore dello schermo che non copre il contenuto principale della pagina web è una strategia popolare per incorporare i popup nella pagina di destinazione. Poiché non copre il contenuto principale del sito web che si trova sopra la piega, non viola le specifiche di Google.

È anche meno ostruttivo per gli utenti rispetto a un popup modale a pagina intera. L'unica sfida nell'incorporare questa strategia popup è che ti rimane una quantità limitata di spazio a tua disposizione per fornire un valore sufficiente alla conversione dei tuoi clienti.

Poiché il popup è più piccolo, potrebbe eludere l'attenzione dell'utente. Inoltre, i campi di input più piccoli possono rappresentare una sfida per gli utenti che desiderano iscriversi alla tua lista.

4. Non bombardare l'utente con i popup

I popup che vengono visualizzati non appena l'utente arriva sulla tua pagina web sono una disattivazione immediata. Incorporateli in modo tale che si attivino più tardi durante il percorso di navigazione dell'utente, una volta che ha avuto la possibilità di consumare prima il contenuto. Non lasciare che il popup venga visualizzato immediatamente o entro pochi secondi dall'arrivo del visitatore.

Un'altra strategia praticabile è visualizzare il popup nella seconda pagina visitata dall'utente. In questo modo non si violano le linee guida di Google e poiché l'utente ha avuto abbastanza tempo per fruire di contenuti di valore, anche le possibilità di conversione sono più elevate.

5. Comprendere l'intento e fornire valore

I popup che offrono valore fanno sì che l'utente faccia volontariamente clic su di essi. Tali popup si integrano nel percorso dell'utente attraverso il tuo sito web mobile e garantiscono anche un'esperienza utente fluida.

Comprendere la psicologia dell'utente e decifrare l'intento con cui visita la pagina web fornisce i lead necessari per elaborare una proposta di valore convincente. Nella pagina di destinazione viene quindi incorporato un pulsante di invito all'azione anziché un popup. Facendo clic sul CTA, viene visualizzato il popup.

A differenza di altri tipi di popup su cui gli utenti fanno clic per frustrazione (per chiuderli) o su cui fanno clic accidentalmente a causa del loro posizionamento, i popup CTA sono integrati meglio. Poiché gli utenti fanno clic volontariamente su di esso, è garantita un'esperienza utente migliorata.

Indipendentemente dalla strategia scelta, la progettazione dei popup e dell'intero sito Web mobile nel suo insieme deve essere eseguita tenendo presente l'esperienza utente complessiva. Comprendere la psicologia del visitatore e soddisfare le sue esigenze è la chiave del successo aziendale e dell'aumento delle conversioni.

Rahul Varshneya è il cofondatore e presidente di Arkenea. Rahul è stato presentato come leader del pensiero tecnologico in numerosi canali mediatici come Bloomberg TV, Forbes, HuffPost, Inc, tra gli altri.