Il termine "igiene dell'usabilità" è stato inizialmente introdotto da Google nel contesto delle nozioni di base che devono essere affrontate al fine di prevenire la frustrazione degli utenti.

In questo articolo esamineremo sei aree chiave del design mobile a cui dovresti prestare particolare attenzione, al fine di creare un'esperienza utente positiva.

1. Assicurarsi che il contenuto sia accessibile quando l'utente non ha una connessione Internet

Secondo una recente ricerca di Google, il 34% degli utenti preferisce un'applicazione su un sito web mobile quando ha una scarsa connessione internet. Quando aprono un'app, si aspettano di vedere molti contenuti lì, indipendentemente dal fatto che siano connessi a Internet o meno. È fondamentale rendere accessibili i contenuti chiave anche in caso di connessione dati scarsa o nulla. Se il contenuto non è presente, gli utenti si sentiranno frustrati e passeranno a un'app diversa che fa un lavoro migliore di memorizzazione nella cache delle informazioni che vogliono vedere.

Di seguito è riportato un esempio di come le mappe di Apple (a sinistra) e Google Maps (a destra) utilizzano la cache. Google Maps ricorda l'ultima posizione e contiene una quantità impressionante di dettagli della mappa nella cache, mentre Apple Maps non ti mostra assolutamente nulla. Non c'è molto di buono da dire sull'esperienza offline di Apple Map.

001

2. Progettazione per ogni piattaforma mobile nativa

Un grande fattore nel rendere la UX mobile della tua app brillante è la sua interfaccia utente. Oggi, la maggior parte degli sviluppatori desidera distribuire le proprie app su più piattaforme. Mentre pianifichi la tua app per più piattaforme, tieni presente che ogni piattaforma ha il proprio linguaggio visivo, una serie distinta di convenzioni e stili che dovrebbero essere seguiti.

Ad esempio, ci sono elementi globali, come una barra di stato e un'intestazione, che appaiono su tutte le pagine del tuo disegno. La differenza tra le due piattaforme sembra abbastanza insignificante: dimensioni leggermente diverse, allineamento del testo del titolo diverso (su Android, il testo è allineato a sinistra, mentre per iOS è centrato) e caratteri (Roboto su Android, San Francisco su iOS), ma non dovresti cambiare le impostazioni se vuoi che l'app si senta nativa.

002

Lo stesso vale per i pulsanti e altri controlli: pulsanti di opzione, caselle di controllo, campi, interruttori: tutti i componenti funzionali dovrebbero dare un tocco nativo. Se si replicano elementi da una piattaforma a un'altra, si rischia di compromettere l'esperienza dell'utente e la conversione. Le differenze sono abbastanza piccole per poter progredire con un design, ma queste sottili differenze sono essenziali per un aspetto nativo.

003

Se si desidera personalizzare gli elementi dell'interfaccia utente nella propria app, è necessario personalizzare attentamente in base al proprio marchio e non in base alle convenzioni di una piattaforma diversa.

3. Nulla nella tua app dovrebbe essere un vicolo cieco

Progettare una UX è progettare per il flusso e il flusso è, nella maggior parte dei casi, in procinto di raggiungere un obiettivo. Dovresti evitare di creare pagine dead-end nelle tue app, poiché i vicoli ciechi creano confusione, impediscono agli utenti di raggiungere l'obiettivo e portano ad azioni aggiuntive e non necessarie. Prendi una schermata di stato di errore da Spotify come esempio. Semplicemente non aiuta gli utenti a capire il contesto e non li aiuta a trovare la risposta alla domanda: "Cosa posso fare a riguardo?"

004

4. Non replicare l'esperienza Web alle app

Gli utenti si aspettano determinati modelli di interazione e elementi di interfaccia nelle app mobili. Ciò che progettiamo sul web spesso si presenta scomodo in un'app mobile, non necessaria perché qualcosa non va, ma perché è semplicemente diverso da ciò che i nostri utenti si aspettano di vedere. Un esempio comune è l'utilizzo del testo con collegamenti sottolineati, che sono fortemente associati alle pagine web. Di seguito è riportato un esempio di modulo di accesso dall'app TD Bank per iOS. Sicuramente si sente come se progettassero per il Web mobile, non per un'app mobile: i collegamenti sono sottolineati e nell'interfaccia utente è persino presente un avviso di copyright.

Le app utilizzano pulsanti, non collegamenti.

005

5. Non interrompere gli utenti con richieste per valutare l'app

Nessuno vuole veramente essere interrotto, tanto meno per qualcosa di inutile mentre si trova nel mezzo di qualcosa di importante. Nonostante ciò, molto spesso le app interrompono gli utenti chiedendo loro di lasciare una recensione. La cosa peggiore è quando questo dialogo interrompe gli utenti nel bel mezzo dell'attività o subito dopo l'avvio dell'app.

006

Dovresti evitare di interrompere gli utenti per chiedere loro di valutare la tua app se l'hanno scaricata solo di recente o se l'hanno usata solo poche volte. Non c'è niente di sbagliato nel chiedere una recensione, ma ricorda che vuoi dare ai tuoi utenti una grande esperienza prima. Attendi finché non si dimostrano utenti ripetuti e trova un momento nella tua app che è il meno invadente. Chiaro, un'app to-do per iOS è un buon esempio: mostra la finestra di dialogo "Vota l'app" dopo che l'utente ha cancellato le attività rimanenti da un elenco. Questo è un grande momento nell'app: gli utenti si sentono bene per aver appena cancellato la loro lista di cose da fare e saranno più propensi a valutare l'app favorevolmente.

007

6. Non portare gli utenti al browser

Mantieni gli utenti in-app in ogni momento. Se la tua app non ha una funzione o un contenuto specifici, prova a utilizzare un browser in-app; ma non invocare il browser dello smartphone o far perdere agli utenti la propria traccia e non tornare all'app. Ciò aumenterà l'abbandono e ridurrà la conversione.

008

Quando un utente fa clic sul link "Password dimenticata?" Nell'app Facebook, l'app richiede all'utente di avviare il browser per eseguire questa azione.