Dlaczego warto korzystać z projektowania materiałów? Rozważanie zalet i wad

Wprowadzone ponad pięć lat temu wytyczne Google Material Design stały się charakterystycznym wyglądem ich witryn internetowych i usług opartych na aplikacjach. Są od razu rozpoznawalne jako powiązane z Google, co jest dobrodziejstwem dla marki firmy.

Material Design został również zaadoptowany przez szerszą społeczność projektantów i można go teraz znaleźć w witrynach i aplikacjach daleko poza natywnymi platformami Google (a nawet na platformach konkurencyjnych). Na przykład Simplenote używa estetyki Material Design w swoich aplikacjach na platformy stacjonarne i mobilne. To tylko jeden z przykładów, dlaczego Material Design jest doskonałym wyborem dla różnych wdrożeń projektowych.

Co to jest projektowanie materiałów?

Material Design został stworzony przez Google w 2014 roku, częściowo w oparciu o układ oparty na kartach wykorzystywany w Google Now. Ukłon w stronę papierowych stylów projektowania odróżniał go od płaskiego stylu projektowania, który był wówczas szeroko stosowany.

Podobnie jak większość systemów projektowania, Material Design został stworzony, aby zapewnić ujednolicone środowisko użytkownika na różnych urządzeniach, platformach i metodach wprowadzania. Podobnie do sposobu, w jaki Apple zaimplementował zasady płaskiego projektowania jako standard, Google wykorzystał Material Design, aby zapewnić, że niezależnie od tego, w jaki sposób użytkownicy uzyskują dostęp do ich produktów, będą mieli spójne wrażenia użytkownika.

Specyfikacja Material Design zawiera wytyczne dotyczące wszystkiego: typografii, siatek, przestrzeni, skali, koloru i obrazów. Ale Material Design idzie o krok dalej niż tylko mówienie projektantom, jak mają wyglądać. Umożliwia projektantom tworzenie zamierzonych projektów z hierarchią, znaczeniem i koncentracją na wyniku końcowym.

Dlaczego warto korzystać z projektowania materiałów?

Podobnie jak w przypadku każdego dobrze znanego systemu projektowania, istnieje kilka głównych zalet korzystania z Material Design, które projektanci powinni wziąć pod uwagę.

Material Design to w rzeczywistości cały ekosystem projektowania, a nie tylko zestaw wytycznych dotyczących stylu. Jeśli istnieje potencjalna sytuacja projektowa, Material Design prawdopodobnie ma obszerny zestaw zasad, jak sobie z tym poradzić. Obejmuje to złożone przypadki użycia, które często są pomijane przez mniej kompleksowe systemy projektowania. Może to być bardzo pocieszające dla projektantów, którzy chcą tego rodzaju konstrukcji.

Google utrzymuje Material Design i przechowuje obszerną dokumentację dotyczącą jego używania i wdrażania. Tego rodzaju wsparcia i dokumentacji może brakować w wielu nowoczesnych systemach projektowania.

Pomimo całej tej kompleksowości i dokumentacji, Material Design pozostaje dość elastyczną biblioteką projektową. W ramach wytycznych wiele szczegółów dotyczących wdrażania projektu jest całkowicie pozostawione projektantowi.

Bardziej szczegółowe zalety Material Design obejmują takie rzeczy, jak subtelny skeuomorfizm, który odróżnia go od płaskiego projektu i czyni go bardziej intuicyjnym dla wielu użytkowników. Inną przyjazną dla użytkownika funkcją jest to, że informacje zwrotne od użytkowników w formie dotykowej informacji zwrotnej, subtelnych animacji i podobnych rzeczy są wbudowane w wytyczne. Ma też bardzo uproszczony zmysł fizyki, co sprawia, że ​​interakcje są bardziej intuicyjne.

Material Design został zbudowany na wrażliwości na urządzenia mobilne, co ma sens, biorąc pod uwagę, że jego pierwotnym celem było projektowanie aplikacji na Androida. Promuje również animację w projektach, zarówno w celu uzyskania opinii użytkowników, jak i podpowiedzi, jak działają różne funkcje.

Wreszcie, dostępne są opcje ciemnego motywu, co zapewnia projektantom jeszcze większą elastyczność wizualną. Pierwotnie Material Design był bardzo lekki i jasny, co nie pasowało do estetyki niektórych marek. Dodanie wytycznych dotyczących ciemnego motywu rozwiązuje ten problem.

Wady korzystania z projektowania materiałów

Chociaż Material Design ma bardzo oczywiste zalety, nie oznacza to, że nie ma wad, które wiążą się z jego używaniem.

