5 trucchi di progettazione per rendere brillante il tuo UX mobile
Hai esaminato l'analisi del tuo sito web di recente? Le probabilità sono una parte significativa, forse anche più della metà, dei tuoi utenti che accedono al tuo sito Web tramite dispositivo mobile.
Sia che tu stia concentrando gli sforzi mobili su un sito Web o un'app, devi assicurarti che il design crei un'esperienza utente straordinaria per ciascuno di quegli utenti mobili. Non è nemmeno necessario ricominciare da capo per farlo. Pensare all'utente mobile e al modo in cui interagiscono con il design aiuterà a modellare l'aspetto e il funzionamento delle tue interfacce.
Ecco cinque trucchi di progettazione che puoi utilizzare per rendere la tua UX mobile una delle preferite dagli utenti.
Esplora Envato Elements
1. Semplifica la navigazione
Quei mega menu di navigazione della vecchia scuola non ti stanno facendo alcun favore, specialmente quando si tratta di dispositivi mobili. Gli utenti di dispositivi mobili potrebbero avere l'intervallo di attenzione più breve di qualsiasi gruppo di utenti. Vogliono aprire il sito Web o l'app e trovare subito ciò di cui hanno bisogno.
Progetta menu di navigazione con solo poche opzioni: guarda le tue analisi per vedere cosa sta cercando la maggior parte degli utenti o vai prima.
Meno opzioni occuperanno meno spazio sullo schermo, consentendo di incorporare più spazio nel design, che è l'ideale per il tocco e la leggibilità.
Anche se non discuteremo qui i meriti dell'icona dell'hamburger, la navigazione a comparsa è un modello a cui gli utenti sono abituati. Assicurati solo che se prevedi di far apparire o far scorrere fuori il menu di navigazione, che ci sia un chiaro identificatore visivo per gli utenti.
L'app Ebates utilizza due livelli di navigazione: uno che è un elenco delle loro migliori offerte e un altro è il tuo elenco preferito dei negozi preferiti (nell'icona hamburger / cuore). Nessuna opzione sembra pesante. Sembra quasi e funzioni come contenuto. L'intero design è la navigazione senza sentirsi schiacciante.
2. Pensa nei gesti (e negli aptici)
Gli utenti mobili interagiscono con i loro dispositivi in modo molto diverso rispetto agli utenti desktop. La tua interfaccia utente dovrebbe tener conto di questo.
Il design dovrebbe sfruttare i gesti per eseguire determinate azioni. Un'interfaccia che utilizza controlli comuni e intuitivi delizierà gli utenti.
Questi gesti includono:
- Tocca e tocca due volte
- stampa
- Tenere
- Trascinare e rilasciare
- Scorri (singolo e due dita)
- Zoom avanti e indietro
- rubare
- colpo di frusta
Quando si tratta di gesti mobili sono i nuovi clic.
E mentre stai pensando alle interazioni tattili, non dimenticare gli aspetti tattili. Quel sottile "bernoccolo" del tuo indossabile o quella vibrazione del tuo telefono in una tasca sono notifiche tattili, simulazioni meccaniche del tocco che usano la vibrazione o il movimento.
Il trucco di aptico è che le interazioni sono sottili e abbastanza discrete. Mentre l'utente potrebbe sapere che c'è una notifica, altre persone spesso no. L'interfaccia touch sta diventando sempre più comune e sembra ricevere una risposta positiva dagli utenti.
Il gioco Two Dots, ad esempio, usa una protuberanza ogni volta che si eliminano i punti in un certo modo. L'opzione senza audio rende il gioco discreto e offre agli utenti un'esperienza piacevole.
3. Renderlo conversazionale
Alla gente piace sentirsi come se stesse parlando e interagendo con altre persone. Per fortuna per i designer, un tocco di intelligenza artificiale e chatbot possono aiutare a creare quelle interazioni in modo da non dover essere in standby per le sessioni di chat dal vivo 24 ore al giorno.
Esistono tre modi per creare un'interfaccia utente conversazionale:
- Scrivi una copia nell'interfaccia che abbia un tocco più personale. Dai lunghi blocchi di testo a piccoli frammenti di microcopia, il testo dovrebbe avere una personalità, come nell'app WTFWeather, sopra. Dovrebbe essere letto nel modo in cui le persone parlano. Fai attenzione a non sembrare troppo formale o robotico nei tuoi messaggi.
- Utilizza le funzionalità di messaggistica o i chatbot per creare interazioni immediate con gli utenti. Questo può essere un ottimo strumento di assistenza clienti e anche aiutare a fidelizzare i clienti se qualcuno è sempre lì per aiutarli a risolvere i problemi.
- Integra un'interfaccia utente vocale nel design. Siri e Alexa sono nomi familiari grazie alle interfacce vocali. L'altro vantaggio dell'integrazione dei comandi vocali? Renderà più accessibile il tuo sito Web o la tua app.
4. Animalo
Sembra che ci siano elementi animati su quasi tutti i siti Web visitati. E questo è di progettazione. L'animazione può dare vita a un design.
Gli elementi animati sono molto coinvolgenti perché catturano l'attenzione dell'utente e possono aiutare a mostrare agli utenti come interagire meglio con un design. (Risale all'idea classica di "mostra, non dire" quando si crea un design.)
Google Maps, ad esempio, è pieno di piccole animazioni. Presta attenzione la prossima volta che lo usi.
Nick Babich, per UX Planet, ha un'ottima conoscenza degli usi dell'animazione nella progettazione dell'interfaccia utente mobile. Ha delineato tre usi chiave per come usare bene il movimento.
- Per lo stato del sistema: utilizzare l'animazione per mostrare uno stato di caricamento, per aggiornare il contenuto e per le notifiche.
- Per la navigazione e le transizioni: utilizzare l'animazione per aiutare gli utenti a spostarsi tra diversi tipi di contenuto, per stabilire una gerarchia visiva tra gli elementi e mostrare un cambio di stato.
- Per un feedback visivo: utilizzare l'animazione per mostrare il riconoscimento di un'azione o per aiutare a visualizzare il risultato di un'azione.
5. A bordo e utilizzare correttamente i moduli
Soprattutto con un'app, l'onboarding è vitale per la fedeltà degli utenti.
Pensa all'ultimo gioco che hai scaricato. Sei saltato dentro? O hai bisogno di un breve tutorial per assicurarti il successo?
Un'esperienza di onboarding interattiva per le app aiuterà gli utenti a imparare come sfruttare al meglio le funzionalità incluse nell'esperienza utente. Un'opzione divertente ti aiuterà a passare anche agli utenti fedeli. Mantieni il tutorial di onboarding breve e assicurati di includere una domanda frequente o una sezione di aiuto in modo che gli utenti possano tornare ad esso se hanno problemi.
Con l'onboarding dei siti Web mobili è meno importante, ma i moduli di iscrizione o registrazione potrebbero essere un problema. I moduli sui dispositivi mobili devono essere semplici e facili. Agli utenti non piacciono le forme complesse ingombranti.
Semplifica i moduli per dispositivi mobili per aumentare le conversioni. (Puoi sempre chiedere ulteriori informazioni in seguito.)
Guarda il semplice punto di partenza per GoodRx, sopra. Richiede solo la medicina di cui vuoi saperne di più. La forma è il focus ed è super semplice.
Chiedi solo un po 'di informazioni: un indirizzo e-mail. Questo è tutto ciò che serve per iniziare una relazione con un utente. Se il tuo sito o la tua app richiedono l'accesso, mantieni un indirizzo e-mail e una password.
Progetta il modulo in modo che le caselle siano facili da compilare (dal punto di vista delle dimensioni) e considera di abbandonare qualsiasi funzione di completamento automatico per ridurre le possibilità di indirizzi e-mail errati. Un altro trucco? Utilizzare un modulo di accesso social quando è possibile semplificare ulteriormente il processo. Gli utenti sono abituati a questo processo ed è facile per loro ... e meno probabilità di avere errori per te.
Conclusione
L'esperienza dell'utente mobile è una delle cose più importanti a cui devi pensare quando costruisci il tuo sito Web o la tua app. E le esigenze degli utenti mobili continuano a cambiare continuamente.
Crea un'interfaccia facile da usare e sfrutta la tecnologia e le funzionalità moderne per creare qualcosa con cui gli utenti vorranno interagire più e più volte.
