Flat 2.0 & Flat Design'ın Kullanılabilirlik Sorunlarını Nasıl Çözüyor?
Düz tasarım, Uluslararası Tipografik Stilin geliştirildiği 1950'lerin başlarından bu yana ortaya çıkmıştır. Son zamanlarda Microsoft'un yeni lansmanından bu yana geniş bir popülerlik kazanmıştır. geometri ve tipografi odaklı Metro tasarımı dil, önce 2010’da yeni Windows Phone’da, ardından 2012’de Windows 8’de.
Düz tasarım ile karakterizedir üç boyutlu etki ve parlak görsel unsurların eksikliği ulaşmak için temizlik, minimalizm, ve berraklık. Daha önce baskın tasarım stiline, parlak düğmelerden yararlanan skeuomorphism'e ve gerçek hayattaki 3B nesneleri taklit eden resimlere aykırıdır..
Düz tasarım temel olarak web sitelerini düzene sokmayı, içeriğe odaklanmayı, daha sezgisel etkileşimler sunmayı ve daha hızlı ve daha işlevsel bir kullanıcı deneyimi sunmayı amaçlar. Duyarlı tasarım için basit, kutu benzeri elemanları ve ızgara tabanlı mizanpajları kullanmak da kolaydır..
Düz Tasarımın Kullanılabilirlik Sorunları
Düz tasarım, kullanıcılarımıza hızlı ve dağınık olmayan web siteleri sağlamak için bize muazzam yardım ve harika bir araç takımı sunsa da, özellikle aşırı kullanıldığında bazı kullanılabilirlik sorunlarına neden olabilir.
Hiçbir Tıklanabilirlik Göstergesi Yok
Üç boyutlu efektler kullanırsak, doğal olarak tasarımlarımıza derinlik illüzyonu verir. Bu kullanıcılara hızlı bir şekilde yardımcı olur etkileşimli unsurları bul, tıklanabilen (düğmeler ve simgeler gibi) veya doldurulabilecek (form alanları gibi). Düz tasarımla ilgili ana kaygılardan biri, kullanıcıların zorlaştırmasıdır. tıklanabilir elemanları tanır.
Düz çağdan önce, web tasarımcıları genellikle gibi görsel çözümler kullanarak tıklanabilirlik gösterdi gradyanlar, dokular, yükseltilmiş kenarlar veya alt gölgeler Düğmelerin ve diğer tıklanabilir nesnelerin basılabildiği gibi görünmesini sağlamak için.
Düz tasarım bu görsel göstergelere sahip değildir ve aynı görevi çok daha küçük bir araç takımı ile çözmelidir: renkler, şekiller, yakınlık, ve bağlamsal öğeler.
Neden bu bir problem? Bir deney deneyelim.
Aşağıdaki ekran görüntüsüne bakın. Bu ekran görüntüsüne göre hangi öğelerin tıklanabilir olduğunu tahmin etmeye çalışın. İlk önce düşüneceğiniz şeyler değil. Tüm web'de benzer birçok kullanılabilirlik problemi bulabiliriz.
Z ekseni olmadığından azaltılmış keşfedilebilirlik
Gerçek hayatta olan insanlar nesneleri bulur ve üç boyutta ilerler: x, y ve z ekseni. Üç boyutlu efektleri olmayan minimalist tasarımlı, düz bir web sitesine girdiklerinde, alıştıklarından farklı, öncelikle asıl ilgi çekici olan bir deneyim edinirler..
Bu, ihtiyaç duydukları anlamına gelir nesneler arasındaki ilişkileri keşfetmek için daha fazla çaba kullanın, ve görsel hiyerarşiyi anlayın Sitenin. Örneğin, bilgileri ve sitedeki farklı öğelerin amacını görsel olarak çözmek için Microsoft Geliştirici Ağı'nın giriş sayfasında daha fazla zamana ihtiyacımız var..
UX tasarımındaki temel kural, kullanılabilirliği en üst düzeye çıkarmak için daima kullanıcı üzerindeki bilişsel yükü en aza indirmeye çalışmaktır. Pek çok durumda görebileceğimiz gibi, bu her zaman düz tasarımla olmaz.
Düşük Bilgi Yoğunluğu
Düz tasarım, UX uzmanı Nielsen-Norman Grubu tarafından düşük bilgi yoğunluğu riski nedeniyle eleştirildi.
Windows 8'in kullanılabilirliği konusundaki eleştirilerinde, sorunları göstermek için Windows Mağazası uygulamalarına ve Los Angeles Times web sitesine örneklerini kullandılar. Düşük bilgi yoğunluğu (başlangıç ekranında birkaç öykü olması, özetsiz başlıklar, ancak farkedilebilir gruplama vb.) kullanılabilirlik bakış açısına neden olabilir..
Başka bir açıdan bakıldığında, daha az bilgi dikkat dağıtıcıları kaldırmak olarak görülebilir, kullanıcıların sadece önemli şeylere odaklanmalarını sağlar, ancak eğer minimalizm aşılırsa bir sitenin temel amacını kolayca feda edebilir, yani bilgileri izleyicilere dönüştürür..
Düz 2.0 Yükselişi
Gittikçe daha fazla tasarımcı düz tasarımın kullanılabilirlik kusurlarını tanıdıkça, daha yeni ve daha olgun bir versiyonu ortaya çıktı. “Düz 2.0” veya “Neredeyse düz” tasarımı. Skeuomorphismism'den flattoya dönüşüm radikal olsa da, flat design'ın evrimi çok daha zor.
Yeni stil hala düz, ama tasarımlara küçük bir üç boyutluluk katıyor şeklinde ince gölgeler, vurgulamalar, ve katmanlar. Düz 2.0 - eğer iyi kullanılırsa - yukarıda belirtilen kullanılabilirlik problemlerini, küçük bir gerçekliği (skeuomorphism) geri getirerek ve biraz daha derinlik ve detaylar ekleyerek, basitleştirilmiş web siteleri, netlik ve daha hızlı sayfa yükleme süresi gibi minimalizmin avantajlarını koruyarak çözebilir.
Malzeme Tasarımı
Google’ın Materyal Tasarımı adı verilen yeni tasarım dili, Flat 2.0 stilinin muhtemelen en dikkat çekici örneğidir. Google, 2014 yılında Android L ile Materyal Tasarımı yayınladı. Materyal Tasarımı, düz tasarımın temel özelliklerini korurken, kullanıcıların gerçek dünya ile dijital dünya arasındaki analojileri hızla bulmalarına yardımcı olmak için fizikten bazı metaforlar kullanıyor..
Materyal Tasarımı z eksenini kullanır, verir ince derinlik tasarım ve akıllıca tarafından katmanları kullanır alt gölgelerle ayırma ve animasyonlar. Google’ın nasıl çalıştığı hakkında süper bir açıklaması var ve ana ilke ve kurallarını anlamak için gerçekten okumayı değer.
Sonuç
İyi tasarımcılar her zaman kullanıcılarının deneyimini iyileştirmeyi hedeflediğinden, web tasarım endüstrisi sürekli değişmektedir. Düz tasarım hızla skeuomorphism yerini aldı, sonuçlanan ızgara tabanlı, minimalist düzenler ve basit öğeler Son zamanlarda internetin altından geçen (bu web tasarımının sıkıcı veya hatta ölmekte olduğu hakkında biraz konuşma yaptı, ancak gerçeklerden daha fazla olamaz).
Düz 2.0, düz tasarımın algılanan sorunlarına cevap verir. İşlevsellik, estetik ve kullanılabilirlik arasında akıllı bir uzlaşma. Tabii ki, Malzeme UI kitlerini kullanmamıza gerek yok her yerde, ama arkasındaki felsefeyi anlamak bize hakkında sağlam bir arka plan verebilir kendi tarzımızı nasıl geliştireceğimizi kullanıcı deneyimi tasarımındaki son bulgulara göre.