Neden Materyal Tasarımı Kullanılır? Artıları ve Eksileri Tartmak

Beş yıldan uzun bir süre önce tanıtılan Google'ın Materyal Tasarımı yönergeleri, web sitelerinin ve uygulama tabanlı hizmetlerinin imza görünümü haline geldi. Şirketin markalaşması için bir nimet olan Google'a bağlı oldukları hemen fark edilir.

Materyal Tasarımı da daha geniş tasarım topluluğu tarafından benimsenmiştir ve artık Google'ın yerel platformlarının (ve hatta rakip platformların) çok dışındaki web sitelerinde ve uygulamalarda bulunabilir. Örneğin Simplenote, masaüstü ve mobil platformlar için uygulamalarında Materyal Tasarımı estetiğini kullanır. Bu, Materyal Tasarımının çeşitli tasarım uygulamaları için neden mükemmel bir seçim olduğunun sadece bir örneğidir.

Materyal Tasarımı Nedir?

Materyal Tasarımı, Google Asistan'da kullanılan kart tabanlı düzene dayalı olarak 2014 yılında Google tarafından oluşturulmuştur. Kağıt tabanlı tasarım stillerine saygı duruşu, onu o sırada yaygın olarak kullanılan düz tasarım stilinden ayırdı.

Çoğu tasarım sistemi gibi, Materyal Tasarımı da çeşitli cihazlar, platformlar ve giriş yöntemleri arasında birleşik bir kullanıcı deneyimi sunmak için oluşturuldu. Apple'ın standart olarak düz tasarım ilkelerini uygulamasına benzer şekilde, Google, kullanıcıların ürünlerine nasıl eriştiğinden bağımsız olarak tutarlı bir kullanıcı deneyimine sahip olmalarını sağlamak için Materyal Tasarımını kullandı.

Materyal Tasarımı spesifikasyonu her şey için yönergeler içerir: tipografi, ızgaralar, boşluk, ölçek, renk ve görüntü. Ancak Materyal Tasarımı, tasarımcılara işlerin nasıl görüneceğini söylemekten bir adım daha ileri gider. Tasarımcıların hiyerarşi, anlam ve nihai sonuçlarına odaklanma ile kasıtlı tasarımlar oluşturmasını sağlar.

Neden Materyal Tasarımı Kullanılır?

Herhangi bir köklü tasarım sisteminde olduğu gibi, Materyal Tasarımı kullanmanın tasarımcıların dikkate alması gereken bazı önemli avantajları vardır.

Materyal Tasarımı, yalnızca bir dizi stil yönergesinden ziyade, etkili bir şekilde tüm bir tasarım ekosistemidir. Potansiyel bir tasarım durumu varsa, Materyal Tasarımı muhtemelen bununla nasıl başa çıkılacağına dair kapsamlı bir kurallar dizisine sahiptir. Bu, genellikle daha az kapsamlı tasarım sistemleri tarafından gözden kaçırılan karmaşık kullanım durumlarını içerir. Bu, bu tür bir yapı isteyen tasarımcılar için çok rahatlatıcı olabilir.

Google, Materyal Tasarımını yürütür ve nasıl kullanılacağına ve uygulanacağına ilişkin kapsamlı belgeler tutar. Bu tür bir destek ve dokümantasyon, birçok modern tasarım sistemi için eksik olabilir.

Tüm bu kapsamlı ve dokümantasyona rağmen, Materyal Tasarımı oldukça esnek bir tasarım kütüphanesi olmaya devam ediyor. Yönergeler dahilinde, tasarımın nasıl uygulanacağına ilişkin ayrıntıların çoğu tamamen tasarımcıya bırakılmıştır.

Materyal Tasarımı için daha ayrıntılı avantajlar, onu düz tasarımdan ayıran ve birçok kullanıcı için daha sezgisel hale getiren ince skeuomorfizm gibi şeyleri içerir. Kullanıcı dostu başka bir özellik de, dokunsal geri bildirim, ince animasyonlar ve benzer şeyler şeklindeki kullanıcı geri bildirimlerinin yönergelere dahil edilmesidir. Etkileşimleri daha sezgisel hale getiren çok basitleştirilmiş bir fizik anlayışına da sahiptir.

Materyal Tasarımı, orijinal amacının Android uygulamaları tasarlamak olduğu düşünüldüğünde mantıklı olan, mobil öncelikli bir duyarlılık üzerine inşa edilmiştir. Ayrıca, hem kullanıcı geri bildirimi için hem de farklı özelliklerin nasıl çalıştığına dair ipucu vermek için tasarımlarda animasyonu destekler.

Son olarak, tasarımcılar için daha da fazla görsel esneklik ekleyerek koyu tema seçenekleri kullanıma sunuldu. Başlangıçta, Materyal Tasarımı çok hafif ve parlaktı, bu da bazı markaların estetiğiyle pek uyumlu değildi. Karanlık bir tema kılavuzunun eklenmesi bu sorunu giderir.

Materyal Tasarımı Kullanmanın Dezavantajları

Materyal Tasarımının çok belirgin artıları olsa da, bu onu kullanmanın dezavantajları olmadığı anlamına gelmez.

