Come migliorare le conversioni mobili (una guida pratica)

Capire come migliorare le conversioni mobili si riduce a un’idea: rendere l’esperienza del telefono davvero semplice – velocizzare le pagine, progettare i pollici con grandi target di tocchi e spaziatura generosa, accorciare i moduli con tipi di input mobili e riempimento automatico, mantenere visibile la tua chiamata all’azione principale e testare tutto su dispositivi reali che i tuoi visitatori utilizzano effettivamente. La verità è che la maggior parte del traffico arriva ora su un telefono, ma molto meno di quei visitatori si convertono rispetto ai visitatori desktop. Questo divario non è un problema per cui sentirsi male – è la singola più grande opportunità che hai. Chiudere anche solo una parte di esso e si guadagnano più clienti dallo stesso traffico che stai già pagando.

Ok, siamo onesti per un secondo. Probabilmente hai versato vero amore nel tuo sito web – e poi controllato sul tuo telefono e sentito quel piccolo argano. Il bottone è un capello troppo piccolo. La forma ti fa pizzicare e zoomare. Un pop-up scorre prima ancora di aver letto il titolo. Ecco la parte che nessuno ti dice: quell’arricciatura che senti è l’attrito esatto che provano anche i tuoi visitatori mobili, tranne che non hanno la tua pazienza o la tua ragione per rimanere. Se ne vanno. La buona notizia? Ognuno di questi momenti è risolvibile e non è necessario essere uno sviluppatore per capire cosa sta succedendo o come renderlo migliore. Ti guiderò attraverso l’intera faccenda e ti prometto che diventerà più chiaro man mano che andiamo.

Perché le conversioni mobili contano così tanto?

Mettiamo la scena, perché il “perché” qui è veramente motivante una volta che fa clic. Per la maggior parte dei siti web oggi, la maggior parte dei visitatori si presenta su un telefono. Sono sul divano, in fila per un caffè, a guardare la TV, a scorrere tra le riunioni. E’ qui che vive l’attenzione. Eppure, su molti siti, i visitatori mobili si convertono a un tasso notevolmente inferiore rispetto ai visitatori desktop: navigano, si interessano e poi qualcosa di piccolo li fa salire e rimbalzano.

Siediti con quello per un momento, perché è l’intera opportunità in una frase: stai già attirando il traffico, ma il tuo sito lo sta perdendo al traguardo sul dispositivo esatto che la maggior parte delle persone usa. Non hai bisogno di più visitatori per crescere — Devi smettere di perdere quelli che hai già. Questa è una vittoria molto più economica e veloce rispetto alla ricerca di nuovo traffico, ed è interamente sotto il tuo controllo.

Voglio essere attento e onesto qui: la dimensione di quel divario mobile-versus-desktop è diversa per ogni azienda, quindi per favore non fidarti di un numero spaventoso che leggi in un post sul blog (incluso un numero che potresti immaginare che ti darei) — Non lo farò, perché lo farei io). L’unica cifra che conta è your gap, measured on your analisi. Scopriremo esattamente come trovarlo più tardi. Per ora, basta tenere l’idea: il divario è l’opportunità, e di solito è più grande di quanto la gente si aspetti.

Questo lavoro si colloca esattamente all’interno della più ampia disciplina di ottimizzazione del tasso di conversione. Se siete più recenti all’idea di trasformare sistematicamente i visitatori in clienti, vale la pena leggere il nostro primer su Come fare l’ottimizzazione del tasso di conversione per i principianti primo — ti dà la mentalità di misura che rende tutto più difficile sotto terra.

Quanto la velocità della pagina influisce davvero sulle conversioni mobili?

Molto. Onestamente, se si risolve solo una cosa, fissare la velocità. Su un telefono — spesso su una connessione cellulare a patch, con meno potenza di elaborazione rispetto a un laptop — ogni secondo in più di tempo di carico è un piccolo invito a partire. La gente non aspetterà, e sicuramente non aspetterà give you money. Una pagina veloce si sente affidabile e facile; una lenta si sente rotta prima ancora di essere caricata.

Il quadro pratico per misurare questo è Google’s Web Vitalsdi Google, un piccolo insieme di metriche di esperienza del mondo reale. Non è necessario memorizzare gli acronimi, ma aiuta a sapere cosa stanno misurando in inglese semplice:

