Perché usare il design dei materiali? Pesare i pro ei contro

Introdotte più di cinque anni fa, le linee guida sulla progettazione dei materiali di Google sono diventate l'aspetto distintivo dei loro siti Web e dei servizi basati su app. Sono immediatamente riconoscibili come affiliati a Google, un vantaggio per il marchio dell'azienda.

Il Material Design è stato adottato anche dalla più ampia comunità di design e ora può essere trovato su siti Web e app molto al di fuori delle piattaforme native di Google (e anche su piattaforme concorrenti). Simplenote, ad esempio, utilizza un'estetica Material Design nelle sue app per piattaforme desktop e mobili. È solo un esempio del motivo per cui Material Design è una scelta eccellente per una varietà di implementazioni di design.

Che cos'è il design dei materiali?

Material Design è stato creato da Google nel 2014, in parte basato sul layout basato su carte utilizzato in Google Now. L'accenno agli stili di design basati sulla carta lo differenziava dallo stile di design piatto che era ampiamente utilizzato all'epoca.

Come la maggior parte dei sistemi di progettazione, Material Design è stato creato per offrire un'esperienza utente unificata su vari dispositivi, piattaforme e metodi di input. Simile al modo in cui Apple ha implementato i principi di design piatto come standard, Google ha utilizzato Material Design per garantire che, indipendentemente da come gli utenti accedono ai loro prodotti, avrebbero un'esperienza utente coerente.

La specifica Material Design include linee guida per tutto: tipografia, griglie, spazio, scala, colore e immagini. Ma il Material Design fa un passo avanti rispetto al semplice dire ai designer come far sembrare le cose. Consente ai designer di creare progetti intenzionali con gerarchia, significato e concentrazione nel risultato finale.

Perché usare il design dei materiali?

Come con qualsiasi sistema di progettazione consolidato, ci sono alcuni vantaggi importanti nell'utilizzo del Material Design che i designer dovrebbero considerare.

Il Material Design è effettivamente un intero ecosistema di design, piuttosto che una semplice serie di linee guida di stile. Se esiste una potenziale situazione di progettazione, Material Design ha probabilmente un insieme completo di regole su come gestirla. Ciò include casi d'uso complessi che sono spesso trascurati da sistemi di progettazione meno completi. Questo può essere molto confortante per i designer che desiderano quel tipo di struttura.

Google mantiene Material Design e conserva un'ampia documentazione su come utilizzarlo e implementarlo. Questo tipo di supporto e documentazione può mancare per molti sistemi di progettazione moderni.

Nonostante tutta questa completezza e documentazione, Material Design rimane una libreria di design abbastanza flessibile. All'interno delle linee guida, gran parte delle specifiche su come implementare il design sono lasciate interamente al progettista.

I vantaggi più granulari per Material Design includono cose come il sottile skeuomorphism, che lo distingue dal design piatto e lo rende più intuitivo per molti utenti. Un'altra caratteristica di facile utilizzo è che il feedback dell'utente sotto forma di feedback tattile, animazioni sottili e cose simili è integrato nelle linee guida. Ha anche un senso della fisica molto semplificato, che rende le interazioni più intuitive.

Material Design è stato costruito su una sensibilità mobile-first, il che ha senso considerando che il suo scopo originale era la progettazione di app Android. Promuove anche l'animazione nei progetti, sia per il feedback degli utenti che per suggerire come funzionano le diverse caratteristiche.

Infine, sono state rese disponibili opzioni di temi scuri, aggiungendo ancora più flessibilità visiva per i designer. In origine, Material Design era molto leggero e luminoso, il che non funzionava bene con l'estetica di alcuni marchi. L'aggiunta di una linea guida sul tema scuro risolve il problema.

Svantaggi dell'utilizzo del design dei materiali

Sebbene il Material Design abbia vantaggi molto evidenti, ciò non significa che non ci siano contro che vanno di pari passo con il suo utilizzo.

Innanzitutto, Material Design è immediatamente identificabile ed è fortemente associato a Google e, in particolare, ad Android. Anche se questo non è necessariamente un male per tutti, è potenzialmente negativo per alcuni.

