De ce să folosiți Material Design? Cântărirea argumentelor pro și contra

Introduse în urmă cu mai bine de cinci ani, liniile directoare Google pentru design de materiale au devenit aspectul emblematic al site-urilor lor web și al serviciilor bazate pe aplicații. Sunt imediat recunoscuți ca fiind afiliați la Google, un avantaj pentru brandingul companiei.

Material Design a fost, de asemenea, adoptat de comunitatea mai largă de design și poate fi găsit acum pe site-uri web și aplicații departe de platformele native Google (și chiar și pe platformele concurente). Simplenote, de exemplu, folosește o estetică Material Design în aplicațiile sale pentru platforme desktop și mobile. Este doar un exemplu de ce Material Design este o alegere excelentă pentru o varietate de implementări de proiectare.

Ce este Material Design?

Material Design a fost creat de Google în 2014, bazat parțial pe aspectul bazat pe carduri utilizat în Google Now. Referința la stilurile de design bazate pe hârtie l-a diferențiat de stilul de design plat care a fost utilizat pe scară largă la acea vreme.

La fel ca majoritatea sistemelor de proiectare, Material Design a fost creat pentru a oferi o experiență unificată de utilizator pe diferite dispozitive, platforme și metode de introducere. Similar cu modul în care Apple a implementat principiile designului plat ca standard, Google a folosit Material Design pentru a se asigura că, indiferent de modul în care utilizatorii își accesau produsele, vor avea o experiență de utilizator consecventă.

Specificația Material Design include linii directoare pentru orice: tipografie, grile, spațiu, scară, culoare și imagini. Dar Material Design merge mai departe decât să le spună designerilor cum să facă lucrurile să arate. Le permite designerilor să creeze design intenționat cu ierarhie, semnificație și concentrare în rezultatul final.

De ce să folosiți Material Design?

Ca și în cazul oricărui sistem de design bine stabilit, există câteva avantaje majore în utilizarea Material Design pe care designerii ar trebui să ia în considerare.

Material Design este efectiv un întreg ecosistem de design, mai degrabă decât doar un set de linii directoare de stil. Dacă există o situație potențială de proiectare, Material Design are probabil un set cuprinzător de reguli despre cum să o gestioneze. Acestea includ cazuri de utilizare complexe care sunt adesea trecute cu vederea de sistemele de proiectare mai puțin cuprinzătoare. Acest lucru poate fi foarte reconfortant pentru designerii care doresc acest tip de structură.

Google menține Material Design și păstrează o documentație extinsă despre cum să îl utilizați și să îl implementați. Acest tip de suport și documentație poate lipsi pentru multe sisteme de design moderne.

În pofida acestei complete și documentații, Material Design rămâne o bibliotecă de design destul de flexibilă. În cadrul ghidurilor, multe dintre detaliile despre modul de implementare a designului sunt lăsate în întregime la latitudinea proiectantului.

Avantajele mai granulare pentru Material Design includ lucruri precum skeuomorfismul subtil, care îl deosebește de designul plat și îl face mai intuitiv pentru mulți utilizatori. O altă caracteristică ușor de utilizat este că feedbackul utilizatorului sub formă de feedback haptic, animații subtile și lucruri similare sunt încorporate în ghid. Are și un simț al fizicii foarte simplificat, ceea ce face interacțiunile mai intuitive.

Material Design a fost construit pe o sensibilitate mai întâi pe mobil, ceea ce are sens având în vedere că scopul său inițial a fost proiectarea aplicațiilor Android. De asemenea, promovează animația în design, atât pentru feedback-ul utilizatorilor, cât și pentru a sugera modul în care funcționează diferite caracteristici.

În cele din urmă, au fost disponibile opțiuni de teme întunecate, adăugând și mai multă flexibilitate vizuală pentru designeri. Inițial, Material Design a fost foarte ușor și luminos, ceea ce nu a funcționat bine cu estetica unor mărci. Adăugarea unui ghid pentru tema întunecată rezolvă această problemă.

Dezavantajele utilizării designului materialelor

În timp ce Material Design are avantaje foarte evidente, asta nu înseamnă că nu există dezavantaje care vin împreună cu utilizarea acestuia.