• Quanto velocemente viene visualizzato il contenuto principale. Il pezzo più grande della pagina – di solito la tua immagine eroe o titolo – dovrebbe apparire rapidamente, in modo che il visitatore si sente come qualcosa sta accadendo.
• Quanto si sente la pagina quando viene toccata. Quando qualcuno tocca un pulsante o un link, la pagina dovrebbe reagire immediatamente, non congelare mentre un gruppo di script finisce di funzionare.
• Quanto è stabile il layout durante il caricamento. Niente è più esasperante che raggiungere di toccare qualcosa e farlo saltare perché un annuncio o un’immagine caricato in ritardo. Riserva spazio per gli elementi in modo che la pagina non si sposti sotto il pollice.

Ecco la tua lista di controllo della velocità, la roba che muove l’ago più senza una ricostruzione completa:

• Comprimere le immagini. Le immagini sono di solito la cosa più pesante su una pagina. Serviteli nelle dimensioni che visualizzeranno, useranno formati moderni e li comprimeranno duramente: la perdita di qualità è quasi sempre invisibile, ma il guadagno di velocità è molto visibile.
• Contenuto sotto-il-piede di carico pigro. Carica solo immagini ed elementi pesanti mentre il visitatore scorre verso di loro, quindi la prima schermata appare veloce e il resto arriva appena in tempo.
• Taglia gli script. Ogni pixel di tracciamento, widget di chat e animazione di fantasia ha un costo. Controllali onestamente e taglia ciò che non stai veramente usando.
• Misurare su un telefono reale su dati reali, Non solo il tuo ufficio wifi. L’esperienza su un telefono di fascia media su cellulare è l’esperienza che conta.

La velocità è anche uno dei motivi più comuni per cui le persone se ne vanno senza agire affatto. Se i visitatori atterrano e svaniscono rapidamente, la nostra guida Come ridurre la frequenza di rimbalzo si abbina magnificamente con questa sezione — Una pagina più veloce è spesso la più grande correzione di rimbalzo che ci sia.

Che aspetto ha il design mobile intuitivo?

Ecco un cambiamento mentale che cambia tutto: un telefono non è un desktop minuscolo. La gente lo tiene in una mano e lo guida con un pollice, spesso mentre è distratto. Quindi la domanda non è “il mio sito desktop si adatta a un piccolo schermo?” È “può qualcuno tranquillamente farlo con il pollice, con una mano sola, senza pensare?” Il design per il pollice e quasi tutto il resto cade a posto.

Rendere gli obiettivi del rubinetto grandi e ben spaziati. Pulsanti, link e controlli di forma devono essere abbastanza grandi da colpire con fiducia e abbastanza distanti da non dita di grasso quello sbagliato. Una fila ristretta di piccoli collegamenti è un assassino di conversione perché ogni errore di tocco è una piccola dose di frustrazione. In caso di dubbio, renderlo più grande e dargli spazio per respirare.

Metti le cose importanti nella zona del pollice. L’area più semplice da raggiungere su un telefono è la parte inferiore e centrale dello schermo. Gli angoli superiori sono un tratto. Quindi la tua azione primaria – la cosa che vuoi che la gente tocchi – non dovrebbe essere abbandonata in un angolo difficile da raggiungere. Tienilo dove un pollice riposa naturalmente.

Dare tutto spazio. Lo spazio bianco non è spazio sprecato sul cellulare; è ciò che impedisce a un piccolo schermo di sentirsi claustrofobico. La spaziatura generosa tra gli elementi rende una pagina tranquilla, premium e facile – e la conversione di pagine calme e facili.

Semplifica la navigazione. Un menu desktop tentacolare inserito in un telefono diventa un labirinto. Confrontalo con le poche cose di cui le persone hanno effettivamente bisogno, rendi il menu facile da aprire e chiudere e non seppellire le tue pagine chiave con tre tocchi di profondità. Ogni tocco in più tra un visitatore e il loro obiettivo è una possibilità di perderli.

Fai attenzione al tuo tipo e al tuo contrasto. Un testo che è comodo da leggere senza zoom, con un forte contrasto tra le parole e lo sfondo, non è solo più bello – è la differenza tra qualcuno che legge la tua offerta e si arrende. Questo è un problema di accessibilità tanto quanto di conversione: un buon contrasto e un dimensionamento leggibile aiutano le persone con visione bassa, le persone alla luce solare e onestamente tutti. Progettare per la persona che sta lottando un po ‘rende l’esperienza migliore per tutti i tuoi visitatori.

