Il tuo tasso di conversione su mobile è dell'uno percento. Il tuo tasso di conversione su desktop è del cinque percento. I visitatori mobile vedono la stessa offerta dei visitatori desktop. Lo stesso prodotto. Gli stessi benefici. Tutto uguale. Ma il mobile converte una frazione del desktop. La differenza non è l'offerta. La differenza è l'attrito. Il mobile ha più attrito. Gli schermi sono più piccoli. Scrivere è più lento. I moduli sono scomodi sui touchscreen. Le immagini impiegano tempo a caricarsi sulle reti mobili. Il checkout richiede scorrimenti infiniti. Ogni passaggio sembra più difficile su mobile. Questo attrito uccide le conversioni. Un visitatore su desktop compila un modulo in due minuti. Lo stesso modulo su mobile richiede sette minuti. Al terzo minuto ha già abbandonato. L'ottimizzazione delle conversioni su mobile toglie questo attrito. Semplifica i moduli. Velocizza le pagine. Riprogetta per il tocco. Toglie i passaggi non necessari. L'obiettivo non è rendere la conversione mobile uguale a quella desktop. È togliere l'attrito artificiale che uccide le conversioni su mobile. Questo articolo spiega l'ottimizzazione delle conversioni su mobile e come migliorare le conversioni sugli schermi piccoli.
Perché le conversioni su mobile sono più basse
Le conversioni su mobile sono più basse per ragioni legittime. Gli utenti mobile sono distratti. Sono nei bar e sui treni. Vengono interrotti. I dispositivi mobili sono più lenti. Le reti sono più lente. I dispositivi hanno meno potenza di calcolo. Le esperienze mobile richiedono più fatica. Scrivere è più difficile. Bisogna scorrere. Toccare bersagli piccoli è difficile. Sono limiti reali. L'ottimizzazione mobile non può eliminarli. Ma può ridurne l'impatto.
Ottimizzare i moduli per il mobile
I moduli sono il principale punto di attrito su mobile. Un modulo a dieci campi su desktop è gestibile. Su mobile richiede uno scorrimento infinito. Semplifica i moduli per il mobile. Riduci i campi da dieci a tre. Chiedi solo le informazioni essenziali. Chiedi le informazioni facoltative dopo la conversione. Usa il riempimento automatico e la precompilazione quando puoi. Lascia che i browser mobile compilino da soli email e indirizzo. Usa tipi di campo che fanno comparire la tastiera giusta. Un campo per il numero di telefono deve far comparire una tastiera numerica. Un campo email deve far comparire una tastiera per l'email. Questi piccoli cambiamenti riducono l'attrito.
Ottimizzare la velocità per il mobile
Le reti mobili sono più lente delle reti desktop. Le pagine lente causano abbandoni. Ottimizza le immagini. Comprimile. Servi immagini di dimensioni adatte agli schermi mobile. Non servire a un telefono un'immagine desktop da quattro megabyte. Comprimi il codice. Togli il JavaScript non necessario. Rimanda il caricamento del JavaScript non essenziale a dopo il caricamento della pagina. Usa la cache in modo deciso. Salva le risorse statiche sul dispositivo così non vanno scaricate di nuovo. Testa la velocità della tua pagina su mobile. Google PageSpeed Insights ti mostra cosa correggere.
Ottimizzare pulsanti e tocco
I pulsanti devono essere più grandi su mobile. Le dita sono meno precise del mouse. Un pulsante facile da cliccare su desktop può essere impossibile su mobile. Fai pulsanti di almeno quarantaquattro per quarantaquattro pixel. È circa la dimensione di un dito. Distanzia i pulsanti in modo che non si possano toccare per errore. Non mettere due pulsanti uno accanto all'altro. Togli gli effetti al passaggio del mouse. Su mobile il passaggio del mouse non esiste. Gli effetti di questo tipo confondono gli utenti mobile. Sostituiscili con stati attivi che mostrano cosa succede quando tocchi.
Ottimizzare il checkout per il mobile
Il checkout è il punto in cui l'abbandono su mobile è più alto. Semplifica il checkout. Su mobile un checkout in una sola pagina è meglio di uno su più pagine. Riduci i campi del modulo. Precompila ciò che sai già. Mostra chiaramente i progressi. Fai sapere agli utenti quanti passaggi mancano. Offri il checkout come ospite. Non obbligare a creare un account prima dell'acquisto. Offri più metodi di pagamento. Alcuni utenti hanno un portafoglio digitale sul telefono. Altri hanno Google Pay. Altri usano la carta di credito. Supportarli tutti riduce l'attrito.
Testare l'ottimizzazione mobile
Fai test A/B sulle modifiche per il mobile. Un modulo semplificato a tre campi contro uno a dieci campi. Un pulsante più grande contro uno più piccolo. Un checkout in una pagina contro uno su più pagine. Misura quale converte meglio. Applica ciò che funziona. Il mobile è abbastanza diverso che le modifiche che funzionano su desktop possono non funzionare su mobile. Testa su dispositivi mobili reali. Testare in un browser su desktop non è la stessa cosa che testare su un telefono.
Domande frequenti
Devo creare un'app mobile invece di ottimizzare il mio sito mobile?
Non per forza. I siti mobile funzionano per la maggior parte delle attività. Le app richiedono download. I download sono attrito. Gli utenti scaricano raramente le app, a meno che diano un valore significativo. Parti da un sito mobile ben ottimizzato. Valuta un'app solo se gli utenti trarrebbero vantaggio dal funzionamento offline, dalle notifiche push o da un'esperienza migliore di quella che offre il web. Con il creatore di siti di WEMASY puoi configurarlo direttamente sul tuo sito.
Come ottimizzo per schermi mobile di dimensioni diverse?
Usa il design responsive. Un solo design che si adatta a schermi di dimensioni diverse. Le media query CSS ti permettono di applicare stili diversi a punti di rottura diversi. Testa su dispositivi e dimensioni di schermo diversi. Non dare per scontato che tutti i dispositivi mobili siano uguali. Un telefono e un tablet hanno schermi di dimensioni diverse. Ottimizza per entrambi.
Qual è l'ottimizzazione mobile con più impatto che posso fare?
Di solito ridurre i campi del modulo è ciò che ha più impatto. I moduli lunghi sono il principale punto di attrito su mobile. Togli i campi inutili e guarda la conversione mobile migliorare. L'ottimizzazione della velocità viene seconda. Le pagine lente causano abbandoni. Ottimizza le immagini e togli il codice non necessario.
Posso usare lo stesso checkout per mobile e desktop?
Puoi condividere lo stesso sistema di base ma ottimizzare la presentazione per ogni dispositivo. Il checkout da desktop può avere più campi e più passaggi. Il checkout da mobile deve essere più semplice. Usa il design responsive così un solo checkout si adatta a ogni dispositivo. Oppure crea checkout specifici per dispositivo se hai le risorse.
Come testo il mobile senza un vero dispositivo mobile?
Gli strumenti per sviluppatori del browser ti permettono di simulare dispositivi mobili. Puoi vedere com'è il tuo sito su varie dimensioni di schermo. Ma la simulazione non è uguale ai dispositivi reali. I dispositivi reali hanno reti più lente e browser diversi. Testa su dispositivi reali quando puoi. Fatti prestare telefoni e tablet dai colleghi se non ne hai di tuoi.
Qual è il miglioramento tipico dell'ottimizzazione mobile?
Un'esperienza mobile ben ottimizzata di solito migliora i tassi di conversione dal cinquanta al cento percento. Solo la semplificazione di un modulo può migliorare la conversione mobile del venti percento. L'ottimizzazione della velocità può migliorarla del trenta percento. Combina più ottimizzazioni e l'impatto si somma.