Uno dei motivi principali per cui potrebbe essere negativo è che limita l'efficacia di altri marchi durante l'utilizzo del sistema di progettazione. Sì, i designer possono incorporare loghi, tavolozze di colori (all'interno delle linee guida di Material Design) e altri fattori di differenziazione per supportare l'identità del marchio, ma un prodotto che segue le specifiche di Material Design sarà quasi sempre associato anche a Google.

Poiché il movimento e l'animazione sono promossi all'interno delle linee guida di Material Design, i siti o le app che non lo incorporano possono sembrare agli utenti come se manchi qualcosa. Le persone associano le caratteristiche di movimento del Material Design alle caratteristiche visive, che possono lasciare i progetti senza mancanza di movimento.

Certo, una soluzione è incorporare sempre il movimento nei progetti che seguono le specifiche di Material Design. Ma le animazioni estese possono essere molto pesanti in termini di risorse sui dispositivi mobili, con conseguente maggiore utilizzo dei dati e esaurimento più rapido della batteria. È un atto di equilibrio che i designer devono considerare quando lavorano all'interno delle linee guida del Material Design.

I principianti potrebbero scoprire che la specifica Material Design è più complicata e più difficile da implementare rispetto ad altri stili come il design piatto. Poiché il sistema di Material Design è così completo, ci sono molte più cose da considerare e a cui attenersi di quelle con cui molti nuovi designer potrebbero sentirsi a proprio agio.

La sua completezza può anche portare alcuni designer a sentirsi costretti e incapaci di realizzare pienamente la propria creatività. Può anche soffocare l'innovazione, dal momento che praticamente qualsiasi sfida progettuale è stata pianificata e sono state offerte soluzioni. Pur essendo utile in molti casi, ciò può impedire ai progettisti di adottare nuovi approcci ai problemi, limitando al contempo il numero di nuove idee che possono sorgere.

Ci sono anche alcuni problemi di usabilità in Material Design che possono rendere i siti Web e le app molto poco user-friendly. Uno dei maggiori problemi è con la cosiddetta navigazione "carne misteriosa" riscontrata su molte app di progettazione mobile. Le icone vengono spesso utilizzate al posto del testo e, mentre a volte le icone sono immediatamente riconoscibili e abbastanza utilizzabili, altre volte non lo sono.

Un cerchio per indicare "Casa" è molto più difficile da identificare rispetto all'icona della casa precedentemente utilizzata nella maggior parte delle interfacce Android. Questo è un ottimo esempio di porre la forma sulla funzione, che è un residuo delle radici del design piatto di Material Design.

E non è solo nella barra di navigazione inferiore. Anche la preferenza di Material Design per l'inclusione di pulsanti di azione mobili circolari è un problema di usabilità. Questi pulsanti circolari includono solo spazio per un'icona, senza testo di assistenza incluso. E poiché le icone possono essere così aperte all'interpretazione, in molti casi gli utenti si chiedono cosa facciano effettivamente questi pulsanti.

Conclusione

Se un'app viene creata principalmente per la piattaforma Android, l'utilizzo di Material Design è una scelta facile. A causa dell'adozione diffusa da parte di Google, qualsiasi app basata sui principi di Material Design sembrerà un'app nativa.

Detto questo, ci sono molti altri casi d'uso al di fuori della piattaforma Android in cui Material Design è una scelta solida. Man mano che il sistema di progettazione matura ulteriormente, queste situazioni sono destinate ad aumentare. I progettisti dovrebbero, come minimo, familiarizzare con le linee guida in modo da poter determinare da soli quando è appropriato utilizzare il Material Design e quando altri sistemi potrebbero essere più adatti.

• • •

Ulteriori letture sul blog di Toptal Design:

• Come costruire un framework di progettazione efficace (con un file di schizzo gratuito)
• Creazione di una guida allo stile dell'interfaccia utente per una migliore UX
• Comprendere i sistemi e i modelli di progettazione
• UX di test A/B per framework basati su componenti
• Psicologia del design e neuroscienze di Awesome UX