Come creare una landing page mobile attraente. La regola principale dell'atterraggio mobile

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. Dal momento che sei un imprenditore o un marketer, semplicemente non puoi ignorarlo utenti mobili visitando 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 una landing page dovrebbe essere ottimizzata 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.

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 su un dispositivo mobile, allora è il momento di ripensare al tuo approccio e iniziare con 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.

Conclusioni:

- Monitorare il caricamento del tuo venditore;

- Usa buone immagini e video ottimizzati;

La prossima pubblicazione del libro è Landing Page Testing.

Potrebbe interessarti:

Immagina di trovarti in una città sconosciuta e di aver bisogno di trovarla rapidamente determinate informazioni utilizzando un telefono cellulare. finalmente trovi la risorsa giusta, ma ... non è completamente destinato piccolo schermo. Ci vuole un'eternità per caricare la pagina, i minuscoli pulsanti non si trovano, devi copiare e incollare numero di telefono aziende a chiamare l'ufficio. O peggio ancora: è necessario compilare un modulo a lungo termine.

Tutti lo abbiamo sperimentato almeno una volta nella vita. Le statistiche della società di analisi "IDC" affermano che quest'anno ci saranno più utenti che accedono a Internet utilizzando dispositivi mobili rispetto a quelli che utilizzano personal computer fissi.

Ricerca di Luke Wroblewski, Chief Product Officer di Google e autore di Mobile First! mostra che tra il 2009 e il 2013 il consumo di contenuti attraverso canali familiari come televisione, radio e stampa è diminuito in modo significativo. L'unico indicatore che è cresciuto è l'uso dei dispositivi mobili.

Oggi più che mai, le persone fanno acquisti online, leggono le notizie e navigano nei siti Web sui loro telefoni. Ma nonostante questa tendenza si stia sviluppando da diversi anni, molte risorse non sono state in grado di adattarsi.

Anche nel 2015, la maggior parte degli utenti ha una serie di difficoltà:

• Le pagine di destinazione non sono ottimizzate per gli schermi mobili, le pagine sono difficili da navigare;
• Devi ingrandire e rimpicciolire costantemente le pagine per trovare le informazioni di cui hai bisogno;
• Devi inserire costantemente alcuni dati;
• Le pagine si caricano lentamente;
• I pulsanti sono troppo piccoli, quindi spesso il visitatore arriva alla pagina sbagliata.

A causa del fatto che la percentuale di utilizzo dei dispositivi mobili cresce ogni anno, il tema del miglioramento dell'usabilità della versione mobile sta diventando sempre più rilevante.

Se non hai ancora ottimizzato la tua landing page e non sei sicuro che tutti gli utenti di telefonino ne saranno contenti, presta attenzione a questi 5 errori comuni e non farli mai. In caso contrario, i tuoi potenziali clienti rimarranno delusi e faranno una scelta a favore dei concorrenti.

1. Il sito non è ottimizzato per dispositivi mobili

Nel dicembre 2012, la risorsa multimediale Mashable ha proclamato il 2013 l'anno del responsive design. Grandi aziende quindi hanno prestato attenzione a questo e hanno sviluppato versioni mobili delle loro risorse. Ma molti non possono vantarsi visualizzazione corretta pagine finora.

Il design reattivo è un modo per aiutare a visualizzare bene la tua risorsa piattaforme diverse e dispositivi senza creare più pagine. Ad esempio, gli utenti, senza perdere tempo in ridimensionamento (in fondo, questo è davvero fastidioso), potranno passare direttamente alla navigazione. Il design reattivo non solo migliorerà l'esperienza dell'utente, ma avrà anche un impatto positivo sulle conversioni.

Il rivenditore di abbigliamento O'Neill Clothing ha ottenuto risultati impressionanti dopo che i suoi esperti di marketing hanno presentato domanda disegno adattivo. Hanno monitorato tre parametri chiave: conversioni, offerte ed entrate per tre settimane prima e dopo l'applicazione della tecnologia. I risultati sono stati incredibili.

Dispositivi iOS:

• Conversione aumentata del 65,71%
• Il numero di transazioni - del 112,50%
• Entrate - del 101,25%

Dispositivi Android:

• Conversione aumentata del 407,32%
• Il numero di transazioni - del 333,33%
• Entrate - del 591,42%

Si possono fare molti esempi per illustrare vantaggi evidenti disegno adattivo. Skinny ties, un'azienda che fa cravatte dal 1971, ha visto un aumento delle entrate del 42,4% dopo il lancio dei dispositivi mobili. Presso la società di servizi fotografici Think Tank Photo, le offerte effettuate utilizzando smartphone e tablet sono aumentate del 96% su base annua.

