Non è più necessario sottolineare l'importanza di preparare il tuo sito per dispositivi mobili. La rivoluzione mobile è il singolo più grande cambiamento nella breve storia del web. L'unica domanda è se gli utenti di smart phone e tablet costituiranno più della metà del tuo pubblico quest'anno o successivo.
Tenendo presente questo aspetto, l'ottimizzazione delle pagine di destinazione per dispositivi mobili è ora un processo essenziale per ogni designer. Tuttavia, non deve essere difficile, esiste una semplice lista di controllo che puoi eseguire per assicurarti che il tuo sito sia pronto per i browser mobili:
La capacità di un sito Web di adattarsi a vari dispositivi è vitale. Esistono migliaia di dispositivi là fuori, quindi la selezione di alcune dimensioni dello schermo rappresentative non è pratica.
La risposta accettata a questo è il web design reattivo, alcune persone sostengono che sia adattivo è meglio, altre persone sostengono adattivo è la stessa cosa. Questi argomenti sono davvero semantici, la linea di fondo è che hai la possibilità di far funzionare il tuo sito su qualsiasi dispositivo, attuale o futuro. Non riuscire a farlo sarebbe irresponsabile.
Una considerazione importante: assicurati che il tuo sito si adatti correttamente in verticale e orizzontale.
Ovviamente, il mobile offre molto meno spazio per adattare il contenuto a una pagina di destinazione. Idealmente, mantenere i titoli brevi, concisi, al punto e circa tre o quattro parole. Allo stesso modo, mantenere la pagina il più libera possibile, con un numero ridotto di collegamenti e un massimo di un'immagine, se possibile.
Metti il contenuto in punti elenco in modo che l'occhio possa prenderlo facilmente, senza doversi fermare e socchiudere gli occhi. Inoltre, crea un chiaro invito all'azione per invogliare il visitatore a visitare il resto del sito. Dovrebbe dare qualche tipo di incentivo e potrebbe essere semplice come un pulsante che consente ai visitatori di chiamare l'azienda, particolarmente utile per le imprese locali che utilizzano anche i servizi di localizzazione.
Qualcosa come il 75% dei ricercatori intraprende un'azione sui risultati di ricerca entro un'ora, quindi è facile capire perché un invito all'azione dovrebbe essere forte. Inoltre, metti l'invito all'azione da qualche parte vicino alla parte superiore della pagina, in modo che sia una delle prime cose che vede il visitatore mobile.
Sì, la dimensione ha davvero dimensioni dimensioni del file, cioè. Una pagina di destinazione dovrebbe sempre essere veloce da caricare, specialmente quella a cui si accede tramite un dispositivo mobile.
Non esiste una regola predefinita, più rapida è, meglio è, ma come guida generale, se la pagina di destinazione impiega più di 3 o 4 secondi per caricarsi, inizierai a perdere molti utenti.
Idealmente, la tua pagina dovrebbe essere estremamente leggera, al di sotto dei 20 kilobyte. Le immagini impiegano molto tempo per essere caricate e quindi dovrebbero essere ridotte al minimo. Mantieni tutto il tuo codice piacevole e ordinato, usa gli sprite delle immagini se necessario e usa CSS al posto delle immagini laddove possibile.
Oltre alla dimensione del file, pensa al numero di richieste che vengono fatte al server; in genere tali richieste causano più ritardi rispetto al download effettivo del file.
Gli utenti mobili sono spesso in movimento, quindi utilizza i servizi di localizzazione. Personalizza la pagina di destinazione in modo che sia pertinente agli utenti locali e offra incentivi anche a loro. Ad esempio, è possibile personalizzare il contenuto nella filiale locale di un negozio.
A seconda delle dimensioni e della portata del progetto, è possibile adattare il contenuto principale stesso alla posizione.
Essere in grado di leggere ciò che è sullo schermo è vitale, ed è per questo che less is more. Se non riesci a leggere il testo con il telefono tenuto a debita distanza, allora deve essere più grande. Sei davvero limitato per lo spazio.
Non far scorrere infinitamente gli utenti, altrimenti si annoieranno rapidamente e andranno avanti. Sì, le persone hanno una scarsa attenzione su Internet, molto più breve di quando leggono una rivista o un libro, quindi tutto ciò che fai deve attirare la loro attenzione subito.
Qualsiasi cosa cliccabile sulla tua pagina di destinazione dovrebbe superare il test del pollice. Se non è possibile fare facilmente clic con il pollice, ripensarlo. I collegamenti dei pad consentono di lasciare più spazio possibile intorno a loro e lasciano ampio spazio tra i collegamenti. Ciò ridurrà le possibilità che l'utente tocchi i link sbagliati e abbandoni la frustrazione.
I plug-in possono essere utilizzati per garantire che le foto possano essere facilmente trascinate, anche se l'inserimento di foto nella pagina di destinazione non è esattamente consigliato.
Se inserisci un modulo nella pagina di destinazione, tienilo molto semplice e non occupare molto spazio. Le forme che richiedono molti input sono scoraggianti e raggiungono un tasso di conversione più basso rispetto alle forme semplici. Quindi, aggiungi il minor numero possibile di campi.
Di nuovo, le persone si annoiano rapidamente, quindi dare loro un lungo modulo da compilare li renderà più propensi ad abbandonare il sito.
La navigazione dovrebbe essere semplice e diretta. Tieni i pulsanti al minimo e assicurati che superino il test del pollice. Prova ad aggiungere pulsanti a diverse aree della pagina in modo da poter seguire un percorso logico.
Metti alla prova la tua pagina di destinazione per assicurarti che funzioni efficacemente sui dispositivi mobili. Prendere in considerazione Test A / B , che ha dimostrato di aumentare i lead fino al 40% in alcuni casi.
Con un test A / B, dovresti creare due disegni della stessa pagina, A e B. Il traffico viene quindi diviso tra ciascun progetto per vedere quale offre il meglio. Utilizza le metriche che sono le più importanti per il progetto, come il tasso di conversione, le vendite, la frequenza di rimbalzo. Alla fine del test, vai con quello che ti dà il meglio, e sarai a metà strada per avere un design collaudato.
Ci sono molti simulatori mobili là fuori, ma qualunque sia la tua scelta, assicurati di usarla solo per il primo round di test. Per testare correttamente devi usare dispositivi reali. Inizia, prendi in prestito e ruba se necessario, controlla il tuo sito su tutti i dispositivi reali su cui puoi mettere le mani.
Maggiore è il numero di clic o azioni che un utente deve eseguire, meno è probabile che vengano completati. Consenti alle persone di passare dal punto A al punto B nel minor numero possibile di clic. Rendi incredibilmente semplice ogni aspetto della navigazione e dell'invito all'azione.
Queste sono le cose più importanti da tenere a mente quando si ottimizza una pagina di destinazione per dispositivi mobili. Ricorda durante tutto il processo di progettazione che il mobile è un mezzo diverso dal PC. Le persone hanno ancora meno pazienza sui dispositivi mobili perché sono spesso in movimento e desiderano completare il proprio compito con un minimo di confusione. I tempi di caricamento lenti e l'interazione non reattiva irritano anche le persone, quindi prenditi il tempo necessario per correggerle.
Riuscire a farlo bene può essere gratificante e potrebbe significare la differenza tra il sito che si comporta bene contro la concorrenza e perde i visitatori.
Immagine in primo piano / miniatura, immagine mobile via Shutterstock.