Mengapa Menggunakan Desain Material? Menimbang Pro dan Kontra

Diperkenalkan lebih dari lima tahun yang lalu, pedoman Desain Material Google telah menjadi tampilan khas situs web dan layanan berbasis aplikasi mereka. Mereka segera dikenali sebagai berafiliasi dengan Google, anugerah bagi branding perusahaan.

Desain Material juga telah diadopsi oleh komunitas desain yang lebih luas dan sekarang dapat ditemukan di situs web dan aplikasi jauh di luar platform asli Google (dan bahkan di platform pesaing). Simplenote, misalnya, menggunakan estetika Desain Material di seluruh aplikasinya untuk platform desktop dan seluler. Itu hanya salah satu contoh mengapa Desain Material adalah pilihan yang sangat baik untuk berbagai implementasi desain.

Apa itu Desain Material?

Desain Material dibuat oleh Google pada tahun 2014, sebagian didasarkan pada tata letak berbasis kartu yang digunakan di Google Now. Gaya desain berbasis kertas membedakannya dari gaya desain datar yang banyak digunakan pada saat itu.

Seperti kebanyakan sistem desain, Desain Material diciptakan untuk menghadirkan pengalaman pengguna terpadu di berbagai perangkat, platform, dan metode input. Mirip dengan cara Apple menerapkan prinsip desain datar sebagai standar mereka, Google menggunakan Desain Material untuk memastikan bahwa, terlepas dari bagaimana pengguna mengakses produk mereka, mereka akan memiliki pengalaman pengguna yang konsisten.

Spesifikasi Desain Material mencakup panduan untuk semuanya: tipografi, kisi, ruang, skala, warna, dan citra. Tetapi Desain Material melangkah lebih jauh dari sekadar memberi tahu desainer cara membuat segala sesuatunya terlihat. Ini memungkinkan desainer untuk membuat desain yang disengaja dengan hierarki, makna, dan fokus pada hasil akhirnya.

Mengapa Menggunakan Desain Material?

Seperti halnya sistem desain yang sudah mapan, ada beberapa kelebihan utama dalam menggunakan Desain Material yang harus dipertimbangkan oleh desainer.

Desain Material secara efektif merupakan keseluruhan ekosistem desain, bukan hanya seperangkat pedoman gaya. Jika ada situasi desain potensial yang ada, Desain Material kemungkinan memiliki seperangkat aturan yang komprehensif tentang cara menanganinya. Itu termasuk kasus penggunaan kompleks yang sering diabaikan oleh sistem desain yang kurang komprehensif. Ini bisa sangat menghibur bagi desainer yang menginginkan struktur seperti itu.

Google mengelola Desain Material dan menyimpan dokumentasi ekstensif tentang cara menggunakan dan menerapkannya. Dukungan dan dokumentasi semacam ini mungkin kurang untuk banyak sistem desain modern.

Terlepas dari semua kelengkapan dan dokumentasi ini, Desain Material tetap menjadi perpustakaan desain yang cukup fleksibel. Dalam pedoman, banyak hal spesifik tentang bagaimana menerapkan desain diserahkan sepenuhnya kepada perancang.

Keuntungan yang lebih terperinci untuk Desain Material mencakup hal-hal seperti skeuomorfisme halus, yang membedakannya dari desain datar dan membuatnya lebih intuitif bagi banyak pengguna. Fitur ramah pengguna lainnya adalah bahwa umpan balik pengguna dalam bentuk umpan balik haptic, animasi halus, dan hal-hal serupa dibangun ke dalam pedoman. Ini juga memiliki pengertian fisika yang sangat disederhanakan, yang membuat interaksi lebih intuitif.

Material Design dibangun di atas sensibilitas mobile-first, yang masuk akal mengingat tujuan awalnya adalah untuk merancang aplikasi Android. Ini juga mempromosikan animasi dalam desain, baik untuk umpan balik pengguna dan untuk mengisyaratkan bagaimana fungsi fitur yang berbeda.

Akhirnya, opsi tema gelap telah tersedia, menambahkan lebih banyak fleksibilitas visual untuk desainer. Awalnya, Desain Material sangat ringan dan cerah, yang tidak sesuai dengan estetika beberapa merek. Penambahan pedoman tema gelap memperbaiki masalah itu.

Kekurangan Menggunakan Desain Material

Meskipun Desain Material memiliki kelebihan yang sangat jelas, itu tidak berarti tidak ada kekurangan yang menyertai penggunaannya.