2. Ignorando gli obiettivi dell'utente

Un altro errore comune è presumere che il design reattivo risolverà tutti i problemi. Ma non tutto è così semplice. Sebbene sia in grado di prevenire molte difficoltà, vale la pena considerare le intenzioni di quegli utenti che accedono alla risorsa da un telefono cellulare.

Mike Mace, vicepresidente di UserTesting, ha studiato migliaia di versioni mobili. Ecco la sua conclusione: “Devi riprogettare il tuo sito in modo specifico per i dispositivi mobili, non solo adattarlo. La versione mobile non è solo un diverso insieme di tecnologie, è anche un diverso comportamento dell'utente, diverse aspettative".

Ad esempio, i possessori di smartphone si aspettano che i loro obiettivi vengano raggiunti immediatamente. Vogliono trovare rapidamente informazioni durante una pausa tra una riunione e l'altra o durante l'uso dell'autobus. L'utente del tablet ha spesso il tempo di cercare, ad esempio, è seduto a casa davanti alla TV (che, tra l'altro, funge da distrazione).

Va inoltre tenuto conto del fatto che le esigenze e le priorità dei proprietari di dispositivi mobili spesso differiscono dagli obiettivi degli utenti di computer di casa: il primo, molto probabilmente, dovrà trovare rapidamente una carta o un numero di telefono. Pertanto, gli esperti raccomandano di non solo "trasferire" tutte le informazioni dalla pagina di destinazione a versione mobile, ma pensa agli obiettivi degli utenti e al design corrispondente.

A nessuno piace compilare moduli lunghi anche su siti ordinari, ma entrare informazioni varie tramite dispositivo mobile: è così fastidioso da non adattarsi a nessun framework. Consiglio principale: evita moduli lunghi e noiosi quando sviluppi una versione mobile.

Di conseguenza, riceverai non solo un'esperienza utente positiva, ma anche un aumento delle entrate, la crescita della tua attività. Come abbiamo già scoperto, i moduli lunghi sono fastidiosi e, se li utilizzi, ridurrai sicuramente il tuo tasso di conversione in questo modo. Ad esempio, una grande agenzia di viaggi, Expedia, ha perso $ 12.000.000 di entrate a causa di campi modulo non necessari che confondono gli utenti e semplicemente li confondono.

Se gli utenti vedono moduli lunghi sul proprio dispositivo mobile, cercheranno di evitare interazioni noiose. L'autrice di Lean Startup UX Laura Klein osserva: "L'aspettativa che gli utenti di dispositivi mobili inseriscano i dati nello stesso computer desktopè l'errore più grande che molte aziende fanno.

Alcuni suggerimenti per creare i moduli più convenienti e comprensibili:

• Scegli solo forme semplici e non chiedere troppe informazioni;
• Rimuovere i campi extra;
• Attiva il completamento automatico per le parole e le frasi più comuni;
• Utilizzare gli strumenti integrati nei dispositivi mobili ( tastiera numerica, GPS, rubriche, telecamere, ecc.).

Una situazione familiare: stai cercando di seguire un link o di compilare un modulo utilizzando cellulare, ma invece atterri su una pagina completamente diversa. La combinazione di schermi piccoli e molti elementi cliccabili crea molti disagi per gli utenti.

Steven Hoober, designer dell'esperienza utente mobile, designer e autore di Designing interfacce mobili” consiglia: “Assicurati che ogni zona di tocco sia sulla almeno 8 millimetri dal centro dell'altro, anche se è preferibile una distanza anche di 10 millimetri".

Collegamenti, campi modulo e altro elementi importanti deve essere abbastanza grande da consentire agli utenti di fare clic su di essi facilmente. A tal fine, Apple ha impostato una dimensione minima dell'oggetto di 44x44 pixel. Ora questo standard viene utilizzato per tutti i prodotti dell'azienda.

Non ci sono regole e dimensioni adatte a ogni landing page, ma secondo Steven Huber, nello sviluppo di una risorsa dovrebbero essere presi in considerazione tre criteri: i pulsanti dovrebbero essere leggibili, chiari e attraenti per gli utenti.

Gli utenti mobili sono molto impazienti e caricamento lentoè un problema serio. L'80% dei possessori di smartphone si aspetta che le pagine vengano caricate con la stessa rapidità con cui avviene sullo schermo del computer. Se il sito non risponde al tocco dell'utente, è molto probabile che la persona:

Invece di una conclusione

Il livello di consumo di contenuti multimediali tramite dispositivi mobili cresce ogni mese. Sempre più persone hanno accesso a Internet mobile ed è importante tenerne conto quando si sviluppa una pagina di destinazione o un sito web.

Risorse troppo complesse frustrano gli utenti e li spingono verso i concorrenti. Rendendo la tua landing page facile e divertente da usare sui dispositivi mobili, smetterai di perderti clienti potenziali e aumentare i tassi di generazione di lead.

Il traffico mobile ha cambiato il mondo così rapidamente che le nuove regole del gioco hanno colto molti di sorpresa. Recenti ricerche di mercato mostrano una costante stagnazione del segmento desktop sullo sfondo di una forte crescita del mobile, che va avanti da più di un anno. In tali condizioni, un'azienda che non è pronta a lavorare con il traffico più prezioso da smartphone e tablet cesserà di essere efficace - ora o tra sei mesi, non importa.

Ciò è particolarmente vero per le aziende del segmento e-commerce che si affidano alle vendite tramite landing page. Il numero uno nella lista delle cose da fare per il capo di un'azienda del genere, ovviamente, dovrebbe essere l'adattamento della pagina di destinazione per i dispositivi mobili. E affinché sia ​​il più efficace possibile, vale la pena valutare l'ambito del lavoro.

Allora, cosa e come ci adattiamo?

• Immagini.Di norma, le immagini desktop sono oscenamente grandi e impiegano un'eternità a caricarsi sui dispositivi mobili. È necessario renderli più piccoli, adattarli agli schermi di smartphone e tablet, ridurre la qualità per ridurre il peso oppure utilizzare il plug-in/script Adaptive Images, che sceglie la dimensione e la qualità dell'immagine in base al dispositivo. La prima soluzione è strategicamente più corretta e ti permetterà di ottimizzare in modo più efficace la tua landing page per dispositivi mobili.

• Menù.Semplifica la navigazione nel menu: elimina le opzioni meno importanti, le schede multifase e i caratteri piccoli.

• Tabelle.Qualsiasi negozio online è costituito da tabelle con merci e spesso si trovano su altri siti. Affinché questi dati vengano visualizzati correttamente durante l'adattamento di una pagina di destinazione per dispositivi mobili, considerare la possibilità scorrimento orizzontale- in modo che il contenuto principale rimanga immobile.

• Moduli di input.Devono essere ingranditi e ottimizzati per l'uso tipi corretti campi. Disattiva anche la correzione automatica, digitando con lettera maiuscola e correggi: interferiscono con l'immissione di dati dal telefono.

• Contenuto.Non utilizzare un carattere più piccolo di 16 punti, non dimenticare i rientri tra le righe e dal bordo dello schermo - e non semplificare così tanto il contenuto che il cliente deve andare sul sito desktop alla ricerca del informazione necessaria.

• Adattabilità.Molte persone pensano che ottimizzare una landing page per dispositivi mobili significhi renderla reattiva. Questo non è del tutto vero: il sito deve semplicemente essere visualizzato correttamente su tutti gli schermi, il che non si ottiene con una sola tecnologia. Maggiori informazioni sulle tecnologie di mobilitazione dei siti nel nostro articolo.

• Velocità di download.Questo parametro dipende direttamente da tutti i punti precedenti. Di norma, i siti per dispositivi mobili realizzati utilizzando la tecnologia di creazione di modelli sono i più veloci da caricare. Poiché i modelli sono già ben ottimizzati in anticipo, tutto paragrafi precedenti puoi tranquillamente saltare l'elenco e passare al più interessante: la scelta e facile configurazione opzione adatta.

Tutte queste cose apparentemente complesse possono facilmente inserirsi soluzioni semplici. Sul mercato russo viene presentata una scelta di opzioni di adattamento pagina di destinazione per dispositivi mobili per tutti i gusti e tutte le tasche: puoi noleggiare un intero web studio o utilizzare i servizi online, ad esempio MoAction ne offre più di 100 soluzioni già pronte, che hanno il punteggio di mobilità più alto di Google e sono professionisti.

La scelta è tua!

La pagina di destinazione è uno strumento web per gli esperti di marketing per aumentare i profitti dell'azienda. Una pagina indulgente ha tassi di conversione più elevati di pagina semplice. Affinché sia ​​massima, la pagina di destinazione deve essere affidabile per l'utente, oltre a essere visualizzata correttamente su tutti i dispositivi. Di seguito scopriremo perché è importante ottimizzare la pagina per i dispositivi mobili.

Il numero di transizioni dai dispositivi mobili sta crescendo rapidamente:

In Runet, quasi il 55% dei clienti accede alla landing page da dispositivi mobili. Nel settore anglofono di Internet, questa cifra è più alta. Il 70% dei visitatori di Internet utilizza dispositivi mobili come modo principale accesso alla rete.

Perché i numeri di traffico mobile sono in aumento?

• Abbondanza di dispositivi mobili nel mercato
• Un gran numero di operatori Internet
• Internet mobile di buona qualità
• Distribuzione di zone wi-fi
• L'emergere di versioni mobili di browser famosi
• Semplicità e facilità d'uso dei dispositivi mobili

I clienti vanno alla pagina alla ricerca delle informazioni/prodotto/servizio necessari, lavorando con telefoni, smartphone, iPad, tablet. Il traffico mobile della tua landing page è facile da monitorare. Esistono strumenti online speciali per questo (ad esempio, LiveInternet, Statistiche di Google). Raccolgono continuamente statistiche sui visitatori della pagina di destinazione, inclusa la raccolta di informazioni sul traffico.

Potrebbe risultare così traffico mobile la pagina di destinazione è uguale o addirittura superiore al numero di utenti dai dispositivi desktop. Se la quota di clienti che sono arrivati ​​alla pagina dai gadget è significativa, allora non puoi fare a meno di una versione mobile. C'è una via d'uscita: creare versione separata landing page per dispositivi mobili o adattare la landing page per dispositivi wireless.

Perché è necessario?

• Per non perdere consumatori . Il 50% dei clienti non torna a una pagina di destinazione se ha avuto una brutta esperienza nell'entrare in questa pagina di destinazione.
• In modo che tutti i visitatori di Internet possano esplorare completamente pagina di destinazione. Dovrebbe essere ottimizzato per i dispositivi mobili. Il 91% delle persone in cerca di lavoro mobile si converte in acquirenti.
• Fornisci al cliente l'opportunità di visitare la pagina di destinazione da qualsiasi dispositivo disponibile.

Cosa fare per non perdere il client dei propri dispositivi mobili?

• Scegliamo hosting di alta qualità. Forniamo un accesso rapido e costante alla pagina di destinazione. L'utente mobile non aspetterà il caricamento della pagina, ha bisogno delle informazioni ora.
• Reindirizzamento alla versione mobile. Con la possibilità di tornare alla versione completa.
• Layout di pagina speciale per il traffico mobile. Per la corretta visualizzazione della landing page su dispositivi mobili.
• Menu di navigazione (su - giù)
• Scorrimento verticale (scorrimento)
• Comoda interfaccia e informazioni rilevanti
• Non ricarichiamo la pagina. Rifiutiamo il flash a favore di HTML, JQuerty, jpeg - graphics.
• Trattenuto, ma coerente con il concetto generale del design della pagina di destinazione
• Posizioniamo il contenuto in una colonna, dove scriviamo "invito all'azione" nella parte superiore della colonna principale. Se la chiamata deve essere posizionata in basso, nella parte superiore della pagina utilizzeremo sicuramente i teaser.
• Ridimensioniamo. Dimensioni accettabili per una corretta visualizzazione gadget mobili- fino a 8 pollici.
• Toccare la funzione di chiamata. È più facile per il cliente premere un pulsante piuttosto che comporre l'intero numero.
• Forniamo la possibilità di fare clic sui pulsanti. Dovrebbero essere di dimensioni tali che il consumatore possa eseguire facilmente l'azione; posizionati a distanza l'uno dall'altro per funzionalità.
• Creazione di pulsanti social networks. La maggior parte dei visitatori mobili utilizza i propri dispositivi per visitare i social network. reti.
• Adattiamo il testo (tabelle, pennarelli, tesi)
• Leggibilità della pagina. La possibilità di scansionare, non leggere.
• Sostituzione dei collegamenti con pulsanti cliccabili
• Ricerca di localizzazione. Per aumentare gli indicatori di ranking, utilizziamo una query rilevante in relazione alla posizione del visitatore.
• Orientato ai dati. Il traffico mobile è associato agli eventi del presente e del futuro.
• Miglioramento moduli di acquisizione, questionari (pochi campi da compilare)
• Concentrati sul posizionamento verticale e orizzontale
• Testimone. Verifichiamo la qualità di visualizzazione della landing page su diversi dispositivi mobili con emulatori.

Vale la pena considerare le esigenze degli utenti mobili della pagina di destinazione. Rappresentano quasi la metà di tutto il traffico sulla pagina di destinazione e il loro numero è in crescita.

Processi innovativi nel campo IT aumentano il traffico mobile. La domanda di risorse ottimizzate per i dispositivi mobili supera l'offerta, quindi prenditi cura dell'adattabilità della tua pagina di destinazione in anticipo.

E di nuovo buone notizie Per i proprietari di siti WordPress, ci sono plugin che creano una versione mobile del 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:è necessario 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 di un design 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.