Da qualche tempo, chiunque si occupasse dell'ottimizzazione dei motori di ricerca si assicurava che fosse disponibile una versione mobile del loro sito web perché altrimenti si correva il rischio di far arrabbiare l'algoritmo di Google. Tuttavia, a differenza di così tante altre tendenze nel mondo SEO, la ricerca mostra che l'uso del web mobile non sta rallentando, anche se molti dei cosiddetti siti web mobili sono dolorosi da usare. Crescono non solo le visualizzazioni dei dispositivi mobili, ma stanno esplodendo. Ricerca da Statista stima che la quantità di traffico web nell'anno 2019 sarà intorno a 24,3 Exabyte, rispetto a 4,2 Exabyte nel 2015.
Solo per essere sicuro di aver compreso la gravità di questo, un Exabyte equivale a 1 miliardo di Gigabyte.
Nonostante le prove dimostrino che i visitatori utilizzano i propri dispositivi mobili per navigare sul Web, non tutti progettano pensando all'utente mobile. Secondo il gruppo Nielsen-Norman:
... ci sono più utenti di smartphone in tutto il mondo che utenti di desktop e laptop [ma] l'usabilità di siti Web mobili e applicazioni è ancora ben oltre l'usabilità dei siti web desktop.
Certo, non tutti vogliono un sito web per dispositivi mobili che sia abbastanza buono per Google. Vogliono che i loro visitatori abbiano un'esperienza positiva quando atterrano sul loro sito web, o uno che hanno progettato per un cliente. Quindi adattano i loro disegni di conseguenza.
La maggior parte delle persone associa il web mobile a un web design reattivo perché è stata la parola d'ordine lanciata in diversi blog e presentazioni per qualche tempo. Tuttavia, il web design reattivo non è l'unica strategia e non è sempre l'approccio migliore. La scelta migliore si basa sul modo in cui desideri che i tuoi visitatori interagiscano con i contenuti del tuo sito.
Utilizzando le media query per modificare la visualizzazione del sito in base alle dimensioni dello schermo, questo è un approccio fluido alla progettazione di più dispositivi. Si progetta una volta e si affida al CSS per ridimensionare il display in base allo schermo.
Questo approccio si basa su pagine statiche progettate per diversi punti di interruzione. Quando viene rilevata la dimensione dello schermo, viene visualizzato il layout appropriato. Qui, è necessario progettare layout diversi per adattarsi a varie dimensioni dello schermo. Di solito, sei layout sono costruiti per le larghezze più comuni: 320, 480, 760, 960, 1200, 1600.
Questo è il momento in cui crei un'applicazione per iOS, Android o Windows progettata per offrire i tuoi contenuti web agli utenti di dispositivi mobili.
Saresti difficile trovare un sito web in questi giorni che non offra una sorta di interazione con l'utente. Potrebbe essere un sito web aziendale che raccoglie informazioni da potenziali clienti, un sito di e-commerce costruito per lo shopping o un sito che consente ai visitatori di effettuare il check-in a un evento o luogo. In ogni caso, l'utente dovrà fornire informazioni, effettuare selezioni e premere pulsanti e si deve prendere in considerazione che le cose su un dispositivo mobile sono diverse.
Per i principianti, concentrati su funzioni importanti. Questo potrebbe richiedere un po 'di riorganizzazione da parte tua, oppure potresti dover ridurre alcuni degli elementi che volevi includere. Questo non solo contribuirà a ridurre il disordine, ma consentirà pulsanti più grandi e altri elementi con cui le dita più grandi potrebbero avere difficoltà a impegnarsi. Quando possibile, ridurre la necessità per gli utenti di inserire testo. Possono avere una tastiera su schermo da usare, ma sappiamo tutti che c'è un alto tasso di errore quando si usano questi e funzionalità come la correzione automatica o la previsione del testo possono diventare piuttosto frustranti. Inoltre, capisci che c'è una buona possibilità che un visitatore mobile possa essere interrotto o perdere la connessione. Meno devono rifare se scadono, meno frustrazione provano.
Per scopi SEO, molti designer sono stati formati nel corso degli anni per incorporare complessi menu di navigazione nel loro lavoro in modo che gli spider dei motori di ricerca siano in grado di indicizzare tutto. Avere tutto accessibile dal menu di navigazione garantisce anche che i visitatori siano in grado di trovare quello che stanno cercando. Ma per il visitatore mobile, questi menu travolgenti rendono la navigazione più difficile, e una sitemap creata correttamente invierà i crawler dei motori di ricerca nei punti in cui ne hai bisogno.
Invece di lunghi elenchi di voci di menu, mantieni le scelte a non più di sei in modo che i visitatori mobili non debbano cercare di scorrere verso il basso per vedere tutto mentre si cerca di mantenere aperto un menu. Inoltre, elimina i sottomenu. Quel piccolo segno + che ti aspetti che gli utenti facciano clic per espandere le opzioni è davvero difficile da toccare, a meno che non stiano usando uno stilo. Mele Nozioni di base sulla progettazione dell'interfaccia utente afferma che il dito medio richiede 44 pixel da sinistra a destra e su e giù. Progetta con quello spazio in mente.
La tendenza del sito web a pagina singola è qualcosa da considerare anche qui. Progettato pensando ai visitatori mobili, questa tecnica consente al visitatore di scorrere il sito e trovare tutto ciò di cui ha bisogno su una pagina lunga. Questo tipo di design dimentica tutto il fold visto che gli utenti mobili sono a proprio agio scorrere i contenuti per trovare ciò di cui hanno bisogno.
Quando pensi ai tuoi visitatori mobili, ti viene chiesto di lasciar perdere un po '. Ma ciò che non dovresti mai sacrificare è la ragione per cui hai un sito web in primo luogo. Assicurati che il tuo marchio rimanga coerente, se hai bisogno che il tuo logo rimanga visibile, quindi utilizza la giusta quantità di immobili per visualizzarlo. Se il tuo sito è pieno di contenuti, assicurati che gli utenti mobili abbiano accesso a tutto ciò. Nascondere contenuti da display mobili punisce essenzialmente i visitatori per non essere visualizzati a schermo intero.
Come web designer, siamo abituati alle tendenze nel nostro settore. Ogni anno ci sono liste che ci introducono alle ultime mode e metodologie a cui dovremmo prestare attenzione. Progettare per l'utente mobile non è uno di quelli. È la realtà di dove sta andando il nostro settore e continuano ad aggiungere più dimensioni dello schermo per farci lavorare, quindi non esiste un approccio adatto a tutte le dimensioni.
Voi, la vostra organizzazione, i vostri clienti e ogni altro stakeholder dovete determinare cosa è importante e strutturare i vostri siti attorno a questi elementi. Ma pensa a ciò che è importante per i tuoi visitatori perché questo è ciò che conta. L'esperienza dell'utente non dovrebbe mai riguardare ciò che riteniamo sia meglio o ciò che vogliamo vedere. Non possiamo costringere le persone ad avere una grande esperienza quando visitano le nostre pagine. Invece, dobbiamo dare loro ciò che vogliono, in un modo a cui è facile accedervi.
Quindi, prima di cercare elenchi di controllo o guide che ci diano una buona esperienza utente, prenditi il tempo per riflettere su ciò che abbiamo da dire e su ciò che i nostri visitatori vogliono sentire.