web-gelistirme-sc.com

Bir web sitesinde alt menülerle yatay gezinme ve alt menülerle dikey yan gezinme kombinasyonunu kullanma

Gezinmenin, bir düzey açılan menü içeren bir birincil yatay gezinme menüsü ve sol menüde birincil menüden alt menüyü ve ağaç biçimindeki ek bir öğe düzeyini tekrarlayan ikincil gezinme içeren bir web sitesi yeniden tasarımına katıldım.

Üst gezinme:
Kitap
Kurgu
Bilim
Web Tasarımı

Yan Gezinme:
Roman
Edebi
Tarihi
Alacakaranlık
Bilim
vb
vb

Yan gezinme alt düzeyi (örnekteki Edebi gibi) gerçekten uzayabilir (10 veya daha fazla bağlantı) ve içeriğin sonunun çok altına uzayabilir. Yan gezinti, her öğe için bir akordeon paneli gibi davranır.

Herhangi bir UX çalışması veya bu tür bir sistemin kullanıcı etkileşimini etkileyen, olumlu veya olumsuz anekdot tartışmaları bilen var mı? Bu tür navigasyondan uzaklaşmak için bazı nedenler sunmak istiyorum - sadece dahili testlere ve farklı monitörlere vb. Dayalı olarak, herhangi bir gerçek fayda olmadan navigasyona çok fazla gayrimenkul kaybediyoruz (A/B testi, vb.). Bana öyle geliyor ki mega menüler ya da iki seviyeli açılanlar bu günlerde daha norm.

11
sscott

Kingsbury JR & Andre AD (2004, Üç Seviyeli Web Menülerinin Karşılaştırılması: Gezinme Yapıları 48. HFES Yıllık Toplantısı Bildirileri, p1513-1517; özetlenmiş ) sizinki gibi hiyerarşik menüler hakkında bazı araştırmalar yaptı kullanıcıların sol kenar çubuğu menüsünden önce , daha sonra üst menü yerine seçim yaparken genellikle daha iyi performans gösterdiklerini gösterir.

Ancak, ikinci düzey menünüzün en üstte olmak için çok uzun olabileceği anlaşılıyor. Her şeye sığdırmak için üst kısımda üçüncü seviye menüsünü oluşturmak için ikinci seviye menünüzdeki alt seviye öğelerini kırabilirsiniz. Bu Kingsbury ve Andre için iyi performans gösterdi, ancak sadece 3 seviyeli menü hiyerarşilerini test ettiler ve genel olarak 10 gruplanmış öğeden oluşan tek seviyeli bir menü iki hiyerarşik kısa menüyü geride bırakacak. (örneğin, bkz. Snowberry K, Parkinson SR ve Sisson N (1983), Bilgisayar Ekran Menüleri, Ergonomi, 26 (7), s699-712).

Kingsbury ve Andre'nin çeşitli önlemlerde soldan sonra üste yakın performansa sahip olduğu kenar çubuğu menüsüne her şeyi koymayı düşünürdüm. Bununla birlikte, bu performans, iki kenar çubuğu menüsüne (her seviye için bir tane) sahip olmanıza dayanır ve bu da durumunuzda çok fazla yatay alan gerektirebilir. Tüm seviyeleri aynı kenarda tutmak için genişleticileri kullanabilirsiniz, ancak bunun kullanıcı performansı için ne yapacağını bilmiyorum

Anekdottan araştırmadan daha fazla konuşmak gerekirse, kenar çubuğunun üst menüden açılan menüyü tekrarladığı konusunda biraz endişeliyim. Sizin gibi, bu artıklığın faydasının ne olduğunu net değilim - Kullanıcılara veya koşullara bağlı olarak bir yöntemin diğerine nasıl daha üstün olacağını görmüyorum (örneğin, dünya yan çubuğa bölünmüş gibi değil) -navigasyon kullanıcıları ve açılan navigasyon kullanıcıları). Bu arada aşağıdaki potansiyel sorunlara sahiptir:

  • Kullanıcılar bağlantıların gerçekten aynı olup olmadığını merak edebilir ve her ikisine de tıklayabilirler. Bu özellikle ziyaret edilen ziyaret edilmemiş bağlantılardan ayırt etmek için tanınabilir bir renk kodu kullanmıyorsanız (kimsenin artık yapmadığı) geçerlidir.

  • Kullanıcılar bağlantıların aynı olduğunu fark etseler bile, kullanıcı hangi navigasyon yöntemini kullanacağına karar vermek zorundadır. Bu düşünce biraz onları yavaşlatır. Kazanç net daha hızlı bir yanıtla sonuçlandığında bu düşünceyi zorlamak iyidir, ancak burada olduğunu sanmıyorum.

Genellikle kullanıcılara bir seçim yapmak yerine bir şey yapmanın en iyi yolunu vermek tercih edilir. Bazı kullanıcıların kenar çubuğunun üst menü tarafından belirlenmediğinden endişe ediyorsanız (veya tersi), o zaman grafik tasarımıyla mevcut birincil menü seçimini ikincil menüye görsel olarak bağlayarak bunu çözün.

Sahip olduğunuz nispeten karmaşık bir menü için, bu açılan menüler sorunlu olabilir, bu da yalnızca kenar çubuğuyla gitmenizi önerir. Ancak, gayrimenkul endişeleriniz göz önüne alındığında, mega açılanlar gerçekten de yol olabilir , sıradan açılanların kısıtlamalarının çoğunu ele aldıkları takdirde.

6
Michael Zuschlag