İlk olarak, Materyal Tasarımı hemen tanımlanabilir ve Google ve özellikle Android ile güçlü bir şekilde ilişkilidir. Bu herkes için mutlaka kötü bir şey olmasa da, bazıları için potansiyel olarak olumsuzdur.

Olumsuz olmasının en büyük nedenlerinden biri, tasarım sistemini kullanırken diğer markalaşmanın etkinliğini sınırlamasıdır. Evet, tasarımcılar marka kimliğini desteklemek için logoları, renk paletlerini (Materyal Tasarım yönergeleri dahilinde) ve diğer farklılaştırıcı faktörleri dahil edebilir, ancak Malzeme Tasarımı özelliklerine uyan bir ürün neredeyse her zaman Google ile ilişkilendirilir.

Hareket ve animasyon, Materyal Tasarımı yönergelerinde tanıtıldığından, onu içermeyen siteler veya uygulamalar, kullanıcılara bir şeyleri eksikmiş gibi görünebilir. İnsanlar, Materyal Tasarımının hareket özelliklerini, tasarımları hareketsiz bırakabilen görsel özelliklerle ilişkilendirir.

Elbette, bir çözüm, Materyal Tasarımı özelliklerine uyan tasarımlara her zaman hareketi dahil etmektir. Ancak kapsamlı animasyonlar, mobil cihazlarda çok kaynak açısından ağır olabilir ve bu da daha yüksek veri kullanımı ve daha hızlı pil tüketimi ile sonuçlanır. Tasarımcıların Materyal Tasarımı yönergeleri dahilinde çalışırken göz önünde bulundurmaları gereken bir dengeleme eylemidir.

Yeni başlayanlar, Materyal Tasarımı spesifikasyonunun düz tasarım gibi diğer stillerden daha karmaşık ve uygulanmasının daha zor olduğunu görebilir. Materyal Tasarımı sistemi çok kapsamlı olduğu için, birçok yeni tasarımcının rahat edebileceğinden çok daha fazla dikkate alınması ve uyulması gereken şeyler vardır.

Kapsamlı olması, bazı tasarımcıların kendilerini kısıtlanmış hissetmelerine ve kendi yaratıcılıklarını tam olarak gerçekleştirememelerine de yol açabilir. Aynı zamanda, neredeyse her türlü tasarım zorluğu planlandığından ve çözümler sunulduğundan, yeniliği de engelleyebilir. Bu birçok durumda yardımcı olurken, tasarımcıların sorunlara yeni yaklaşımlar getirmesini engelleyebilir ve aynı zamanda ortaya çıkabilecek yeni fikirlerin sayısını da sınırlayabilir.

Materyal Tasarımda web sitelerini ve uygulamaları çok kullanıcı dostu olmayan hale getirebilecek bazı kullanılabilirlik sorunları da vardır. En büyük sorunlardan biri, birçok mobil tasarım uygulamasında karşılaşılan “gizemli et” navigasyonudur. Simgeler genellikle metin yerine kullanılır ve bazen simgeler hemen tanınabilir ve oldukça kullanılabilir olsa da, diğer zamanlarda değildir.

"Ev"i gösteren bir daireyi tanımlamak, daha önce çoğu Android arayüzünde kullanılan ev simgesini tanımlamaktan çok daha zordur. Bu, Material Design'ın düz tasarım köklerinden bir miras olan işlevin üzerine formu yerleştirmenin en iyi örneğidir.

Ve sadece alt gezinme çubuğunda değil. Material Design'ın dairesel hareketli eylem düğmeleri ekleme tercihi de bir kullanılabilirlik sorunudur. Bu dairesel düğmeler yalnızca bir simge için alan içerir ve yardımcı metin içermez. Simgeler yoruma çok açık olabileceğinden, çoğu durumda kullanıcılar bu düğmelerin gerçekte ne yaptığını sorgulamaya bırakılır.

Çözüm

Bir uygulama öncelikle Android platformu için geliştiriliyorsa, Materyal Tasarımı kullanmak kolay bir seçimdir. Google'ın yaygın olarak benimsenmesi nedeniyle, Materyal Tasarımı ilkelerine dayalı herhangi bir uygulama, yerel bir uygulama gibi hissedilecektir.

Bununla birlikte, Materyal Tasarımının sağlam bir seçim olduğu Android platformunun dışında birçok başka kullanım durumu vardır. Tasarım sistemi daha da olgunlaştıkça, bu durumlar artacaktır. Tasarımcılar, en azından, Materyal Tasarımı kullanmanın ne zaman uygun olduğunu ve diğer sistemlerin ne zaman daha uygun olabileceğini kendileri belirleyebilmeleri için yönergelere aşina olmalıdır.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Etkili Bir Tasarım Çerçevesi Nasıl Oluşturulur (Ücretsiz Çizim Dosyasıyla)
• Daha İyi UX için UI Stil Kılavuzu Oluşturma
• Tasarım Sistemlerini ve Kalıpları Anlama
• Bileşen Tabanlı Çerçeveler için A/B Test UX
• Tasarım Psikolojisi ve Müthiş Kullanıcı Deneyiminin Sinirbilimi