În primul rând, Material Design este imediat identificabil și este puternic asociat cu Google și, în special, cu Android. Deși acest lucru nu este neapărat un lucru rău pentru toată lumea, este potențial un negativ pentru unii.

Un mare motiv pentru care ar putea fi negativ este că limitează eficacitatea altor mărci în timpul utilizării sistemului de design. Da, designerii pot încorpora logo-uri, palete de culori (în cadrul ghidurilor Material Design) și alți factori de diferențiere pentru a susține identitatea mărcii, dar un produs care respectă specificațiile Material Design va fi aproape întotdeauna asociat cu Google.

Deoarece mișcarea și animația sunt promovate în cadrul ghidurilor Material Design, site-urile sau aplicațiile care nu le încorporează pot părea utilizatorilor ca și cum le lipsește ceva. Oamenii asociază caracteristicile de mișcare ale Material Design cu caracteristicile vizuale, ceea ce poate lăsa modelele fără mișcare lipsă.

Sigur, o soluție este să încorporați întotdeauna mișcarea în design-urile care urmează specificațiile Material Design. Dar animațiile extinse pot fi foarte grele de resurse pe dispozitivele mobile, ceea ce duce la o utilizare mai mare a datelor și la epuizarea mai rapidă a bateriei. Este un act de echilibru pe care designerii trebuie să-l ia în considerare atunci când lucrează în cadrul liniilor directoare de Material Design.

Începătorii pot descoperi că specificația Material Design este mai complicată și mai greu de implementat decât alte stiluri precum designul plat. Deoarece sistemul Material Design este atât de cuprinzător, există mult mai multe lucruri de luat în considerare și de respectat decât cu care mulți designeri noi ar putea fi confortabil.

Exhaustivitatea sa poate duce, de asemenea, la unii designeri să se simtă constrânși și incapabili să-și realizeze pe deplin propria creativitate. De asemenea, poate înăbuși inovația, deoarece aproape orice provocare de proiectare a fost planificată și soluții oferite. Deși este util în multe cazuri, acest lucru poate împiedica designerii să adopte noi abordări ale problemelor, limitând în același timp și numărul de idei noi care pot apărea.

Există, de asemenea, unele probleme de utilizare în Material Design, care pot face site-urile web și aplicațiile foarte ușor de utilizat. Una dintre cele mai mari probleme este cea cu așa-numita „carne misterioasă” întâlnită în multe aplicații de design mobil. Pictogramele sunt adesea folosite în locul textului și, deși uneori pictogramele sunt imediat recunoscute și destul de utilizabile, alteori nu sunt.

Un cerc pentru a indica „Acasă” este semnificativ mai greu de identificat decât pictograma casei care a fost folosită anterior în majoritatea interfețelor Android. Acesta este un exemplu excelent de plasare a formei peste funcție, care este un rest de la rădăcinile designului plat al Material Design.

Și nu este doar în bara de navigare inferioară. Preferința Material Design pentru includerea butoanelor circulare de acțiune plutitoare este, de asemenea, o problemă de utilizare. Aceste butoane circulare includ doar spațiu pentru o pictogramă, fără text de asistență inclus. Și pentru că pictogramele pot fi atât de deschise interpretării, în multe cazuri, utilizatorii rămân să se întrebe ce fac de fapt aceste butoane.

Concluzie

Dacă o aplicație este construită în principal pentru platforma Android, atunci folosirea Material Design este o alegere ușoară. Datorită adoptării pe scară largă de către Google, orice aplicație bazată pe principiile Material Design se va simți ca o aplicație nativă.

Acestea fiind spuse, există o mulțime de alte cazuri de utilizare în afara platformei Android în care Material Design este o alegere solidă. Pe măsură ce sistemul de proiectare se maturizează și mai mult, aceste situații vor crește. Designerii ar trebui, cel puțin, să se familiarizeze cu liniile directoare, astfel încât să poată determina ei înșiși când este adecvat să utilizeze Material Design și când alte sisteme ar putea fi mai potrivite.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• Cum să construiți un cadru de design eficient (cu un fișier de schiță gratuit)
• Crearea unui ghid de stil UI pentru o mai bună UX
• Înțelegerea sistemelor și modelelor de proiectare
• Testare A/B UX pentru cadre bazate pe componente
• Psihologia designului și neuroștiința Awesome UX