Crea una pagina di destinazione mobile. Ottimizza i moduli per dispositivi mobili

Il 93% degli utenti accede a Internet da dispositivi mobili ogni giorno. Si tratta di 3.500.000.000 di persone che possono visitare la tua landing page in qualsiasi momento dal proprio smartphone o tablet. Pertanto, devi fare ogni sforzo per ottimizzare la tua pagina di destinazione mobile. Non c'è niente di peggio di un funnel di conversione completamente inefficace sui dispositivi mobili.

In questo articolo imparerai a conoscere 8 migliori pratiche design mobile che ti aiuterà a migliorare l'esperienza utente e aumentare le conversioni su qualsiasi dispositivo.

1. Sbarazzati della barra di navigazione

Scopri quanto spazio può occupare la barra di navigazione:

Sui piccoli schermi mobili, ogni pixel conta e devi sfruttarlo al meglio. Uno di modi semplici per farlo è sbarazzarsi della barra di navigazione. Sui desktop può essere molto utile: consente ai visitatori di navigare facilmente nel sito e trovare ciò di cui hanno bisogno. Ma sui dispositivi mobili, la barra di navigazione occupa troppo spazio dove potrebbero trovarsi testo, immagini o qualsiasi altro contenuto.

Come possono i visitatori navigare nel tuo sito senza una barra di navigazione? Ci sono diversi modi. Il più popolare di loro è un piccolo pannello superiore. "Hamburger" funge da una specie di cassetto che scorre fuori dall'angolo dello schermo e contiene varie scorciatoie di menu.

Un'altra opzione è un sito mobile di una pagina. Tuttavia, se il tuo sito ha molti contenuti, non funzionerà per te.

Sicuramente usi spesso il tuo smartphone - sull'autobus o in linea. Forse stai leggendo proprio questo articolo da lui. Come tieni il tuo smartphone? Molto probabilmente, stai scorrendo lo schermo con il pollice. Questo è ciò che fa il 75% degli utenti.

Alcuni anni fa, questo grafico era la Bibbia dei designer di dispositivi mobili. Con questo in mente, hanno ottimizzato l'esperienza utente per la maggior parte delle persone. E mentre potrebbe essere stato giusto in quel momento, la tecnologia si evolve e cambia rapidamente. Negli ultimi anni, i nostri telefoni e schermi sono diventati sempre più grandi, ma le nostre mani sono rimaste le stesse. Stiamo già impugnando gli smartphone in modo diverso, le zone touch si sono spostate e la precisione è diminuita più vicino agli angoli esterni dello schermo.

Di conseguenza, i designer devono organizzare i contenuti in modo che le funzioni principali si trovino al centro e quelle secondarie nella parte inferiore e superiore dello schermo.

La comodità del loro utilizzo dipende direttamente dalla posizione delle funzioni. Le funzioni principali si trovano dove si trovano prima di loro e quelle secondarie rientrano nelle zone di bassa precisione.

3. Ottimizza e riduci le dimensioni dei file

Probabilmente sai già quanto sia importante ottimizzare la dimensione delle immagini sulla landing page: influiscono notevolmente sul , che a sua volta incide sia sull'esperienza dell'utente che sul posizionamento del tuo sito in motori di ricerca. Sui dispositivi mobili è doppiamente importante, non solo per la connessione meno affidabile, ma anche perché utenti mobili non amano aspettare.

Utilizza siti come TinyJPG o strumenti come ImageOptim (solo Mac) o Export for Web di Photoshop per ridurre le dimensioni dei file prima di caricare le immagini sul tuo sito.

Ci sono due cose che influiscono maggiormente sulla dimensione del file:

