In precedenza, hai imparato a conoscere i modelli di progettazione e come si applicavano alla piattaforma iOS. In questo articolo, diamo un'occhiata più da vicino ai modelli di design sulla piattaforma Android e differiscono dai modelli di design su iOS. Se non hai familiarità con i modelli di progettazione su Android, questo articolo è per te.
Se non hai letto il mio precedente articolo sui modelli di progettazione su iOS, ti consiglio di dedicare alcuni minuti a leggere l'articolo prima di continuare. Alcuni concetti e terminologia utilizzati in questo articolo sono stati introdotti in Introduzione ai modelli di progettazione iOS.
Ogni sistema operativo o piattaforma ha linee guida per la progettazione. Il design coerente aiuta a creare un aspetto distinto per il sistema operativo o la piattaforma. Ad esempio, quando stai lavorando a un'applicazione che avrà come target sia iOS che Android, scoprirai che ci sono un certo numero di differenze sottili, e non così sottili, riguardo alla visione che sta alla base del design. Questi sono alcuni esempi di aspetti che sono enfatizzati in modo diverso rispetto ad altri sistemi operativi mobili.
Come punto di partenza, la piattaforma Android attualmente fornisce due temi standard quando si desidera progettare applicazioni per la piattaforma. Questi temi sono utili e consigliati quando sei appena agli inizi, ma non sono affatto obbligatori.
I temi sono chiamati Holo Light e Holo Dark, un tema chiaro e uno scuro, a seconda dello stile visivo che si intende raggiungere nella propria applicazione.
L'utilizzo di uno dei temi standard ti aiuterà quando sei appena agli inizi e imparerai di più sui modelli di progettazione di Android. Poiché i temi standard fanno parte di Android, si parte da una solida base conforme agli standard del sistema operativo. È anche un ottimo punto di partenza per i disegni personalizzati.
Ovviamente, non si tratta solo dell'interfaccia dell'applicazione. Anche da quando il design piatto è diventato popolare su iOS, è emersa una chiara differenza tra le icone delle applicazioni su Android e iOS.
La maggior parte delle applicazioni Android ha icone di applicazione che creano un senso di profondità per imitare il mondo reale. Molte icone di applicazioni su Android hanno un sottile effetto 3D applicato su di esse per creare quel senso di profondità. Un'altra differenza evidente tra le icone su Android e iOS è l'uso della trasparenza.
Se stai sviluppando un'applicazione che ha come target sia Android che iOS, è importante creare un concetto che funzioni bene su entrambe le piattaforme.
Quando un utente interagisce con l'interfaccia utente di un'applicazione, si aspetta qualche forma di feedback visivo. Questo feedback è generalmente più esplicito su Android rispetto a iOS.
Il feedback visivo è ottimo per migliorare l'esperienza dell'utente, perché crea una sensazione di reattività e controllo, che sono due aspetti che gli utenti si aspettano dalle applicazioni mobili.
Vi incoraggio a scaricare alcune delle popolari applicazioni di ciascuna piattaforma ed esplorare come rispondono al vostro input.
Non dovrebbe sorprendere il fatto che un numero di componenti sia unico o diverso sulla piattaforma Android.
Si noti che questi sono solo alcuni esempi. Il miglior consiglio che posso darti quando crei un'applicazione per una piattaforma che non conosci è quello di ottenere input da utenti e sviluppatori che hanno familiarità con la piattaforma. Possono rapidamente indicare cosa si sente strano o sbagliato e cosa non lo è.
In iOS, una barra delle schede si trova di solito nella parte inferiore dello schermo nell'interfaccia utente di un'applicazione. In Android, tuttavia, le schede sono posizionate in alto. Android supporta schede multiple e scorrevoli mentre iOS ha linee guida specifiche in cui le schede dei casi d'uso sono una buona misura e le linee guida specificano anche il numero massimo di schede.
Il risultato è che un'interfaccia utente progettata per la piattaforma Android potrebbe non sempre lavoro su iOS a causa di limitazioni tecniche. Le schede scorrevoli, ad esempio, sono esclusive di Android e non sono supportate dall'SDK di iOS.
Un menu a discesa è qualcosa che trovi solo su Android. Esistono diversi casi d'uso in cui un menu a discesa è adatto. Quando hai molte funzionalità o molti gruppi di contenuti con navigazione incoerente, un menu a discesa è una soluzione praticabile per affrontare il problema.
Dal momento che Android 4.0, c'è una barra di navigazione appiccicosa nella parte inferiore dello schermo. Oltre al recente pulsante, la barra di navigazione contiene anche a indietro e su pulsante. toccando indietro porta l'utente alla schermata precedente mentre tocchi su ti porta al livello superiore nella gerarchia dell'applicazione.
Ad esempio, potrei passare attraverso diversi pezzi di contenuto in un'applicazione. Il pulsante indietro mi riporta all'elemento precedente mentre tocchi su mi porterebbe al menu di selezione da cui sono in grado di selezionare un nuovo elemento. Questa è una funzione potente, da tenere in considerazione durante la creazione dell'architettura delle informazioni di un'applicazione.
In Android, generalmente non si vedono pulsanti indietro personalizzati come quelli che di solito vediamo nella barra di navigazione nelle applicazioni iOS.
Android supporta anche i widget, che sono completamente assenti sulla piattaforma iOS.
Facciamo un tuffo più profondo in alcuni dei modelli di design su Android. In generale, le migliori pratiche per creare un'interfaccia utente è vedere come le altre applicazioni risolvono un particolare problema di progettazione e in che modo gli elementi dell'interfaccia standard possono risolverlo.
Ad esempio, in che modo altre applicazioni visualizzano il contenuto? Come gestiscono l'input dell'utente? O implementare l'e-commerce? Osservando alcuni esempi, hai un'idea delle possibili soluzioni per risolvere il problema di progettazione che stai affrontando. Significa che dovresti copiare clamorosamente un'applicazione esistente? Non proprio.
Un'app ben studiata tenta di risolvere un problema specifico. Di solito, la tua app cerca di affrontare un problema unico, il che significa che devi capire un flusso di utenti adatto.
Il seguente elenco dovrebbe darti un'introduzione a pensare a possibili modelli di progettazione per la tua applicazione:
Imparare di più sui modelli di progettazione Android significa che è necessario acquisire familiarità con la piattaforma Android. La creazione di un'interfaccia utente che assomigli da vicino agli standard del sistema operativo significa che gli utenti hanno un maggiore senso di familiarità e un'esperienza utente migliorata.
Tieni presente che abbiamo solo brevemente toccato il soggetto. Ci sono molte risorse disponibili che ti aiuteranno a migliorare la tua comprensione dei modelli di design su Android. Tuttavia, si impara di più creando flussi di utenti e interfacce utente.