Pertama, Desain Material dapat segera diidentifikasi dan sangat terkait dengan Google dan, khususnya, Android. Meskipun ini tidak selalu merupakan hal yang buruk bagi semua orang, ini berpotensi negatif bagi sebagian orang.

Salah satu alasan besar yang mungkin menjadi negatif adalah karena membatasi efektivitas merek lain saat menggunakan sistem desain. Ya, desainer dapat memasukkan logo, palet warna (dalam pedoman Desain Material), dan faktor pembeda lainnya untuk mendukung identitas merek, tetapi produk yang mengikuti spesifikasi Desain Material hampir selalu juga dikaitkan dengan Google.

Karena gerakan dan animasi dipromosikan dalam pedoman Desain Material, situs atau aplikasi yang tidak menyertakannya dapat tampak bagi pengguna seolah-olah mereka kehilangan sesuatu. Orang-orang mengasosiasikan karakteristik gerak Desain Material dengan karakteristik visual, yang dapat membuat desain tidak kekurangan gerak.

Tentu, salah satu solusinya adalah selalu menggabungkan gerakan dalam desain yang mengikuti spesifikasi Desain Material. Tetapi animasi yang ekstensif bisa sangat menguras sumber daya pada perangkat seluler, menghasilkan penggunaan data yang lebih tinggi dan penipisan baterai yang lebih cepat. Ini adalah tindakan penyeimbang yang harus dipertimbangkan desainer saat bekerja dalam pedoman Desain Material.

Pemula mungkin menemukan bahwa spesifikasi Desain Material lebih rumit dan lebih sulit untuk diterapkan daripada gaya lain seperti desain datar. Karena sistem Desain Material sangat komprehensif, ada lebih banyak hal yang perlu dipertimbangkan dan dipatuhi daripada yang mungkin nyaman bagi banyak desainer baru.

Kelengkapannya juga dapat menyebabkan beberapa desainer merasa terkekang dan tidak dapat sepenuhnya mewujudkan kreativitas mereka sendiri. Ini juga dapat menghambat inovasi, karena hampir semua tantangan desain telah direncanakan dan solusi yang ditawarkan. Meskipun membantu dalam banyak kasus, hal ini dapat mencegah desainer mengambil pendekatan baru terhadap masalah, sementara juga membatasi jumlah ide baru yang mungkin muncul.

Ada juga beberapa masalah kegunaan dalam Desain Material yang dapat membuat situs web dan aplikasi menjadi sangat tidak ramah pengguna. Salah satu masalah terbesar adalah dengan apa yang disebut navigasi "daging misteri" yang ditemui di banyak aplikasi desain seluler. Ikon sering digunakan sebagai pengganti teks, dan meskipun terkadang ikon dapat langsung dikenali dan cukup dapat digunakan, di lain waktu tidak.

Lingkaran untuk menunjukkan "Beranda" secara signifikan lebih sulit diidentifikasi daripada ikon rumah yang sebelumnya digunakan di sebagian besar antarmuka Android. Ini adalah contoh utama penempatan bentuk di atas fungsi, yang merupakan sisa dari akar desain datar Material Design.

Dan itu tidak hanya di bilah navigasi bawah. Preferensi Desain Material untuk menyertakan tombol aksi mengambang melingkar juga merupakan masalah kegunaan. Tombol melingkar ini hanya menyertakan ruang untuk ikon, tanpa menyertakan teks bantu. Dan karena ikon bisa sangat terbuka untuk interpretasi, dalam banyak kasus, pengguna dibiarkan mempertanyakan apa yang sebenarnya dilakukan tombol-tombol ini.

Kesimpulan

Jika aplikasi sedang dibangun terutama untuk platform Android, maka menggunakan Desain Material adalah pilihan yang mudah. Karena adopsi Google secara luas, aplikasi apa pun yang didasarkan pada prinsip-prinsip Desain Material akan terasa seperti aplikasi asli.

Meskipun demikian, ada banyak kasus penggunaan lain di luar platform Android di mana Material Design adalah pilihan yang tepat. Ketika sistem desain semakin matang, situasi itu pasti akan meningkat. Desainer harus, paling tidak, membiasakan diri dengan pedoman sehingga mereka dapat menentukan sendiri kapan waktu yang tepat untuk menggunakan Desain Material, dan kapan sistem lain mungkin lebih cocok.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• Cara Membangun Kerangka Desain yang Efektif (dengan File Sketsa Gratis)
• Membuat Panduan Gaya UI untuk UX yang Lebih Baik
• Memahami Sistem dan Pola Desain
• UX Pengujian A/B untuk Kerangka Berbasis Komponen
• Psikologi Desain dan Ilmu Saraf dari UX yang Luar Biasa