Hai esaminato l'analisi dei dati del tuo sito ultimamente? Le probabilità sono una parte significativa - forse anche più della metà - degli utenti che visitano il tuo sito web tramite dispositivo mobile.
Indipendentemente dal fatto che tu stia concentrando gli sforzi sui dispositivi mobili su un sito Web o un'app, devi assicurarti che il design crei un'esperienza utente stellare per ognuno di questi utenti mobili. Non devi ricominciare da zero per farlo. Pensare all'utente mobile e al modo in cui interagiscono con il design contribuirà a modellare il modo in cui le interfacce appaiono e funzionano.
Ecco cinque trucchi di progettazione che puoi utilizzare per rendere il tuo UX mobile quello che gli utenti amano.
1. Semplificare la navigazione
Quei menu di mega navigazione della vecchia scuola non ti stanno facendo alcun favore, specialmente quando si tratta di dispositivi mobili. Gli utenti mobili potrebbero avere l'attenzione minima di qualsiasi gruppo di utenti. Vogliono aprire il sito Web o l'app e trovare subito ciò di cui hanno bisogno.
Progetta i menu di navigazione con solo poche opzioni: guarda le tue analisi per vedere quali sono la maggior parte degli utenti che cercano o navigano per primi.
Meno opzioni richiedono meno spazio sullo schermo, consentendo di incorporare più spazio nel design, che è l'ideale per il tocco e la leggibilità.
Mentre non discuteremo i vantaggi dell'icona dell'hamburger qui, la navigazione pop è un modello a cui gli utenti sono abituati. Assicurati che se hai intenzione di aprire o chiudere il menu di navigazione, c'è un chiaro identificatore visivo per gli utenti.
L'app Ebates utilizza due livelli di navigazione: uno che elenca le loro migliori offerte e un altro che è il tuo elenco preferito di negozi preferiti (nell'icona hamburger / cuore). Nessuna delle due opzioni è pesante. Sembra quasi e funziona come il contenuto. L'intero design è la navigazione senza sentirsi opprimenti.
2. Think in Gestures (e Haptics)
Gli utenti mobili interagiscono con i loro dispositivi in modo molto diverso dagli utenti desktop. La tua interfaccia utente dovrebbe tener conto di ciò.
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 doppio dito)
- 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 l'aptica. Quel sottile? Pancione? dal tuo indossabile o che le vibrazioni del tuo telefono in una tasca sono notifiche tattili, simulazioni meccaniche del tocco tramite vibrazioni o movimento.
Il trucco per aptico è che le interazioni sono sottili e abbastanza discreto. Mentre l'utente potrebbe sapere che c'è una notifica, altre persone non lo faranno. L'interfaccia touch sta diventando sempre più comune e sembra ricevere una risposta positiva dagli utenti.
Il gioco Two Dots, ad esempio, utilizza un bump ogni volta che si eliminano i punti in un determinato modo. L'opzione silenziosa rende il gioco discreto e offre un'esperienza piacevole agli utenti.
3. Rendilo conversazionale
Alle persone piace sentirsi parlare e interagire con altre persone. Fortunatamente per i progettisti, un tocco di intelligenza artificiale e chatbots 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'intera interfaccia che ha un tocco più personale. Da lunghi blocchi di testo a minuscoli 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 sembrare eccessivamente formale o robotico nella tua messaggistica.
- Utilizza le funzionalità di messaggistica o i chatbot per creare interazioni istantanee con gli utenti. Questo può essere un ottimo strumento di assistenza ai clienti e anche contribuire a creare la fedeltà dei clienti se qualcuno è sempre lì per aiutarli a superare i problemi.
- Integrare un'interfaccia utente vocale nel design. Siri e Alexa sono nomi familiari grazie alle interfacce vocali. L'altro bonus all'integrazione dei comandi vocali? Rende il tuo sito Web o la tua app più accessibili.
4. Animalo
Sembra che ci siano elementi animati su quasi tutti i siti web che visiti. E questo è di design. L'animazione può dare vita a un design.
Gli elementi animati sono molto coinvolgenti perché attirano l'attenzione dell'utente e possono aiutare gli utenti a mostrare come interagire meglio con un design. (Ritorna all'idea classica di "mostra, non dire" quando si crea un disegno.)
Google Maps, ad esempio, è pieno di animazioni. Presta attenzione la prossima volta che la usi.
Nick Babich, per UX Planet, ha un ottimo primer sugli usi per l'animazione nell'interfaccia utente mobile. Ha delineato tre usi chiave su come usare bene il movimento.
- Per lo stato del sistema: utilizza l'animazione per mostrare uno stato di caricamento, per aggiornare il contenuto e per le notifiche.
- Per la navigazione e le transizioni: utilizza l'animazione per aiutare gli utenti a spostarsi tra diversi tipi di contenuti, per stabilire una gerarchia visiva tra gli elementi e per mostrare un cambiamento di stato.
- Per feedback visivi: utilizza l'animazione per mostrare il riconoscimento di un'azione o per visualizzare il risultato di un'azione.
5. A bordo bene e utilizzare correttamente le forme
In particolare con un'app, l'onboarding è vitale per la fedeltà dell'utente.
Pensa all'ultima partita che hai scaricato. Sei saltato dentro? O ti serviva un tutorial veloce 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 farli passare anche agli utenti fedeli. Tieni breve il tutorial di onboarding e assicurati di includere una domanda frequente o una sezione di aiuto in modo che gli utenti possano tornare indietro se hanno problemi.
L'onboarding dei siti web per dispositivi 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 complicate ingombranti.
Semplifica i moduli per i 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 è l'obiettivo ed è super semplice.
Richiedi solo un bit di informazioni - un indirizzo email. Questo è tutto ciò che serve per iniziare una relazione con un utente. Se il tuo sito o la tua app richiedono l'accesso, tieni un indirizzo email e una password.
Progettare il modulo in modo che le caselle siano facili da compilare (dal punto di vista delle dimensioni) e considerare l'ipotesi di abbandonare le funzioni di completamento automatico per ridurre le possibilità di errori di indirizzi e-mail. 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 probabile che abbia degli errori per te.
Conclusione
L'esperienza utente mobile è una delle cose più importanti a cui devi pensare quando crei 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 che gli utenti vorranno coinvolgere continuamente.