Perfezionamento della navigazione per il Web mobile
Dato che il numero di utenti mobili continua a superare il numero di utenti desktop, è ovvio che i progettisti, ora più che mai, devono progettare con una mentalità mobile-first. Con così tante persone che acquistano prodotti o servizi, leggendo le notizie e comunicando l'un l'altro lontano dai confini delle loro scrivanie, l'attenzione al design deve passare all'esperienza utente mobile.
Qual è l'unico modo efficace per garantire un'esperienza utente di alta qualità per i tuoi utenti? Concentrati sulla navigazione mobile. Quando gli utenti godono di una navigazione senza interruzioni che rende facile trovare quello che cercano, la loro esperienza utente prende una svolta drammatica per il meglio. E quando la loro esperienza utente è di prim'ordine, puoi scommettere che i tuoi clienti apprezzeranno più persone che visitano i loro siti e molte più conversioni.
La grande navigazione mobile si riduce a ciò che decidi di includere nel menu e non hai nemmeno bisogno di molti elementi per facilitare l'esperienza! Ricorda che lo spazio sullo schermo ha sempre un vantaggio sui dispositivi mobili, quindi è consigliabile essere esigenti con ciò che includi nel menu.
Ricerca
Includere una funzione di ricerca con l'accessibilità molto familiare dello specchio visivo arriva direttamente al punto di offrire agli utenti mobili un modo per trovare ciò che stanno cercando ... veloce. Sugli schermi mobili, non sarai in grado di stipare il maggior numero di elementi sulla home page, come faresti su un sito desktop. Ecco perché ciò che altrimenti sarebbe ovvio fin dall'inizio potrebbe non essere così su schermi mobili.
Per coloro che non riescono a trovare ciò che stanno cercando dal momento in cui visitano il tuo sito, sia che si tratti di un particolare articolo di notizie, di una pagina di prodotto o di informazioni di contatto, è essenziale che una funzione di ricerca sia disponibile e facile da individuare.
La migliore pratica consiste nel mettere la funzionalità di ricerca direttamente nella parte superiore dello schermo, che si tratti di un sito web per dispositivi mobili o di un'app mobile. Con questo posizionamento, puoi essere certo che i tuoi utenti potranno trovarlo facilmente e quindi utilizzarlo.
Il sito mobile di Wikipedia presenta la barra di ricerca nella parte superiore, la navigazione principale dello schermo dove non può essere saltata, ma l'app mobile di LinkedIn la mostra nella parte inferiore dello schermo nel suo menu di navigazione, illustrando due diversi approcci allo stesso obiettivo .
Casa
Un'altra convenzione di progettazione di opzioni di menu che sopravvive alla transizione dal desktop al mobile, l'icona home è così familiare a chiunque navighi su un sito Web su dispositivi mobili o desktop che sarebbe assurdo escluderne uno. L'icona home opera come una convenienza simbolica, in quanto l'utente medio saprà facilmente cosa fare e si aspetta quando vedrà l'icona di una casa nel menu.
L'icona Home è essenziale per gli utenti mobili perché offre loro una panoramica efficiente e diretta dei contenuti più importanti del tuo sito. In quanto tale, garantisce anche un facile accesso a più contenuti sul tuo sito, piuttosto che dover fare affidamento esclusivamente sui link in-site all'interno di una pagina web o in una colonna accanto a un articolo.
È anche un modo funzionale per gli utenti di riorientare se stessi con quello del tuo sito, dato che possono facilmente distrarsi mentre navigano sui loro dispositivi mobili. Qualsiasi cosa, da una telefonata a un messaggio di testo in arrivo a uno qualsiasi dei badge e avvisi apparentemente senza fine per le app installate, può interromperli dal continuare ad assorbire il contenuto del sito.
Quando ciò accade e dopo che hanno richiamato la loro attenzione, è conveniente per loro semplicemente premere il tasto home per ottenere maggiori informazioni dal tuo sito e determinare se è ancora rilevante per loro.
La catena di supermercati Il sito mobile di Albertson è un esempio ideale di utilizzo di questa icona di casa nel menu dell'hamburger. Anche le app mobili come Twitter utilizzano l'icona simbolica della home nel menu di navigazione nel footer dell'app.
L'icona di condivisione
L'icona di condivisione è un'altra parte essenziale del tuo menu di navigazione mobile che non puoi semplicemente omettere. Questa è una raccomandazione basata sui dati dell'utente. La condivisione sociale non solo è strumentale alla prova sociale e persuade le persone che il tuo articolo, prodotto o sito è popolare e quindi dovrebbe essere letto o acquistato ulteriormente, ma è anche un'abitudine a cui molti utenti di dispositivi mobili partecipano.
Si scopre che la condivisione di contenuti su dispositivi mobili è ancora più popolare che farlo sul desktop! Questo ha senso quando lo guardi nel contesto della realtà più ampia che più persone usano il mobile, quindi più persone condivideranno anche sul mobile.
Questo è esattamente il motivo per cui il tuo menu di navigazione dovrebbe includere l'icona di condivisione davvero unica, come fa il CBC nel suo sito mobile.
Dopotutto, con così tanti utenti che assorbono i contenuti del tuo sito mobile, è un peccato non approfittare di tutto quel potenziale potere di condivisione sociale.
Categorie rilevanti
Se sei un negozio di e-commerce, a volte, non puoi accorciare troppo il tuo menu di navigazione, ma è accettabile se offri ai tuoi clienti mobili quello che stanno cercando: accesso facile e diretto a diverse categorie di acquisto.
Invece di avere opzioni di menu che ti aspetti di solito nella maggior parte dei siti mobili, come casa, su di noi e contattaci, i negozi online non hanno bisogno di fare molto di più che facilitare agli acquirenti la ricerca esatta di ciò che desiderano acquistare .
Nel caso della navigazione mobile di JC Penney e di EB Games, i rispettivi menu di hamburger si aprono per rivelare un elenco di scelte di categoria, aiutando così gli acquirenti a raggiungere il punto in cui desiderano andare sui loro siti mobili in modo più efficiente.
Solo poche scelte per le opzioni di menu
Come designer, a volte sei tentato di fare troppo per i tuoi clienti. A volte ciò può manifestarsi nel tuo progetto includendo troppe scelte nel tuo menu di navigazione. Quando si tratta di dispositivi mobili, meno è sicuramente meglio ogni volta. L'ultima cosa che vuoi è che i tuoi utenti mobili facciano una sorta di paralisi di scelta mentre navigano tra tutte le diverse opzioni che hai incluso.
Questo è il doppio per i dispositivi mobili, dove le persone sono già impazienti, vogliono una gratificazione immediata e non hanno tutto il giorno per trovare ciò che stanno cercando sul sito del cliente. Ricorda che, se il tuo sito Web non riesce a fornire loro ciò che desiderano, ci sono letteralmente centinaia di altri siti e app mobili nello stesso spazio del tuo cliente che possono offrire loro un'esperienza migliore. Non inviare lead e visitatori del sito ai concorrenti del tuo cliente a causa di un design non ben congegnato!
Il mobile è grande ed è super-importante ora. Progetta con lo scopo e la precisione per le attività che gli utenti dei tuoi clienti desiderano realizzare. Mentre progetterai con una mentalità mobile-first, ricordati che mettere il minimalismo nel tuo design farà miracoli. Meno opzioni nel menu di navigazione, meno distrazioni ed elementi che paralizzeranno i tuoi utenti. A sua volta, ciò porterà a un'esperienza utente migliore, in quanto le persone sono maggiormente in grado di trovare ciò che desiderano in modo più efficiente.