Come si riparano i moduli mobili e il checkout?

I moduli sono dove le conversioni mobili vanno a morire, quindi questa sezione merita la tua piena attenzione. Digitare su un telefono è lento e soggetto a errori, e ogni campo che chiedi è una piccola tassa sulla pazienza del visitatore. La soluzione è un mix di chiedere di meno e fare il poco che chiedi il più indolore possibile.

Ask for less. Passa attraverso il tuo campo modulo per campo e sfida ognuno di loro: ne hai davvero bisogno right nowO lo stai raccogliendo per abitudine? Ogni campo che rimuovete aumenta le vostre probabilità di completamento. Puoi sempre raccoglierti più tardi, una volta che hai guadagnato la relazione.

Usa i giusti tipi di input mobile. Questa è una piccola cosa tecnica con un grande payoff: quando un campo è contrassegnato come un’e-mail, un numero di telefono o un campo numerico, il telefono richiama automaticamente la tastiera corrispondente. Una tastiera con il segno * pronto, un pad numerico per un codice zip — queste piccole comodità riducono l’attrito e gli errori di battitura. Chiedi a chi mantiene il tuo sito di impostare i tipi di input corretti; è un cambiamento rapido.

Accendere il riempimento automatico. I telefoni possono compilare nomi, indirizzi ed e-mail automaticamente se i campi sono etichettati con attributi standard. Fatto a destra, un visitatore compila un intero modulo in due tocchi. Fatto male, l’autofill fallisce e tornano a beccare ogni lettera. Questo è un basso sforzo e un’alta ricompensa.

Offrire portafogli digitali al checkout. Lasciare che le persone paghino con il portafoglio già sul proprio telefono rimuove il singolo momento mobile più doloroso: digitando un numero di carta, scadenza e codice di sicurezza con un pollice. Un’opzione di pagamento con un solo tocco può semplificare notevolmente il passaggio finale in cui vengono abbandonati così tanti carrelli mobili.

Mantenere il checkout breve e indulgente. Mostra i progressi in modo che le persone sappiano quanto sono vicine, convalida gli errori in linea in modo che riaffiorano delicatamente mentre vanno piuttosto che tutti in una volta alla fine, e non forzare mai qualcuno a creare un account solo per acquistare. Il checkout è il momento più fragile dell’intero viaggio e il mobile rende ogni bordo più nitido.

Perché il checkout merita la sua immersione profonda, ti manderei sinceramente alla nostra completa panoramica su come ottimizzare il processo di checkout una volta che hai gestito le basi qui. Le due guide insieme copriranno quasi ogni perdita nel flusso di acquisto mobile.

Dove dovrebbe vivere la tua call-to-action sul cellulare?

Da qualche parte un pollice può sempre trovarlo. Sul desktop, un visitatore può scansionare un’intera pagina a colpo d’occhio e individuare il pulsante. Su un telefono, la tua chiamata all’azione può scorrere lontano dalla vista e “fuori dalla vista” molto spesso significa “fuori dalla mente”. Quindi la regola è semplice: il CTA primario dovrebbe essere facile da raggiungere nel momento in cui qualcuno decide di agire, senza cacciare o scorrere di nuovo.

A pulsante appiccicoso – quello che rimane delicatamente attaccato alla parte inferiore dello schermo mentre il visitatore scorre – è una delle vittorie mobili più affidabili che ci siano. Significa che la risposta a “ok, sono convinto, ora cosa?” è sempre lì sotto il loro pollice. Basta tenerlo di buon gusto: un’azione chiara, non una barra ingombra di pulsanti concorrenti, e mai così grande inghiotte il contenuto.

Alcuni principi che continuano a lavorare su schermi di piccole dimensioni:

• Un’azione primaria per schermo. Quando tutto urla, nulla si sente. Fai del tuo CTA principale l’elemento ovvio e con il più alto contrasto e lascia che le opzioni secondarie siano più silenziose.
• Scrivi il pulsante per il risultato. “Iniziare la mia prova gratuita” batte “Invia” perché dice al pollice esattamente cosa sta per ottenere. Chiaro batte intelligente su uno schermo minuscolo.
• Ripetere naturalmente su pagine lunghe. Se qualcuno scorre molto, non farli scorrere indietro. Offrire nuovamente l’azione in punti di arresto logici in modo che sia sempre a portata di mano.

