MTE spiega: cos'è l'interfaccia Android "Material Design" di Google?

Uno dei cambiamenti più entusiasmanti in Android 5.0 è l'introduzione di ciò che Google chiama "Material Design", un nuovo linguaggio di progettazione che determina come saranno le app dell'azienda in futuro. Se segui i blog o i siti tecnologici di Android, potresti aver visto queste due parole gettate in giro un bel po'. Ma cosa significano in realtà?

Rompiamo questo.

Pensa letteralmente al design dei materiali

La maggior parte di ciò che devi sapere è spiegato proprio nel nome: Progettazione materiale. La nuova interfaccia di Google è progettata per sembrare realizzata con materiali che puoi effettivamente toccare. Attraverso l'uso di ombre e animazioni, le cose sullo schermo dovrebbero muoversi nel modo in cui ti aspetteresti che nella realtà. Quando tocchi un pulsante, vengono visualizzate ulteriori azioni da sotto di esso. Quando scorri da sinistra, i menu si spostano in cima alla schermata precedente. Quando chiudi un'app, questa scivola nella parte inferiore dello schermo. In un certo senso, è come interagire con un mazzo di carte.

Ecco come gli sviluppatori di Google hanno spiegato le cose al Google I/O 2014.

Ma che aspetto ha il material design?

Il Material Design prende in prestito concetti già applicati al design della stampa (si pensi a riviste e giornali). Le ombre aiutano a creare un senso di profondità dove non ce n'è e l'uso corretto può imitare l'aspetto dei fogli impilati a più strati.

Utilizzando queste stesse tecniche, le app moderne sembrano avere un senso di profondità. La barra laterale esce ancora dal lato sinistro dello schermo come prima, ma ora dovrebbe fluttuare sopra la barra delle azioni nella parte superiore dello schermo. Molte app hanno un pulsante di azione mobile che si posiziona sopra altri elementi e toccarlo può far emergere più opzioni da sotto

Un marchio di fabbrica delle app di Material Design finora sono stati i colori audaci e luminosi. Google lo ha esemplificato nelle proprie app, con Gmail in rosso, Inbox by Gmail in azzurro e Continua a diventare giallo. Play Musica è arancione, Play Libri è blu, Play Edicola è viola, Play Giochi è verde e Play Video è rosso. L'app Play Store scambia tra questi cinque colori, ma questo da solo non è ciò che lo rende un buon esempio di Material Design.

La tua app può essere grigia e grigia, come la versione corrente di Google Drive, e comunque aderire alle linee guida di progettazione. Ma i colori aiutano a stabilire in quale app ti trovi e quale funzione stai svolgendo. Quindi, sebbene i colori audaci e accattivanti non siano una parte intrinseca del Material Design, sono comunque una buona cosa da vedere.

Le animazioni sono fondamentali

È un po' difficile trasmettere il Material Design in schermate statiche e le animazioni sono una grande ragione per cui. Per far sembrare tutto come materiale reale, ogni parte dell'interfaccia utente ha il suo posto. Le app scorrono sullo schermo dal basso e tornano lì al termine.

Nella versione Android 5.0 di Google Now Launcher, l'icona del cassetto delle app si trasforma nel vassoio bianco che contiene le tue app. Barre laterali, pulsanti e schede informative scivolano fuori da qualche parte.

Queste animazioni non sono solo attraenti, ma aiutano gli utenti a capire cosa sta succedendo. Avere una pagina di un'app che scorre in un'altra comunica che stai guardando un diverso insieme di informazioni ora, mentre avere lo sfarfallio dello schermo e cambiare istantaneamente potrebbe sembrare il risultato di un problema tecnico.

Le animazioni mostrano come i diversi aspetti dell'interfaccia utente rispondono al nostro tocco, e questo è sempre più importante man mano che ci allontaniamo dai dispositivi con metodi di input fisici. Abbiamo bisogno di sapere cosa sta succedendo mentre tocchiamo diverse parti dello schermo.

Il design dei materiali non riguarda solo Android

Sebbene il nuovo linguaggio di design di Google stia suscitando il massimo entusiasmo sulla sua piattaforma mobile, ciò non riflette le sue origini. Questo sforzo è nato dalle sfide incontrate nella creazione di siti Web che si adattano a schermi di diverse dimensioni. Il gigante della ricerca vuole che l'aspetto e la sensazione passino attraverso fattori di forma, con persone in grado di navigare in un dispositivo utilizzando le informazioni che hanno appreso da un altro. Puoi già vedere Material Design nelle versioni web di Mantenere, Guidare, e Posta in arrivo di Gmail. Dovrebbe apparire in modo più evidente anche in Chrome OS.

Dove posso trovare il design dei materiali su Android oggi?

I dispositivi Nexus forniti con Android 5.0 offrono già un'esperienza completamente materiale. L'ultima versione del sistema operativo ha anche iniziato a essere distribuita su telefoni e tablet Nexus e Motorola. Le persone senza Android 5.0 non devono farne a meno. Molte delle app di Google hanno già effettuato la transizione e sono disponibili direttamente nel Play Store. Puoi anche dare un'occhiata la nostra lista di altre otto app che già mettono in mostra Material Design.

E se sei uno sviluppatore di app Android, Google ha rilasciato un Lista di controllo per la progettazione dei materiali che può aiutarti a essere sicuro di fare tutto bene. Google ha anche fornito un sito web che espone le cose chiaramente per la gente media pure.

Se hai domande su Material Design, non esitare a chiedere nei commenti qui sotto!

Crediti immagine: Sviluppatori Android, Google