• Qualità. Se lo abbassi, il file diventerà più piccolo, ma anche la nitidezza diminuirà e potrebbero apparire artefatti.
• Dimensione/Risoluzione. Naturalmente, la dimensione del file dipende in gran parte dalla dimensione dell'immagine. Naturalmente, non vuoi rendere le immagini così piccole che gli utenti non possono vedere nulla, ma se, ad esempio, la larghezza della colonna in cui inserisci l'immagine è 600 pixel, la larghezza dell'immagine non dovrebbe essere 1000 pixel. Ridimensiona prima di caricare l'immagine sulla tua pagina di destinazione.

4. Numero di telefono disponibile per chiamate con un clic

Ottimizzare una landing page per mobile significa, prima di tutto, semplificare l'esperienza dell'utente e ridurre al minimo il numero di azioni necessarie. Pertanto, dovresti utilizzare le funzionalità dei dispositivi mobili per rendere la visita del tuo sito (e l'acquisto di un prodotto o la chiamata alla tua azienda) un'esperienza piacevole.

Se la tua pagina di destinazione è per le vendite o telefonata- Questo pietra miliare canalizzazioni di conversione, è necessario semplificare la chiamata.

Un modo per ottenere ciò è rendere il numero di telefono disponibile per le chiamate con un clic. Probabilmente hai familiarità con questa situazione: stai passando avanti e indietro tra il telefono e il browser, ridigitando il telefono o provando a copiarlo e copiando accidentalmente tutto il resto del contenuto della pagina. Pertanto, un numero di telefono cliccabile significa molto.

E il numero sarà simile a questo:

I visitatori potranno cliccarci sopra e chiamare.

Altro elementi importanti il sito dovrebbe anche essere reso interattivo: ad esempio, quando un utente clicca su un indirizzo, Google Maps. La maggior parte delle app come Facebook lo fa automaticamente, ma puoi inserire il tuo indirizzo in Google Maps, copiare il link e incollarlo nel tuo sito.

Sono piccole cose come questa che aiutano i visitatori della tua pagina di destinazione a sentirsi come se non si stessero perdendo e non facessero nulla. lavoro extra. Non lasciare che i dispositivi mobili blocchino la tua canalizzazione di conversione.

Se hai lavorato agli albori del Web mobile, ricorderai quanti sviluppatori hanno creato siti completamente separati con markup che avrebbero funzionato sui piccoli schermi dei dispositivi mobili. Queste pagine di solito includevano un minimo di immagini e una quantità di testo relativamente grande da caricare su una connessione mobile lenta.

Sono passati circa dieci anni e il paesaggio è cambiato radicalmente. Gli schermi sono più grandi, le connessioni sono più veloci. Ed è apparso. Questi due tipi di design sono diversi, ma condividono lo stesso obiettivo: creare un unico markup che cambia dinamicamente a seconda del dispositivo utilizzato dal visitatore.

I modelli e gli editor di landing page possono creare automaticamente una versione mobile responsive della tua landing page, risparmiando al tuo team la necessità di progettarla manualmente.

Ci sono alcune cose da tenere a mente sulla reattività:

• Dimensioni dell'immagine. Se le immagini sulla tua landing page sono molto importanti, assicurati che siano visibili sui dispositivi mobili.
• Layout e layout dei contenuti. A seconda di come sono posizionati gli elementi sulla versione desktop della tua landing page, potrebbero spostarsi sulla versione mobile. Controlla se tutto rimane lo stesso su dispositivi diversi.
• Animazione. L'animazione che sembra buona sul desktop potrebbe non funzionare così bene sui dispositivi mobili. Controllalo prima di postare.
• Video. Considerando le precedenti linee guida per la dimensione dell'immagine, considera di nascondere il video sul dispositivo mobile o di eliminarlo del tutto. È grande, pesante e può rallentare notevolmente l'esperienza mobile.
• JavaScript. Sebbene sia un ottimo linguaggio di programmazione, non funziona sempre su dispositivi mobili, quindi controlla se tutto viene visualizzato correttamente.

6. Sbarazzati dei pop-up

Dal 2017 dell'anno Google Penalizza le pagine con "inserti invadenti". Di fatto noi stiamo parlando sui pop-up.

Esempi di inserti intrusivi che rendono i contenuti meno accessibili.
1. Un esempio di finestra pop-up invadente.
2. Un esempio di inserto intrusivo separato.
3. Un altro esempio di inserimento intrusivo separato.

I popup sui dispositivi mobili peggiorano notevolmente l'esperienza dell'utente perché impediscono ai visitatori del tuo sito web di vedere i contenuti a cui sono interessati. Google abbassa la valutazione di tali siti in risultati di ricerca. Quindi basta disattivare le finestre pop-up.

Se il contenuto del tuo popup è abbastanza importante, aggiungilo alla pagina come una sezione separata. Quindi Google non abbasserà il tuo sito nei risultati di ricerca.

7. Ottimizza i moduli per dispositivi mobili

Se hai mai fatto acquisti sul tuo telefonino, sai quanto può essere fastidioso compilare infiniti moduli sul tuo telefono. Anche se digitare sul cellulare è molto più semplice di prima, è comunque difficile. La digitazione si basa ancora sulla correzione automatica e le dita si stancano.

Come risolvere il problema? La logica è semplice. I moduli lunghi richiedono molta digitazione. Digitare sul cellulare è terribilmente scomodo. Di conseguenza, le forme lunghe sono terribilmente scomode.

Se desideri ridurre l'impatto negativo che i dispositivi mobili possono avere sul tasso di conversione, prova ad apportare una delle seguenti modifiche ai moduli.

È semplice: meno campi obbligatori, minore sforzo richiesto dall'utente. Minore sforzo, minore attrito.

Non sempre è possibile ridurre il numero dei campi: in fondo, spesso un campo esiste perché le informazioni che devono essere inserite sono necessarie. Tuttavia, tutto ciò che può essere rimosso dovrebbe essere rimosso e alcuni moduli (nome e cognome, ad esempio) dovrebbero essere uniti.

Se dividi il riempimento del modulo per , il tasso di conversione da dispositivo mobile potrebbe aumentare. Ad esempio, se il tuo modulo ha 9 campi, puoi lasciare solo 3 campi nel primo passaggio.L'utente li compilerà, cliccherà sul pulsante "Avanti" e arriverà a pagina successiva, dove ci sono anche pochissimi campi, e così via.

Questa pratica renderà i moduli lunghi meno ripugnanti e ti consentirà anche di raccogliere informazioni sui lead in piccole porzioni, il che è utile se a un certo punto smettono di compilarle. Il primo passo è richiedere un indirizzo e-mail per lavorare con queste persone in futuro.

8. Sezioni pieghevoli

Sul piccolo schermo tutti i tuoi contenuti sono raccolti in una colonna, una colonna molto lunga. Sui dispositivi mobili, ciò è particolarmente dannoso, perché diventa molto più difficile per l'utente navigare nella pagina e trovare le informazioni che lo interessano.

Le sezioni pieghevoli possono essere una soluzione a questo problema.

Le sezioni comprimibili sono contenitori di contenuto. L'utente vede i propri titoli e li espande al clic. In questo modo, scansiona la tua pagina alla ricerca di contenuti o argomenti di interesse e non deve passare attraverso molto testo o immagini di cui non ha bisogno.

Conclusione

Ci auguriamo che queste raccomandazioni design mobile ti aiuterà a migliorare l'esperienza utente per coloro che accedono alla tua landing page da dispositivi mobili. Questi principi vengono spesso dimenticati, motivo per cui le conversioni da dispositivi mobili sono così basse. Seguili e otterranno i tuoi utenti mobili migliore esperienza- e convertito.

Si è già detto che, come l'intero sito o negozio online, va ottimizzato per il download su smartphone. A proposito, nell'articolo "", non viene fornito solo l'algoritmo per avviare un negozio, ma vengono fornite anche lezioni per un importo di 5 pezzi con modello personalizzato negozio, e tutto gratuitamente. L'articolo "" ti aiuterà a organizzare rapidamente le vendite. Utilizzando questi due manuali e lezioni, puoi iniziare bene il progetto.

19. Crea una landing page ottimizzata per i dispositivi mobili.

Secondo eMarketer, ci saranno 1,75 miliardi di utenti di smartphone in tutto il mondo nel 2015 e solo nel 2015, questo numero sta crescendo in modo esponenziale. Dato che sei un imprenditore o un marketer, semplicemente non puoi ignorare gli utenti mobili che visitano la tua pagina di destinazione.

Attualmente, viene prestata tanta attenzione alla pagina di destinazione per pieno utilizzo browser (desktop) e l'esperienza mobile è spesso mediocre. Ma con l'aumentare del numero di utenti di smartphone, questo cambierà.

Sviluppa pagine di destinazione solo adattive

Non c'è dubbio che pagina di destinazione dovrebbe essere ottimizzato per i dispositivi mobili. Ciò significa che la pagina di destinazione dovrebbe essere di facile lettura per gli utenti mobili. E gli utenti dovrebbero essere in grado di compilare facilmente un modulo o premere un pulsante sullo schermo senza pizzicare o ingrandire. E la pagina dovrebbe caricarsi ancora più velocemente su un dispositivo mobile. Se la pagina viene caricata in circa 3 secondi (contando miglia di secondo), molto probabilmente il cliente non aspetterà e lascerà l'atterraggio. Questo sarebbe considerato un fallimento, il tasso di fallimento in fattori comportamentaliè molto importante per l'intero sito e più rimbalzi, peggiore è il ranking dell'intero sito.

Controlla tutti gli elementi della pagina di destinazione su tutti i dispositivi e i browser più diffusi

Ma l'aumento dell'adozione degli smartphone sta anche sfidando ciò che funziona meglio per una pagina di destinazione. Ad esempio, solo perché la tua pagina di destinazione è visualizzabile su uno smartphone non significa che verrà convertita. Un invito all'azione potrebbe essere "sul primo schermo" da un laptop, ma cosa succede su uno più piccolo schermo mobile? Se la maggior parte dei tuoi visitatori sta visualizzando la tua pagina di destinazione con dispositivo mobile, allora è il momento di ripensare al tuo approccio e iniziare prima il cellulare schermo. Ciò significa che la pagina di destinazione deve essere personalizzata principalmente per i dispositivi mobili e, in secondo luogo, per computer desktop e laptop.

Risultati:

- Monitorare il caricamento del tuo venditore;

- Usa buone immagini e video ottimizzati;

La prossima pubblicazione del libro è Landing Page Testing.

Potrebbe interessarti:

E di nuovo buone notizie per i proprietari di siti WordPress – ci sono plugin che creano versione mobile il tuo sito su un sottodominio, come WP Mobile Edition.

professionisti questo metodo: Puoi semplificare notevolmente la progettazione del sito per dispositivi mobili, il che avrà un buon effetto sulla sua velocità.

Svantaggi: devi creare un sottodominio e configurarlo, scrivere un modello separato per esso e uno script che determini da quale dispositivo proviene l'utente, e questo è più lungo della creazione disegno adattivo.

Cosa otterremo?

Indirizzo del sito aggiuntivo nel sottodominio "m". con un design diverso dal dominio principale, semplificato. La rete è piena di esempi di tale implementazione, ad esempio ecco un noto sito:

Se hai fatto una scelta e ordinato una delle modalità di implementazione, non dimenticare di controllare come viene visualizzato il tuo sito sui dispositivi mobili e in Google test online.

Altro sull'argomento:

Hai domande?

Chiedilo subito e ti risponderemo entro 8 ore lavorative.

Apparso in un uso di massa alla fine degli anni 2000, gli smartphone hanno iniziato ad espandersi attivamente nello spazio virtuale, rompendo gradualmente il monopolio del PC sul titolo l'unico mezzo per accedere alla rete. Inoltre, l'attività degli utenti Internet mobile non limitato alla visita social networks– utilizzano contenuti multimediali, giochi e anche acquisti. Da un punto di vista aziendale, è almeno irragionevole perdere un tale canale di comunicazione più conveniente con il consumatore, quindi i proprietari di risorse hanno iniziato ad adattare i loro siti ai dispositivi mobili.

Non hanno fatto eccezione le landing page mobile, sbocciate in doppia colorazione dopo la distribuzione generalizzata di smartphone e tablet con schermi HD. Oggi ci sono due modi principali per creare una pagina di destinazione per i gadget portatili.

1 modo: layout adattato. Il principio è piuttosto primitivo: il suo significato è garantire visualizzazione corretta pagine da qualsiasi dispositivo. Pertanto, indipendentemente dal dispositivo da cui il client è arrivato al tuo sito, verrà "allungato" di conseguenza.

Ecco come appare su un laptop:

Ed ecco come viene visualizzato sul display dello smartphone:

Ha senso utilizzare questo metodo se la maggior parte del tuo pubblico è composta da utenti di computer o tablet. La maggior parte delle buone agenzie di marketing preparerà gratuitamente una versione del sito ottimizzata per i dispositivi mobili se ordini una pagina di destinazione da loro. Se il tuo pubblico per la maggior parte visiterà il tuo sito utilizzando dispositivi mobili, ha senso preparare un atterraggio mobile in un modo diverso, meno economico, di cui parleremo sotto.

2 vie: Disposizione adattiva e design. Ha senso applicare questo metodo se gli utenti che visitano il tuo sito lo fanno principalmente da dispositivi mobili. Ad esempio, se sei impegnato nella consegna di sushi, la percentuale di utenti che ordinano da cellulare è superiore al 50%. Durante lo sviluppo di tali versioni del sito vengono utilizzate tecnologie come HTML 5, jQuery, ecc.. Ti permettono di fare a meno dell'uso di molti plugin di "ottimizzazione" che di fatto sovraccaricano la pagina.

Design adattivo non comporta “schiacciare” la pagina alle dimensioni dello schermo dello smartphone, ma modificare la struttura del sito quando visualizzato su vari dispositivi. Quindi, in effetti, il designer non ti disegna un sito, ma diversi contemporaneamente - versione separata per cellulare e tavoletta. Ciò consente di presentare le stesse informazioni senza ridurre i caratteri, la dimensione visibile delle immagini e altri elementi, ovvero lasciando l'usabilità della pagina a alto livello. Allo stesso tempo, il sito è ottimizzato per la visualizzazione su dispositivi mobili. Grazie a questo, il caricamento delle pagine è veloce, e questo è molto importante, poiché i proprietari di smartphone e tablet sono meno pazienti degli utenti di PC e il tempo gioca un ruolo molto importante per loro.

Esempio disegno adattivo pagina di destinazione : sito http://getdirections.es/

Ecco come appare su un laptop:

E così si è adattato allo schermo dello smartphone:

Lo sviluppo delle landing page (le cosiddette landing page o landing page) è entrato stabilmente nella gamma dei servizi della maggior parte degli studi web, e questo non sorprende: le landing page sono richieste, poiché si ritiene che portino soldi veri a i clienti il ​​più veloce.

Nel frattempo, gli atterraggi sono diversi. Una pagina di destinazione, che lavora in tandem con banner pubblicitari, informerà con successo il cliente sul prodotto e servizio e lo spingerà ad effettuare un acquisto (o qualsiasi altra azione necessaria), e l'altra rimarrà una normale pagina del sito, solo un po' più bella e “fantasia” della altri.

Cosa rende una landing page di successo?

Rispondendo a questa domanda, possiamo citare il design, il contenuto utilizzato, la struttura degli elementi, il posizionamento competente degli inviti all'azione, pulsanti sociali eccetera. Tuttavia, se riassumiamo e rispondiamo alla domanda di cui sopra in una parola, allora possiamo dire con sicurezza che il successo di una landing page dipende dall'usabilità.

Una buona usabilità permette al cliente di sentirsi a casa sulla landing page: la struttura degli elementi è comoda; i contenuti e gli inviti all'azione conducono senza intoppi il cliente all'acquisto; l'atterraggio non sovraccarica il cliente ulteriori informazioni; la pagina di destinazione non obbliga il cliente a scorrere freneticamente la pagina per trovare il pulsante di acquisto desiderato (o è già sparito?).

Una buona usabilità, come puoi immaginare, non è universale. Non esiste una ricetta per tutte le nicchie e, ovviamente, non può esserci. Nel frattempo, molti designer e sviluppatori, quando lavorano su una landing page, trascurano la cosa più semplice: una buona usabilità per una landing page desktop non sarà così per i dispositivi mobili. Sembra ovvio, ma no...

Quindi, cosa si può fare per creare una comoda landing page per dispositivi mobili? Quali sono le caratteristiche delle landing page per dispositivi mobili? Cosa dovresti tenere a mente quando progetti una landing page mobile? Risponderemo a queste domande di seguito.

Cose da tenere a mente quando si progetta una landing page per dispositivi mobili. 7 consigli

Probabilmente, questa verità è già riuscita a riempire i denti sul filo, ma ciononostante la ripeteremo ancora una volta: gli utenti mobile sono molto diversi da quelli desktop. Anche i loro obiettivi, come puoi immaginare, sono molto diversi.

Quindi, quando inizi a lavorare sulla tua pagina di destinazione, poniti le seguenti domande:

• Le dimensioni dello schermo, il tipo di dispositivo e il contesto generale di utilizzo influiscono sulle aspettative degli utenti? Se é cosi, come?
• Di cosa potrebbero aver bisogno gli utenti di dispositivi mobili su questa pagina di destinazione?
• Cosa vorranno fare i potenziali utenti quando atterrano su una pagina di destinazione mobile? Quali sono le loro azioni?

Sembra che le risposte a queste domande siano ovvie, ma non sottovalutarle. Il fatto è che gli utenti mobili non effettuano acquisti attivamente come quelli desktop. La conversione è distribuita approssimativamente come segue:

1. Compresse
2. Smartphone.

Cosa dice? Su un fatto banale che è noto a qualsiasi psicologo: per prendere una decisione, una persona ha bisogno di informazioni inviate formato conveniente. Inoltre, maggiore è il "prezzo" della soluzione, più informazioni fornite in modo competente hanno bisogno di una persona. In parole povere, una persona ordinerà la pizza da uno smartphone senza problemi, ma non comprerà un'auto mentre è seduto con uno smartphone nel parco.

Il successo di una landing page mobile non è sempre misurato dalle conversioni. I clienti che atterrano su una pagina di destinazione da un dispositivo mobile non sono sempre dell'umore giusto per acquistare qualcosa. Piuttosto, il cliente visita tale pagina di destinazione per familiarizzare con le informazioni e stabilire una connessione emotiva con il prodotto, e solo allora, quando torna a casa e si siede al PC, effettua un acquisto.

Riassumendo, possiamo dire che l'obiettivo del cliente è trovare informazioni, l'obiettivo del proprietario del sito è ottenere denaro e l'obiettivo del designer e sviluppatore è creare una landing page che possa attrarre importo massimo conduce (conduce).

Quindi, arrivando alla pagina di destinazione mobile, il cliente è alla ricerca di informazioni per prendere una decisione: acquistare un prodotto o no? Pertanto, dovresti fare del tuo meglio per rendere questo processo più semplice.

Banale, ma il modo più semplice per un cliente di decidere se acquistare o meno è chiamare. Quindi, imposta un servizio di chiamata rapida. Lascia che l'icona del telefono prezioso accompagni un potenziale cliente per tutta la pagina di destinazione. Tieni presente che questa dovrebbe essere esattamente l'icona con il telefono e una sorta di invito all'azione come "Chiama ora!". Numerosi studi hanno dimostrato che un'icona è più efficace di una normale. numero di telefono del 10-20%.

Importante! Imposta le chiamate solo se sei sicuro che qualcuno risponderà. Se un potenziale cliente chiama e sente solo dei segnali acustici in risposta, puoi tranquillamente dimenticarti di questo client.

Una landing page mobile ideale non solo non sovraccarica l'utente di informazioni, ma non lo costringe nemmeno a compiere azioni "non necessarie". A tale azioni inutili puoi tranquillamente attribuire la compilazione di vari moduli che tutti amiamo tanto sul PC.

Costringere un cliente a inserire dati su se stesso per un abbonamento o un acquisto per molto tempo e noiosamente significa perderlo. Solo i più persistenti raggiungono la fine. Quindi:

• ridurre al minimo il numero dei menu a tendina o rifiutarli del tutto;
• ridurre il numero totale di campi da compilare - tutti Informazioni aggiuntive può essere richiesto da un dipendente del call center dopo che il cliente ha effettuato un ordine;
• assicurati che tutti i campi rimanenti siano configurati correttamente, ovvero che la tastiera mobile si adatti automaticamente al campo: nome completo - lettere, telefono - numeri, ecc.;
• se è richiesta la registrazione, attivare la possibilità di registrarsi attraverso i social network;
• assicurarsi che i servizi di pagamento non richiedano al cliente di compilare nuovamente tutte le informazioni.

In parole povere, mantieni al minimo il numero di azioni richieste sulla pagina di destinazione. Lavorare con piccolo schermo scomodo e riempire dozzine di campi diversi è solo una presa in giro!

Suggerimento 4. L'invito all'azione dovrebbe essere sempre visibile

Qualunque sia lo scopo della tua pagina di destinazione, fai del tuo meglio per mantenere il tuo invito all'azione davanti ai tuoi clienti.

“Acquista ora!”, “Iscriviti alla newsletter!”, “Ottieni uno sconto!”, “Scarica il libretto!” e altri inviti all'azione non dovrebbero trovarsi da qualche parte nella parte inferiore della pagina o da qualche parte nell'intestazione della pagina di destinazione, ma dovrebbero essere ripetuti in diverse parti semantiche della pagina di destinazione o "seguire" il client durante lo scorrimento.

La soluzione migliore sembra essere la seguente: inserire un invito all'azione sotto il logo dell'azienda nel menu di scorrimento. Quindi, l'invito all'azione sarà sempre in vista e l'utente sarà in grado di completare azione desiderata da qualsiasi punto del pianerottolo. Inoltre, questa soluzione eviterà problemi di risoluzione: la call to action sarà sempre sotto il logo e insieme ad esso diminuirà-aumenterà.

Il contenuto è una parte essenziale di qualsiasi pagina di destinazione, ma non dovrebbe essercene troppo. Il contenuto deve essere chiaro, comprensibile e orientare il cliente all'azione desiderata.

La particolarità della landing page mobile è che i requisiti di contenuto sono notevolmente aumentati. L'attenzione di un utente mobile è molto dispersa: non correggerà le bozze delle tele per 20 minuti, cosa, perché e perché. Pertanto, il testo deve essere presente, ma solo nella sostanza.

Non tirare la gomma, ma dì immediatamente al cliente cosa può ottenere su questa pagina di destinazione. Non usare frasi "belle" e giri lunghi: brevità, semplicità e chiarezza sono più importanti dello stile. Ricorda questo.

Gli utenti mobili non solo sono meno inclini a leggere attentamente la pagina di destinazione, ma spesso semplicemente non possono permetterselo a causa della bassa velocità di caricamento della pagina.

Un recente studio statunitense lo ha rilevato pesante e non ottimizzato basse velocità Le landing page di Internet perdono il 40-50% dei potenziali clienti. Bene, in un mondo in cui qualsiasi azienda ha dozzine di concorrenti, nessuno vuole aspettare e, credimi, non lo farà.

Per rendere la pagina più chiara, assicurati di:

• tutte le immagini sono ottimizzate e possono essere caricate velocemente anche con una bassa velocità di Internet;
• la pagina di destinazione utilizza la tecnologia scalabile grafica vettoriale, ovvero tutte le immagini dovrebbero aumentare e diminuire a seconda della risoluzione senza perdita di qualità;
• tutto il contenuto è in HTML, non visualizzato come immagine.

All'inizio dell'articolo, abbiamo scritto che gli utenti mobili sono molto diversi da quelli desktop. Questo è vero, ma non sono ancora persone diverse. Qualunque sia il dispositivo utilizzato da un potenziale cliente, ha sempre qualche tipo di problema che puoi risolvere. In linea di principio, ogni cliente non ha bisogno dei tuoi beni e servizi, ma di una soluzione ai suoi problemi.

Cosa ne consegue e cosa c'entra la pagina di destinazione mobile con esso? Pagina di destinazione avrà successo se riesci a condividere con potenziale cliente suoi desideri e preoccupazioni, offrendogli un competente e soluzione efficace I problemi. Tutti hanno beni, servizi e una landing page per loro, ma solo tu hai la soluzione!

Avendo capito questo, dovresti capire quale soluzione è la più efficace. È qui che entra in gioco il test A/B. Usa i gruppi di controllo per scoprire:

• cosa è più attraente per la tua landing page, call to action o icona chiamata veloce;
• cosa funziona meglio, un'icona di chiamata rapida o un pulsante con un numero di telefono;
• La conversione aumenta se rimuovi campi aggiuntivi;
• La conversione aumenta se si aggiunge la possibilità di registrarsi tramite account nei social network;
• se le statistiche per l'azione richiesta migliorano se inserisci un invito all'azione non solo nella pagina di destinazione stessa, ma anche sotto il logo nel menu di scorrimento;
• l'usabilità migliora se modifichi il contenuto, lo rendi più semplice e chiaro;
• prova a modificare la call to action, aggiungendo slogan che indichino al cliente che il processo di acquisto, la registrazione, ecc. facile e non ci vorrà molto.

risultati

Tirando le somme, possiamo dire che una landing page non può avere successo senza una buona usabilità. Qual è la buona usabilità mobile, abbiamo descritto sopra, ma lo ripetiamo ancora. Quindi, una buona pagina di destinazione mobile:

• "imprigionato" per un compito;
• sufficientemente informativo da consentire al cliente di prendere la decisione di impegnarsi azione richiesta;
• consente al cliente di contattare facilmente il servizio di assistenza telefonicamente o tramite il form di contatto;
• non obbliga il cliente a compilare molti campi durante l'esecuzione dell'azione desiderata;
• non diffonde il pensiero lungo l'albero, chiarisce in modo chiaro e chiaro quale problema il cliente risolverà agendo;
• si carica velocemente, non fa perdere tempo prezioso al cliente;
• permette di compiere l'azione necessaria, in quale parte della landing page non si troverebbe il cliente (scorrimento minimo);
• focalizzato non sull'offerta di un prodotto o servizio, ma sulla risoluzione del problema di un cliente.

Notiamo inoltre che la pagina di destinazione mobile deve superare il test A/B. Quindi, aumenti le possibilità che la pagina di destinazione funzioni.

Speriamo di aver risolto il tuo problema oggi. Grazie per aver letto!