Perché dovresti evitare pop-up invadenti

Devo essere diretto con te su questo, perché è allettante e si ritorce contro. Grandi pop-up difficili da chiudere e interstiziali a schermo intero che coprono il contenuto nel momento in cui qualcuno arriva sono una delle cose peggiori che puoi fare su dispositivi mobili – per due motivi separati, ed entrambi contano.

In primo luogo, è un’esperienza davvero brutta. Immagine toccando un link, in attesa che la pagina si carichi sul telefono, e poi essere agguato da un’offerta a schermo intero con un pulsante di chiusura così piccolo che si può a malapena colpire. Non è persuasione, è una strada a ostacoli. Sembra un trucco, e erode la fiducia di cui hai bisogno per qualcuno che alla fine acquisti. Tutto ciò che è stato progettato per rendere più difficile lasciare di quanto dovrebbe essere è un modello scuro, e i modelli scuri ti costano più buona volontà di quanto non guadagnino mai nelle iscrizioni.

Google lo scoraggia attivamente. I motori di ricerca sono stati chiari sul fatto che le interstiziali intrusive che bloccano i contenuti sui dispositivi mobili possono danneggiare la visibilità nei risultati. Quindi il pop-up aggressivo non solo infastidisce il visitatore che è arrivato alla tua pagina – può tranquillamente ridurre il numero di visitatori che arrivano a tutti. Perdi su entrambi i lati.

Questo non significa che non puoi mai offrire nulla. Un piccolo banner facile da scartare, o un invito che appare dopo che qualcuno ha letto un po ‘e mostrato interesse, può essere perfettamente soddisfacente. Il test è semplice e umano: sarebbe irritante you Se hai fretta sul telefono? Se sì, ammorbidiscilo o taglialo. Il rispetto si converte quasi sempre meglio dell’imboscata.

Come migliorare le conversioni mobile testando su dispositivi reali

Ecco una trappola in cui ho visto cadere così tante persone intelligenti: progettano e “testano” il loro sito mobile interamente riducendo una finestra del browser sul loro grande monitor desktop. Questo non ti dice quasi nulla sulla vera esperienza. Un browser desktop schiacciato piccolo ha ancora una connessione veloce, un puntatore preciso del mouse e un potente processore – nessuno dei quali il tuo vero visitatore mobile ha.

Test su telefoni reali, in condizioni reali. Estrarre un telefono di fascia media reale – non il tuo nuovo fiore all’occhiello – e passare attraverso l’intero flusso: atterrare sulla pagina, leggerlo, toccare i pulsanti, compilare il modulo, completare l’acquisto. Lo faccia sui dati cellulari, non solo wifi. Fallo con una sola mano. L’attrito che senti è l’attrito che provano migliaia di visitatori e incontrerai problemi che nessun emulatore potrebbe mai rivelare.

Attento ai tuoi pollici. Presta attenzione a ogni momento in cui devi zoomare, strabismo, retrotracciare o concentrarti più duramente di quanto desideri. Ognuno di questi piccoli intoppi è una perdita di conversione. Se possibile, consegna il telefono a un amico che non ha mai visto il sito e guardalo semplicemente – in silenzio, senza aiutare. Dove esitano è dove i tuoi visitatori esitano.

Poi misurare la strada giusta. Questa è la parte che la gente salta, e conta enormemente. nella tua analisi, segmento mobile da solo piuttosto che leggere un singolo numero di conversione misto per tutti i dispositivi. Una tariffa desktop sana può mascherare completamente una mobile in difficoltà quando sono mediati insieme. Guarda il tasso di conversione del cellulare, dove i visitatori mobili cadono nel funnel e come questo si confronta con il desktop. Questo confronto è esattamente il divario di cui abbiamo parlato all’inizio — e ora stai misurando il tuo vero invece di indovinare.

Crea un pensiero specifico per il mobile su come leggi tutto: imbuti mobili, pagine di destinazione mobili, passaggi di pagamento mobile. L’ipotesi desktop-first – “funziona alla grande sul mio laptop, quindi va bene” – è la ragione silenziosa per cui così tanti siti perdono clienti mobili per anni senza accorgersene. – Giralo. Assumere mobile è l’evento principale, perché per la maggior parte del pubblico, lo è.

