7 best practice per la progettazione della navigazione mobile

Pubblicato: 2016-04-19

L'utilizzo dei dispositivi mobili sta crescendo a un ritmo astronomico e una cosa è chiara: ignoralo e perderai visitatori.

Gli utenti mobili ora sono più numerosi di quelli che accedono a Internet tramite i loro desktop, ma gli utenti mobili e gli utenti desktop sono bestie molto diverse. Gli utenti mobili sono, beh, mobili. Ciò significa che cercano una gratificazione immediata, sia che si tratti di visitare il tuo negozio, acquistare i tuoi servizi, scoprire alcune informazioni o leggere le notizie. Tempo è dell'essenza; se non riescono a trovare immediatamente quello che vogliono, spariranno sul sito web dei tuoi principali concorrenti.

Per questo motivo, è più importante che mai che i designer lavorino con una mentalità incentrata sui dispositivi mobili per fornire la migliore esperienza possibile ai propri utenti mobili.

E la navigazione è al centro del raggiungimento di un'esperienza utente mobile senza problemi.

Navigazione mobile

La navigazione mobile dovrebbe essere intuitiva, facilmente accessibile e, con immobili a premio, non dovrebbe occupare troppo spazio sullo schermo. La semplicità è il nome del gioco qui. Mentre otto punti di navigazione possono essere perfettamente accettabili per un desktop, è eccessivo su un dispositivo mobile: ingombra lo schermo e confonde l'utente finale.

best practices-navigazione-mobile-disordine

Tuttavia, la maggior parte degli utenti mobili è migrata ai dispositivi mobili dai propri desktop e si aspettano ancora un certo standard quando si tratta di navigazione e aspetto del sito. In altre parole, non vuoi rovinare troppo le loro aspettative. Sebbene la navigazione mobile sia generalmente diversa da quella trovata sui siti desktop, dovrebbe replicare le convenzioni di base.

Ecco sette suggerimenti di best practice per una navigazione mobile efficace.

1. Mantieni i menu brevi e dolci

“Quando si tratta di menu sui siti Web mobili, meno è davvero di più. " Se sovraccarichi le opzioni del menu, gli utenti dovranno affrontare una paralisi decisionale mentre cercano di decidere quale opzione richiedono. Ricorda, cercano informazioni istantanee. Se devono cercare tra molte opzioni spariranno semplicemente alla ricerca di un sito meglio progettato. Quindi assicurati che i tuoi menu siano brevi e dolci.

L'eccezione sono i negozi di eCommerce, perché gli utenti desiderano un accesso facile e veloce a diverse categorie di acquisto. Ma sebbene non sia possibile ridurre le categorie di prodotti, c'è un argomento per rimuovere alcune delle pagine standard, come home, contatti e informazioni, dal menu mobile, poiché gli utenti daranno la priorità agli acquisti.

migliori-prassi-menu-di-navigazione-mobile

2. Includi un pulsante di ricerca in evidenza

Semplicità e minimalismo sono le parole chiave nel design mobile. Ma con lo spazio ridotto e i menu brevi, c'è il pericolo che gli utenti non riescano a trovare rapidamente ciò che desiderano. Per questo motivo, avere un pulsante di ricerca prominente, sotto forma dell'icona dello specchio, è fondamentale.

Idealmente, vuoi posizionare l'icona di ricerca nella parte superiore dello schermo in modo che se un utente atterra sul tuo sito alla ricerca di una particolare informazione, può cercare e trovare ciò che vuole con il minimo problema.

3. Assicurati che sia facile tornare alla home page

Una convenzione familiare a tutti gli utenti di Internet è il concetto di home page, e questo è altrettanto importante per i dispositivi mobili. È facile atterrare su un sito, seguire pochi clic e perdere improvvisamente traccia di dove ti trovi, oppure rispondere a una telefonata e dimenticare cosa stavi facendo quando torni alla navigazione. L'icona della home è una vista familiare a tutti gli utenti e offre loro un modo semplice per tornare alla home page.

La homepage è anche un utile punto di riferimento. Dovrebbe avere una panoramica delle informazioni più utili sul tuo sito, in modo che gli utenti possano riorientarsi e scoprire immediatamente i contenuti più importanti.

4. Rendi evidenti le CTA

