[UX mevs] #01 — Gutenberg Prensibi
#S01E01
Giriş
Merhaba Ben Çağdaş ve burası TurkNet Design. Serinin ilk bölümünde, basit ve fakat doğru uygulandığında tasarladığın arayüze +1 değer puanı kazandıracak bir konuya değineceğim.
Gelişme: Gutenberg prensibi ya da diğer adıyla Z-Pattern
Nedir?
Gutenberg [Z-Pattern] kullanıcıların tasarım üzerindeki genel göz hareketlerini açıklamaya çalışan bir araştırmaya dayanıyor.
Nasıl Çalışıyor?
Z-Pattern’e göre soldan-sağa dilleri okuyan kullanıcılar bir içerik tüketirken bunu genellikle Z biçiminde bir okuma yolu ile yapıyorlar.
- Primary Optical Area
- Strong Fallow Area
- Weak Fallow Area
- Terminal Area
Sonuç
Dolayısıyla tasarımlarını uygularken önemli olduğunu düşündüğün aksiyonları bu pattern’e göre yerleştirdiğinde tasarladığın ürünlerin kullanılabilirliğini daha yukarılara çıkarabilirsin.
Sen de kullanıcılarının okuma alışkanlıklarını hotjar, logrocket, inspectlet veya benzer araçları kullanarak görebilir ve yorumlayabilirsin. Ziyaretçilerine göstermek istediğin önemli içerikleri ve aksiyonları bu okuma alışkanlarına göre doğru alanlara yerleştirebilir, bu sayede tasarımının okunabilirliğini daha yukarı çekebilirsin. 🧠
Ve en önemlisi de, tasarımlarını gutenberg prensibine uygun olarak çalışmak bedava 🫠 Yani, sana hiçbir şey kaybettirmeyecek.
Bonus:
Ayrıca bunun kati bir kural olmadığını, benzer şekilde farklı bir okuma modeli olan F-Pattern’in de oldukça popüler olduğunu hatırla ve kendi araştırmanı yap.