Il design delle app mobili non è come il web design.

Sicuramente c'è la teoria del colore, l'impostazione del tipo e il mantenimento delle griglie, ma c'è molto altro da considerare quando il dispositivo cambia.

Per fare luce sulle cose da fare e da non fare nella progettazione di app mobili, Tomas Laurinavicius ha esposto le sue migliori pratiche durante la progettazione per dispositivi mobili.

Tomas Laurinavicius è un designer freelance e coautore di Mobile Design Book.

Come progettare un'app

(con buoni esempi di design)

Entra Tommaso:

In questo articolo, vorrei condividere alcuni esempi di fantastici design di app mobili. In particolare, gli elementi che si uniscono per creare un'ottima app.

Esempi di app: la schermata di avvio

La schermata di avvio sarà vista da ogni singolo utente dell'app e durerà per un paio di secondi, tuttavia è fondamentale fare una buona prima impressione e stabilire alcune aspettative.

Usa un'immagine di sfondo che racconta qualcosa sull'app, rendila pulita e ben marchiata. Riduci al minimo le dimensioni della schermata di avvio per ridurre i tempi di caricamento.

Hyperlapse da Instagram e Yummly

Stati vuoti

Quando un utente scarica la tua app per la prima volta, non avrà alcun dato da vedere. Questo è chiamato uno schermo vuoto.

A questo punto devi spiegare lo scopo della tua app e guidarli verso l'utilizzo della tua app per la prima volta. Altrimenti se ne andranno confusi e potrebbero non tornare mai più.

Airbnb e Flipboard

Esempi di app: schermate di accesso

Dimentica i nomi utente. Utilizzare invece un indirizzo e-mail.

Semplifica il processo di accesso dando loro la possibilità di accedere con piattaforme esistenti. A seconda del tuo pubblico, potrebbe essere Google, Facebook o persino LinkedIn.

SoundCloud e Foursquare

Esempi di app: feed di attività

Quando si progetta un feed di attività coinvolgente e coinvolgente, considerare il contesto e utilizzare i principi di ludicizzazione.

Fornire dati essenziali come data, ora e luogo, se appropriato. Per renderlo più simile a un gioco, usa numeri, pulsanti di invito all'azione e piccole icone per rendere l'interfaccia più accattivante.

Sciame di Foursquare & Behance

Esempi di app: schermate di registrazione

Se il processo di registrazione è complesso, gli utenti se ne andranno.

Semplifica il più possibile. Includere solo le informazioni necessarie e persino suggerire l'utilizzo di altre reti che memorizzano informazioni sugli utenti come Facebook o Twitter.

Spotify e Circo

Guardare

Il pagamento è una funzionalità complicata da progettare nelle app mobili.

Deve presentare molte informazioni a colpo d'occhio e consentire una guida verso il passaggio successivo. Dai la priorità ai dati e scomponili in blocchi che possono essere presentati in gruppi.

Ad esempio, l'indirizzo di spedizione e le informazioni di pagamento possono costituire due gruppi, prezzi e sconti un altro gruppo e così via. Organizza il tuo processo in modo da non sopraffare i tuoi clienti.

Punta e continua a fare acquisti

Commenti

I commenti sono utili per creare comunità o semplicemente per mostrare ad altri utenti che vale la pena iscriversi alla tua app.

Quando si progettano i commenti, la leggibilità e il contesto (ad es. immagini del profilo, nomi e date) sono i fattori più importanti per fornire un ecosistema di community di app "dal vivo".

Percorso & Tripstr

Ricerca

La ricerca è una funzionalità essenziale per i contenuti generati dagli utenti e altre app ad alto contenuto di dati.

Fornisci contesto e suggerimenti intelligenti per migliorare l'esperienza dell'utente e soddisfare l'utente. L'aggiunta di opzioni di filtro pertinenti può migliorare significativamente il processo di ricerca e portare alla felicità dei clienti.

Posta in arrivo di Gmail e Lovely

Condivisione

La condivisione è una funzionalità importante per qualsiasi app in quanto consente agli utenti di spargere la voce sul tuo prodotto.

Semplifica la condivisione della tua app o dei tuoi contenuti aggiungendo icone di condivisione ovvie e consentendo una condivisione rapida su reti diverse.

Primavera e Jukely

Leggibilità

La leggibilità è difficile su piccoli dispositivi. È facile rendere il testo troppo grande o troppo piccolo.

Concentrati sul contrasto, sulla dimensione del testo e sull'altezza della linea. Assicurati che il tuo tipo sia di dimensioni ottimali e facilmente leggibile. Il testo nero su sfondo bianco va bene.

Leggibilità e feedly

Navigazione

La navigazione è estremamente importante per qualsiasi tipo di app.

Rendilo facile e comprensibile per diversi segmenti del tuo pubblico. Usa la copia semplice in modo che gli utenti abbiano familiarità con il gergo di navigazione di altre app. Utilizza le icone e lo spazio negativo per fornire un contesto alla tua navigazione e includi solo i collegamenti necessari.

Facebook e LinkedIn collegati

Impostazioni

Le schermate delle impostazioni vengono spesso trascurate perché non sono entusiasmanti, ma sarà una delle schermate più utilizzate.

Usa le icone, separa i diversi gruppi di impostazioni con divisori o spazi negativi e aiuta gli utenti a navigare rapidamente per decidere cosa fare dopo. Inoltre, fornisci opzioni rapide utilizzando i pulsanti di commutazione nativi in ​​modo che gli utenti possano salvare i tocchi.

Segno di spunta 2 e YPlan

Notifiche

Le notifiche sono il motivo per cui gli utenti continuano a tornare alla tua app.

Rendi queste notifiche ovvie ma non troppo fastidiose. Le persone hanno bisogno di sapere cosa sta succedendo ma non vogliono essere sopraffatte. Fornisci indicatori e numeri di colore sottili per rappresentare le cose nuove.

Gogobot & Evidenzia

Messaggi

Anche le funzioni di messaggistica o chat sono una caratteristica comune. Quando si progetta un sistema di messaggistica, si tratta di comunicazione e contesto.

Ottimizza la dimensione del testo in modo che gli utenti possano leggere messaggi più lunghi e includere la data, l'ora di pubblicazione, la posizione e altre informazioni rilevanti.

La messaggistica è tutta una questione multimediale al giorno d'oggi. Fornisci agli utenti un'opzione per comunicare aggiungendo foto, video, suoni, emoticon e testo della vecchia scuola.

Facebook Messenger e Path Talk

Profilo

Molte app consentono agli utenti di creare un account e archiviare storie o attività attorno a quel profilo.

Che si tratti di social media, shopping o qualsiasi altra app, è fondamentale rendere le pagine del profilo chiare e accattivanti per gli utenti.

Enfatizza la foto del profilo dell'utente e il suo nome. Fornisci anche informazioni e statistiche rilevanti in modo che le persone possano vedere quanto è attivo o rispettabile l'utente.

Fronte dietro e Quora

Conclusione

Come puoi vedere da tutte le app che ho elencato, c'è molto da considerare e padroneggiare quando si progetta un'app vincente.

Sebbene chiunque possa progettare un'app, è importante assumere un designer con esperienza nel campo e in grado di applicare tutte le conoscenze e le migliori pratiche.

Piccole cose possono creare o distruggere la tua app. Non rischiare il tuo tempo e denaro assumendo qualcuno che non capisce le complessità della progettazione di un'app fantastica.