Hai un progetto di app per dispositivi mobili in lavorazione? Qual è il tuo piano di progettazione? Sei entrato direttamente o ti sei fermato a considerare l'esperienza che l'utente finale avrà quando aprirà l'app per la prima volta?
Potrebbe valere la pena di pensare a un'estetica con tecniche di esperienza utente attentamente considerate. Molti dei concetti che stiamo vedendo nel design del sito web si applicano anche alle app mobili, ma potrebbero assumere forme o forme leggermente diverse per adattarsi meglio alle dimensioni dello schermo più piccole. Qui, esamineremo sette grandi opzioni ed esempi che è possibile applicare alla propria progettazione di app mobili.
1. Tipografia grassetto e rigido
Il tipo più semplice è più facile da leggere su uno schermo piccolo, in particolare contro la retroilluminazione o in condizioni ambientali non ottimali. Questo fatto da solo aiuta a capire perché la semplice tipografia sans serif sia l'opzione giusta per le app mobili.
E mentre il sottile era in alcuni anni fa, il pendolo ha oscillato in modo che i progettisti optano per larghezze della corsa più spesse e opzioni di tipo più audaci. Anche le dimensioni sono importanti. Altre app utilizzano schermate introduttive di tipo oversize o schermate iniziali con caratteri in grassetto su uno sfondo a contrasto per consentire agli utenti di interagire e navigare nell'app.
La cosa bella di questa tendenza è che c'è una particolare attenzione alla leggibilità. (Qual è il punto di tutto il testo, giusto?) L'unica parte di questa tendenza a essere cauti è usare troppe parole o frasi tutte maiuscole. Mentre tutte le maiuscole possono essere una buona opzione per una singola parola, ad esempio? SUNNY? nell'app The Weather Channel sopra, questo può diventare ingombrante per blocchi di testo più lunghi.
Per utilizzare questa tendenza tieni a mente due cose:
- La tipografia e il linguaggio dovrebbero essere semplici.
- Il contrasto tra lo sfondo e la scritta deve essere intenso per la massima leggibilità.
2. Strati e profondità
Material Design è stato sottolineato più volte come una delle tendenze di design più importanti da tenere in considerazione quest'anno. E c'è una buona ragione.
Innanzitutto, è la piattaforma di progettazione che Google ha adottato. Quando un gigante va pieno di qualcosa, molti altri sicuramente seguiranno. (E lo sono.) In secondo luogo, è un concetto molto intuitivo con un design dell'interfaccia facile da usare che è anche facile per gli occhi.
Una delle parti più sorprendenti di Material Design è la creazione di livelli che aiutano gli utenti a interagire con il design. È l'unico pezzo di materiale che sta davvero spuntando nelle interfacce ovunque, anche nelle app Apple.
Il trucco per far funzionare questi livelli è sottigliezza. Gli strati si sovrappongono con ombre piccole (quasi invisibili, ma dall'aspetto naturale) per differenziare gli elementi. Questi livelli sono anche segnali di interazione. Il livello di base o di sfondo è il portale di informazioni e i livelli più in alto includono strumenti di interazione.
Guarda Uber, sopra, per esempio. La mappa è nella parte inferiore dello schermo. Toccare il pulsante Posizione ritiro per impostare un indirizzo o spostarsi sui livelli dell'indirizzo sopra per cambiare posizione. Ogni livello offre all'utente diversi modi per lavorare con l'app.
3. Schemi di colori monotono
L'uso di un singolo colore con accenti in bianco e nero è un ottimo modo per creare interesse visivo su un piccolo schermo. Optare per un'opzione di colore brillante, audace o inusuale per distinguersi di più. Oppure costruisci molte di queste opzioni nell'interfaccia e dai agli utenti il controllo sulla combinazione di colori.
Questo è esattamente ciò che fa l'applicazione Streaks. Il concetto è così semplice: fissa obiettivi e l'app ti ricorderà di controllare le attività. L'utente può impostare un colore di sfondo in base al gruppo di attività e semplici notifiche ti ricordano le cose che dovresti fare.
Il colore, l'iconografia e il tipo semplice sono una combinazione sorprendente che è facile da leggere e coinvolgere. Il design è così elegante che quasi ti viene voglia di aggiungere più attività alla tua lista di cose da fare.
4. Concentrarsi sulle microinterazioni
E a proposito di interazioni, ogni buona app include microinterazioni senza interruzioni. Le microinterazioni sono quei piccoli segnali che potrebbero passare inosservati ma sono una parte essenziale del modo in cui gli utenti interagiscono con o dipendono da app specifiche.
Le micro-interazioni dovrebbero essere progettate per aiutare l'utente a fare qualcosa. Da una notifica di un messaggio di testo a un allarme a un social media come? questi piccoli insediamenti sono ovunque. E dovrebbero fare una cosa: Deliziare l'utente.
Nel modo più semplice, le microinterazioni tendono a fare tre cose:
- Comunicare il feedback, come se piacesse a Instagram
- Vedi un'azione, quella stessa? il risultato è che il cuore diventa rosso
- Aiuta l'utente a fare o vedere qualcosa, ad esempio una notifica che l'immagine è stata piaciuta
5. Carte, carte e altre carte
Mentre la rivoluzione delle carte potrebbe aver avuto inizio con Pinterest, l'estetica continua a guadagnare slancio grazie anche al Material Design e all'adozione di siti Web di grandi dimensioni come Facebook e SoundCloud (sopra).
Le carte sono un ottimo modo per organizzare e sviluppare enormi quantità di contenuti in un modo facile da digerire. Ogni elemento è un'unità che fa una sola cosa nel design. Ciò che è bello di queste unità è che ognuno può effettivamente fare qualcosa di diverso.
Quindi una carta potrebbe consentire di guardare un video e la scheda successiva nei collegamenti di sequenza a un'altra app e la carta dopo che include un lungo blocco di testo da leggere. L'altro bonus alle carte, in particolare nelle app, è che sono così facili da usare. La maggior parte delle applicazioni divide lo schermo a metà per due carte, come SoundCloud, o usa una scheda per formato di schermo in modo che tutto ciò che tocchi ti porti all'elemento desiderato. (Non preoccuparti per? Dita grasse? Qui!)
6. Navigazione semplice
Menu nascosti, navigazione pop-out e pulsanti grandi sono un grosso problema. Il numero di app con navigazione nella schermata principale è in diminuzione. Quasi tutti si stanno muovendo verso uno stile nascosto per sfruttare al massimo ogni centimetro di prezioso spazio sullo schermo.
E gli utenti non sembrano dispiacere.Hanno adottato l'idea di un pulsante per mostrare la navigazione abbastanza facilmente. Il trucco sta nell'assicurare che quando questo elemento di navigazione viene visualizzato è altamente funzionale.
Slack è uno dei migliori esempi di questo. In realtà ha una navigazione che si apre a sinistra e a destra dello schermo. La funzionalità dell'app principale esce dal lato destro (sopra), ma la navigazione specifica per il tuo canale è nel menu a sinistra.
7. Tocchi di animazione
I flash di animazione sono quel tocco speciale che può rendere straordinaria la tua app. L'animazione può aumentare l'usabilità, fornire attenzione all'utente e servire da punto di gioia.
Poiché non si può necessariamente tenere conto del punto in cui gli utenti accederanno a un'app - e del tipo di connessione Internet che potrebbero avere - è importante creare animazioni piccole, leggere e non basate sulla connettività.
Strava è pieno di piccole animazioni. (Così piccolo che potresti mancarli se non presti attenzione.) Ci sono transizioni interessanti tra gli schermi, come l'opzione di sfida mostrata sopra. I punti della mappa includono un'animazione a impulsi e puoi effettivamente guardare il tuo punto muoversi lungo i percorsi mentre segui l'attività.
Conclusione
Quando stai valutando nuovi modi di dare vita a un'app mobile, guarda prima alle tendenze del design digitale del giorno e poi pensa a come applicarle su una scala più piccola. Quello che potrebbe sorprenderti è che pensare in modo più piccolo potrebbe in realtà includere la progettazione più grande (in termini di scala comunque).
Quali sono le tendenze nel design delle app con cui sei più innamorato? Ci sono altre tendenze che vuoi semplicemente andare via? Fammi sapere su Twitter (tag @carriecousins e @designshack), sono sempre alla ricerca di nuove idee da provare? ed evitare