Po pierwsze, Material Design jest natychmiast rozpoznawalny i jest silnie powiązany z Google, a konkretnie z Androidem. Chociaż niekoniecznie jest to zła rzecz dla wszystkich, dla niektórych jest potencjalnie negatywna.

Jednym z głównych powodów, dla których może to być negatyw, jest to, że ogranicza skuteczność innego brandingu podczas korzystania z systemu projektowania. Tak, projektanci mogą umieszczać logo, palety kolorów (w ramach wytycznych Material Design) i inne czynniki wyróżniające w celu wspierania tożsamości marki, ale produkt zgodny ze specyfikacjami Material Design prawie zawsze będzie również kojarzony z Google.

Ponieważ ruch i animacje są promowane w ramach wytycznych Material Design, witryny lub aplikacje, które ich nie zawierają, mogą wydawać się użytkownikom, jakby czegoś im brakowało. Ludzie kojarzą cechy ruchu Material Design z cechami wizualnymi, które mogą pozostawić projekty bez braku ruchu.

Jasne, jednym z rozwiązań jest zawsze uwzględnianie ruchu w projektach zgodnych ze specyfikacją Material Design. Jednak rozbudowane animacje mogą być bardzo zasobożerne na urządzeniach mobilnych, co skutkuje wyższym zużyciem danych i szybszym wyczerpywaniem się baterii. Jest to balans, który projektanci muszą wziąć pod uwagę, pracując zgodnie z wytycznymi Material Design.

Początkujący mogą uznać, że specyfikacja Material Design jest bardziej skomplikowana i trudniejsza do wdrożenia niż inne style, takie jak płaska konstrukcja. Ponieważ system Material Design jest tak wszechstronny, jest o wiele więcej rzeczy do rozważenia i przestrzegania, niż wielu nowych projektantów może czuć się komfortowo.

Jego wszechstronność może również prowadzić do tego, że niektórzy projektanci czują się skrępowani i nie są w stanie w pełni zrealizować własnej kreatywności. Może też stłumić innowacyjność, ponieważ zaplanowano praktycznie każde wyzwanie projektowe i zaproponowano rozwiązania. Chociaż jest to pomocne w wielu przypadkach, może to uniemożliwić projektantom nowe podejście do problemów, a także ograniczyć liczbę nowych pomysłów, które mogą się pojawić.

Istnieją również pewne problemy z użytecznością w Material Design, które mogą sprawić, że strony internetowe i aplikacje staną się bardzo nieprzyjazne dla użytkownika. Jednym z największych problemów jest tak zwana nawigacja „tajemniczego mięsa” spotykana w wielu aplikacjach do projektowania mobilnego. Ikony są często używane zamiast tekstu i chociaż czasami ikony są natychmiast rozpoznawalne i dość użyteczne, czasami nie są.

Kółko wskazujące „Dom” jest znacznie trudniejsze do zidentyfikowania niż ikona domu, która była wcześniej używana w większości interfejsów Androida. Jest to doskonały przykład umieszczania formy nad funkcją, co jest pozostałością po płaskich korzeniach Material Design.

I to nie tylko w dolnym pasku nawigacyjnym. Preferencje Material Design dotyczące włączania okrągłych, ruchomych przycisków akcji również stanowią problem z użytecznością. Te okrągłe przyciski zawierają tylko miejsce na ikonę, bez tekstu pomocniczego. A ponieważ ikony mogą być tak otwarte na interpretację, w wielu przypadkach użytkownicy zastanawiają się, co właściwie robią te przyciski.

Wniosek

Jeśli aplikacja jest tworzona głównie na platformę Android, użycie Material Design jest łatwym wyborem. Ze względu na powszechne przyjęcie przez Google każda aplikacja oparta na zasadach Material Design będzie wyglądać jak aplikacja natywna.

To powiedziawszy, istnieje wiele innych przypadków użycia poza platformą Android, w których Material Design jest dobrym wyborem. W miarę dalszego dojrzewania systemu projektowania, sytuacje te będą się zwiększać. Projektanci powinni przynajmniej zapoznać się z wytycznymi, aby sami mogli określić, kiedy należy użyć Material Design, a kiedy inne systemy mogą być lepiej dopasowane.

• • •

Dalsza lektura na blogu Toptal Design:

• Jak zbudować efektywne ramy projektowe (z bezpłatnym plikiem szkicu)
• Tworzenie przewodnika po stylu UI dla lepszego UX
• Zrozumienie systemów i wzorców projektowych
• UX testowania A/B dla frameworków opartych na komponentach
• Psychologia projektowania i neuronauka niesamowitego UX