Web Tasarımına Uygulanan 80/20 Kuralı
Kısa bir süre önce tasarım prensiplerini biraz daha okumaya başladım, ilginç bir ilkeye rastladım. 80/20 Kuralı Ayrıca, Pareto Prensibi , Juran İlkesi , Yaşamsal Az Sayıda ve Üçlü Kuralı ve Faktör Sparsitesinin İlkesi olarak da anılır .
Web sitesi ve web uygulaması tasarımı bağlamında düşünüldüğünde, bu parçada sadece 80/20 kuralına atıfta bulunacağım bu ilke, kullanıcı deneyimini ve sonuçta içeriğin etkinliğini önemli ölçüde etkileyebilir. web sitenizin veya web uygulamanızın işlevselliği.
Bu yazıda, önce temel bir tanım yapacağım, daha sonra 80/20 kuralının nasıl faydalı olduğunu gösteren bazı özel örnekleri ele alacağım ve sonra bu kural hakkında bilgi sahibi olmaktan çıkarılan bazı dersleri özetleyeceğim.
Kural nedir?
80/20 kuralı aslen İtalyan ekonomist Vilfredo Pareto tarafından gözlemlendi ve asıl ilke Joseph M. Juran tarafından Pareto Prensibi olarak adlandırıldı.
Aşağıda iki farklı kaynaktan tanımlanmıştır. İlk kitaptan Tasarımın Evrensel İlkeleri :
80/20 kuralı, herhangi bir büyük sistem tarafından üretilen etkilerin yaklaşık yüzde 80'inin bu sistemdeki değişkenlerin yüzde 20'sinden kaynaklandığını ileri sürer.
Ve sonra, Wikipedia'dan :
Pareto prensibi… birçok olay için, etkilerin yaklaşık% 80'inin nedenlerin% 20'sinden kaynaklandığını belirtmektedir.
Bu nedenle, hemen her zaman tasarımcılar olarak doğrudan kontrol sahibi olduğumuzun değil, neredeyse doğal olarak meydana geldiğimiz bir prensip olduğunun farkına varacaksınız.
Bu ilkenin ya da meydana gelme modelinin varlığını bilerek, tasarımlarımızın kullanılabilirliğini ve etkinliğini geliştirmeye yardımcı olacak kararlar almak için değerli bilgilerle donatılırız.
Kuralın Doğruluk Doğasına Asla Zihin…
Evet, eleştirmenler var ve 80/20 kuralını düşünenler, her zaman uygulanmayan bir hipotezden veya genel teoriden başka bir şey değildir.
Ancak bunu bir kenara koyarak, kavramın kendisi, 70/30 veya 90/10 gibi daha fazla olsa bile, inceleme ve optimizasyon gerektiren kullanıcı arayüzleri ve işlevselliği üzerinde çalışanların yararına olacaktır.
Kullanıcı Deneyimine Nasıl Uygulayabiliriz?
Herhangi bir web sitesinde, web uygulamasında veya yazılım ortamında 80/20 kuralı, herhangi bir ortamdaki işlevlerin ve özelliklerin% 20'sinin, sonuçların% 80'inden veya o ortamdaki eylemlerden sorumlu olacağını belirtir.
Bazı durumlarda, böyle büyük bir etkiye sahip olan% 20'yi neyin oluşturduğunu anlamak kolaydır. Web analizi istatistikleri, form gönderimleri ve oturum çerezleri, kullanıcı davranışlarını izlemek için kullanılabilir. Bu öğelerin analizi, UI'nin hangi alanlarının en çok etkileşimde bulunduğunu belirlememize yardımcı olacaktır.
Öte yandan, bu yöntemleri kullanarak takip edilmeyen daha küçük görevlerin analiz edilmesi zor olabilir. Bu durumda, kullanıcıların web sitenizin kullanıcı arayüzü ile etkileşime girdiğinde gözlemlendiği yerlerde kullanılabilirlik çalışmaları yapılabilir.
80/20 Kuralını Tanıyan Bazı Örnekler
Kasıtlı olsun ya da olmasın, UI ve UX tasarımcılarının bu ilkenin değerini düşündüklerine dair birçok kanıt vardır.
Örneğin, bir kayıt formunda sunulan ülkelerin bir açılan listesi gibi basit bir kullanıcı arayüzü öğesi alın. Çoğu site geliştiricisi veya içerik oluşturucu, zamanın% 80'inin belirli ülkelerin seçileceğini kabul eder.
Bu yüzden, listenin alfabetik bir şekilde bölünmesi için uzun bir liste gibi kötü bir uygulama gibi görünmesine rağmen, 80/20 kuralı, aşağıdaki ekran yakalamada gösterildiği gibi, en çok seçilen ülkeleri en üste koyarak kongrenin kırılmasına izin verir. itibaren Fenn Wright Manson’un ödeme sayfası:
Diğer durumlarda, adres defterinize yeni bir adres eklerken olduğu gibi Amazon.com , varsayılan seçim en çok seçilen ülke - bu durumda, Amerika Birleşik Devletleri:
İşte başka bir örnek, bu kez İngiltere merkezli bir işletme deniliyor North Rock Galerisi varsayılan olarak İngiltere seçeneğine sahip olan:
Yukarıdaki bu basit örnek, en sık kullanılan veya seçilen işlevler ve seçenekler için optimizasyonun önemini göstermektedir.
Kullanıcının görünümü nerede?
F-Pattern F-Desen web kullanıcılarının okuma ve tarama alışkanlıkları şimdiye kadar oldukça güzel bir hale gelmiştir. Elbette, F-Deseni her pazarda her zaman bir gösterge değildir, ancak kullanıcılarınızın tasarımlarınızla etkileşimde bulundukları yeri göz önünde bulundurmak için oldukça iyi bir başlangıç noktasıdır.
Yukarıda belirtilen iyi bilinen Alertbox makalesinden aşağıda gösterilen ısı haritalarına bakın:
Bunun, kullanıcının gözünün odaklandığı yer olduğuna dair iyi bir gösterge olduğunu varsayarsak, bu 80/20 kuralı kavramını destekler. Haritadaki en yoğun alanlar sayfanın% 20'sini kullanıcının gözlerinin% 80'i ile etkileştiğini gösterebilir.
Bu bilgiden, tasarımcı olarak, kullanıcının alışkanlık haline getireceği alanları geliştirmeye ve optimize etmeye yardımcı olacak kararlar alabiliriz.
Tabii ki, tasarım genellikle kullanıcının nerede göründüğünün belirleyici faktörü olacaktır, bu nedenle bu öneri sadece temel bir rehber olmalı ve% 20'nin altına düştüğüne karar vermenin dogmatik bir yolu olmamalıdır.
Mobil Tasarım Trendleri ve 80/20 Kuralı
Son zamanlarda dünya çapında mobil cihazların patlamasıyla, özellikle bazı tasarımcı ve geliştiricilerle Luke Wroblewski cesaret verici mobil ilk web tasarımı . Başka bir deyişle, bir web sitesi tasarlanırken ve geliştirilirken, mobil versiyonun, belirli yararlara ulaşmak için, bir başka yol yerine, ilk önce yapılması gerekir.
Geleneksel bir web sitesi veya web uygulamasında, sitenizin belirli alanları doğal olarak en sık kullanılan ve etkileşimde bulunan% 20'nin altına düşer. Bir mobil site tasarlandığında, odak% 20 (veya oraya) yerleştirilir.
Dolayısıyla, bir web sitesinin mobil sürümü, geleneksel bir web sitesinde bulunan tam içerikle ilgili olarak,% 20 en çok kullanılan seçeneklere sahip olsa da, mobil sürüm normalde yalnızca en önemli işlevlere sahip olacaktır.
İşte aşağıda kullanarak basit bir örnek PETCO.com Web sitesi:
Yukarıda gösterilen, tüm karmaşa görkemiyle sitenin tam versiyonudur. Bazı harekete geçirici alanlar olsa da ve dünyadaki en kötü tasarım kesinlikle değil, genel olarak çok odaklı değil ve çok fazla seçenek var.
Bunu aşağıdaki mobil sürümle karşılaştırın:
Tersine, yukarıda gösterilen mobil arayüz basittir ve kullanıcının bunlara ezilmeden önce en önemli alanlara ulaşmasına yardımcı olur. Tam sürümde en çok kullanılan seçenekler ve içerik alanları, mobil sürümde kullanılabilen tek seçeneklerdir.
Bu nedenle, iyi odaklanmış mobil web uygulamaları, enerjilerini projelerinin en önemli yönlerine yönlendiren, çoğu zaman kullanılan (% 80) işlevselliğe ve içeriğe (% 20) odaklanan tasarımcıların harika örnekleridir.
Dersler özetlendi
80/20 kuralının nasıl çalıştığını anlayarak, tasarımcılar aşağıda özetlenen çeşitli şekillerde harekete geçmek için donatılmıştır:
- Mümkün olduğunda, web sitenizin% 20 en çok kullanılan işlevlerini belirlemek için analiz ve kullanılabilirlik verilerini dikkatlice analiz edin.
- öncelik; Yani, web sitenizin veya web uygulamanızın en önemli yönlerine odaklanın ve bunları geliştirin
- Sıklıkla kullanılmayan% 80 oranında düşmeyen şeyleri optimize etmek için çok fazla zaman harcamayın
- % 20 en çok kullanılan işlevlerin altında kalanları belirleyen verilere dayalı tasarımlarınızı ve düzenlerinizi basitleştirin
- Sık kullanılmayan kritik olmayan işlevleri veya içeriği kaldırın
- Yatırımınızın geri dönüşü büyük olasılıkla zayıf olacağından, daha az kullanılan işlevselliği optimize etmek için çok fazla zaman ve para harcamayın.
- Tasarımın bu unsurları daha sık kullanıldıysa, dönüşümlerde daha büyük etkisi olabilecek daha az kullanılan daha kritik öğelerin işlevselliğini ve tasarımını geliştirmenin yollarını bulun.
80/20 kuralı, bazı içsel kusurları olan tartışmalı bir ilke olsa da, değeri yoktur. Dolayısıyla bu kuralı yeniden tasarlamanızın, tepkiyenlerin, hatta yeni projeler için düşünün.
Bu, kullanıcılarınızın en önemli işlevselliklere ve içeriğe odaklanmasına yardımcı olmalı ve sonuçta dönüşüm oranlarının iyileştirilmesine yardımcı olacaktır.
Bu yazı serbest yazar ve web geliştiricisi Louis Lazaris tarafından Webdesigner Deposu için özel olarak yazılmıştır. Louis koşuyor Etkileyici Webler Web tasarımında makaleler ve eğitimler yayınlar. Yapabilirsin Twitter'daki Louis izleyin veya web sitesi aracılığıyla onunla temasa geçin.
Tasarım kararlarınızda 80/20 kuralını düşündünüz mü? Web sitenizin veya web uygulamanızın başarısında ne gibi bir etkisi oldu? Yorumlarınızı aşağıda paylaşın.