Ogni pagina del tuo sito web dovrebbe avere un invito all'azione, rendendo ovvio cosa vuoi che i tuoi visitatori facciano dopo essere atterrati lì. Nell'ambiente di navigazione ridotto a icona di un cellulare, è essenziale che i tuoi inviti all'azione siano sempre enfatizzati.

Segui le convenzioni di base per le CTA (colori chiari e contrastanti, testo distintivo e persuasivo e assicurati che risaltino visivamente) e posizionale in primo piano e al centro, dove non possono mancare.

Se hai un negozio eCommerce, considera di aggiungere il tuo pulsante "Aggiungi al carrello" o "Acquista" come pulsante permanente, in modo che sia sempre sulla pagina quando i tuoi utenti stanno scorrendo.

5. Valuta se hai bisogno di icone di condivisione

Questo può sembrare un gioco da ragazzi; dopotutto, l'utilizzo dei social media sui dispositivi mobili è ai massimi storici, con oltre mezzo miliardo di persone che utilizzano Facebook esclusivamente sui propri dispositivi mobili. Tuttavia, un recente studio di Moovweb ha rivelato che solo lo 0,2% degli utenti mobili fa clic su un pulsante di condivisione mobile, il 35% in meno rispetto ai desktop. In effetti, lo studio ha mostrato che gli utenti mobili avevano 11,5 volte più probabilità di fare clic su un annuncio rispetto a condividere contenuti tramite i loro dispositivi mobili.

Lo studio ha anche rivelato che se desideri implementare la condivisione social come parte della tua campagna di marketing, Facebook è la rete principale a cui rivolgersi. Per avere le migliori possibilità di successo, oltre a includere un'icona di condivisione ottimizzata per i dispositivi mobili, dovresti includere un CTA chiedendo ai tuoi utenti di condividere le informazioni e possibilmente anche offrire una sorta di incentivo.

migliori-pratiche-icone-di-navigazione-mobile

6. Riduci al minimo le promozioni

Come menzionato nel sondaggio di cui sopra, è molto più probabile che gli utenti mobili facciano clic su un annuncio piuttosto che condividere informazioni dai loro dispositivi mobili. Ma ciò non significa che dovresti riempire il tuo sito web mobile di annunci.

Al contrario, con immobili a premio sugli schermi mobili, ingombrare lo schermo con annunci pubblicitari è un modo infallibile per garantire che i tuoi visitatori se ne vadano con una smorfia. Le promozioni, che siano la tua pubblicità o quella a pagamento sul tuo sito, possono facilmente sopraffare anche i migliori contenuti e le informazioni più importanti su uno schermo e rendere difficile la navigazione per gli utenti. Se vuoi includere promozioni e annunci, fai attenzione a non lasciare che prendano il sopravvento.

7. Rendi il sito intuitivo

Infine, assicurati che l'atto di navigazione sia semplice per i tuoi utenti assicurandoti che il tuo sito mobile sia touch-friendly. Ricorda, invece di un mouse preciso, gli utenti utilizzeranno le loro dita più grandi, un po' più goffe, per la navigazione. Il tuo design dovrebbe includere molto spazio bianco e i tuoi collegamenti dovrebbero essere sia ovvi che facili da toccare con un dito: la dimensione del target è 44 px per 44 px.

Inoltre, evita gli effetti che non si traducono bene sui dispositivi mobili, come gli effetti al passaggio del mouse, e cerca di evitare l'uso di messaggi pop-up: sono già abbastanza irritanti su un desktop, ma possono essere particolarmente ingombranti da navigare su un sito mobile.

best-practice-navigazione-mobile-touch-friendly

Non si può negare che il cellulare sia grande ed è di vitale importanza per tutti i proprietari di siti web. Assicurati di conoscere gli obiettivi principali dei tuoi clienti e di progettare con precisione e scopo, utilizzando una prospettiva minimalista e una mentalità mobile-first. Non vuoi sopraffare gli utenti con scelte e distrazioni che potrebbero paralizzarli e allontanarli.

Stai mirando a una navigazione intuitiva e senza interruzioni, per migliorare l'esperienza utente dei visitatori. "Con un'esperienza utente di prim'ordine, il sito attirerà più visitatori e farà più conversioni. "

Quali suggerimenti e trucchi usi per una navigazione mobile intuitiva e fluida? Abbiamo perso qualcosa di importante? Raccontacelo qui sotto!