Progettazione di applicazioni mobili: una guida completa UX/UI

La progettazione di un'applicazione mobile consiste essenzialmente nella creazione di una versione mobile di un sito web con funzioni aggiuntive. In questo modo, il compito principale degli sviluppatori è quello di creare un ecosistema di facile utilizzo con una perfetta UX. Scaricando un'app, l'utente è fidelizzato di default: ha già compiuto un'azione mirata e, se riesce a risolvere il suo problema con il vostro servizio, lo utilizzerà regolarmente. Tuttavia, se almeno una sezione del percorso di un cliente non funziona o è scomoda, la persona cancellerà semplicemente la vostra app e non tornerà più ad utilizzarla. Questa è la differenza fondamentale tra la progettazione UX di siti web e app: di norma, un utente valuta l'usabilità di diversi prodotti web e, anche se una persona non compie un'azione mirata durante la prima visita, c'è sempre la possibilità che torni sul vostro sito qualche tempo dopo. Detto questo, i download ripetuti di app sono un'eccezione piuttosto che una pratica comune.

Analisi del pubblico e progettazione UX dell'applicazione

Prima di passare al prototipo, il progettista deve fare un'analisi dei concorrenti, del pubblico di riferimento e degli obiettivi dell'applicazione. Ad esempio, se il pubblico di riferimento è costituito da donne, i pulsanti e gli altri elementi di interazione possono essere resi più piccoli, se si tratta di uomini, più grandi. La maggior parte degli utenti preme lo schermo con i pollici, quindi questo piccolo dettaglio aiuterà il pubblico maschile a interagire più comodamente con il servizio. Nella fase di sviluppo dell'UX, il designer deve pensare all'intero percorso dell'utente, dalle schermate iniziali di introduzione fino all'esecuzione delle azioni mirate, che potrebbero essere numerose nell'app. Di norma, lo User Journey è un albero ramificato con diverse funzionalità: iscriversi all'app, contattare l'assistenza clienti, leggere il testo, pagare un articolo e così via. E ogni "ramo" deve essere ben studiato in fase di prototipo. Nella progettazione dell'interfaccia ci sono alcuni dettagli importanti che il progettista e il cliente devono conoscere:

i controlli principali dell'app dovrebbero trovarsi in basso; l'angolo in alto a sinistra del design dell'app è usato in minima parte e solo per alcuni scopi, come il pulsante indietro, perché è difficile da raggiungere;

Il controllo non avviene necessariamente solo con i pulsanti; nell'app, l'utente può scorrere o tenere premuti alcuni elementi per controllarli;

Le applicazioni possono essere fatte scorrere dal basso verso l'alto o da destra verso sinistra; se si usa lo scorrimento laterale, si deve dare all'utente un suggerimento;

Il logo non deve essere duplicato su tutte le schermate dell'applicazione; è sufficiente che il vostro marchio sia presente sull'icona del servizio e sulla schermata di download;

i caratteri non devono essere irragionevolmente piccoli; in IGNI web studio usiamo di solito 18 — 24 px per i titoli, 14 — 16 px per il testo del corpo e 12 — 14 px di caratteri grigio chiaro per gli accenni; vale anche la pena di usare caratteri di spessore diverso per gli accenti visivi;

i colori devono essere diversificati e indicare in modo nativo all'utente quali elementi sono cliccabili e quali no; i colori devono anche differenziare gli elementi di significato diverso;