La tua lista di controllo di conversione mobile

Mettiamo tutto insieme in qualcosa che puoi davvero risolvere. Stampa questo, istantanee, tienilo vicino a te. Non devi fare tutto in una volta – inizia dalla cima, poiché è ordinato approssimativamente per impatto e chip via.

• Velocità: immagini compresse e di dimensioni giuste? Contenuti sotto il quadretto caricati pigro? Gli script non utilizzati sono stati rimossi? Core Web Vitals controllato su un telefono reale?
• Thumb-friendly design: Toccare obiettivi grandi e ben distanziati? Le azioni primarie nella zona di facile accesso? Un sacco di spazio tra gli elementi?
• Navigazione: Menu semplificato per ciò di cui le persone hanno realmente bisogno? Pagine chiave raggiungibili in meno tocchi possibili?
• Leggibilità: testo comodo da leggere senza zoom? Forte contrasto tra testo e sfondo? Accessibile per i visitatori con bassa visione e momenti luminosi?
• Forme: Ogni campo è veramente necessario? Corretti tipi di input mobili impostati? Autofill abilitato? In linea, convalida di errore delicato?
• Checkout: Checkout ospiti consentito? Portafogli digitali offerti? Progressi mostrati? Passi che si sono mantenuti brevi e perdonati?
• CTA: L’azione primaria sempre alla portata del pollice, forse appiccicosa? Un’azione chiara per schermo? Il testo del pulsante descrive il risultato?
• Pop-up: nessun intrusivo interstizio a schermo intero? Qualche offerta piccola, facile da scartare e ben programmata?
• Test: Tutto il flusso testato su un vero telefono di fascia media, su cellulare, con una sola mano? Anche un paio di occhi nuovi li guardava?
• Measurement: Mobile segmentato separatamente in analytics? Identificati i punti di consegna mobili? Il tuo vero gap mobile-vs-desktop conosciuto?

Lavorate su questa lista e quasi certamente troverete una manciata di vittorie rapide che si nascondono in bella vista – il tipo di piccole correzioni che iniziano a recuperare le conversioni che state perdendo silenziosamente ogni singolo giorno.

Lascia che sia sincero con te, perche’ preferirei essere onesto che vendere troppo.: SocialBlaze è un organico social media scheduling e strumento di analisi — Non è una suite CRO o una piattaforma di sviluppo web. Non accelererà il tuo checkout o ridimensionarà i tuoi pulsanti; quelle correzioni vivono sul tuo sito. Cosa SocialBlaze In realtà è davvero inviare il traffico in primo luogo. Poiché il pubblico sociale è prevalentemente sui loro telefoni, i visitatori che aiutiamo a raggiungere arrivano sul cellulare di default — che fa sì che ogni miglioramento in questa guida paghi direttamente sulle persone SocialBlaze Ti porta. Riempiamo la parte superiore del funnel; l’esperienza mobile che costruisci lo converte.

Come migliorare le conversioni mobili quando hai solo un’ora

Se la tua lista di cose da fare si sente già lunga, respira – non devi fare tutto questo oggi. Ecco come spenderei un’ora concentrata per il più grande ritorno. Innanzitutto, apri le tue analisi e trova il tuo tasso di conversione mobile reale accanto a quello desktop. Questo controllo della realtà di cinque minuti ti motiva e ti dice dove mirare. In secondo luogo, estraete un vero telefono e camminate il vostro acquisto o il flusso di iscrizione, notando ogni intoppo. Terzo, scegli il punto di attrito più brutto che hai trovato – l’immagine di grandi dimensioni che rallenta la pagina, la forma a dieci campi, il pulsante sepolto – e risolvi proprio questo.

Tutto qui. Una misurazione, una walkthrough onesta, una correzione. Fatelo questa settimana, poi tornate e togliete l’articolo successivo dalla lista di controllo. Migliorare le conversioni mobili non è una singola revisione eroica; è una serie di piccole decisioni da prendere da chi visita il sito. Hai già il traffico e hai già il prodotto – stai solo eliminando i piccoli ostacoli tra di loro. Prometto che diventerà più facile, e il tuo futuro, guardando un numero di cellulare più sano, sarà così felice di aver iniziato.

Domande frequenti