Uzun zamandır yatay gezinme menülerini mi yoksa dikey menülerini mi kullanacağınızı merak ettim. Daha önce her ikisini de çeşitli web sitelerinde kullandım ve her birinin artıları ve eksileri olduğunu görebiliyorum.
Bu konuda somut veriler var mı? Erişilebilirlik ve kullanılabilirlik endişeleriyle ilgileniyorum.
Yanıtlar:
Alan sorunları ve tarama kolaylığı dışında, dikkate almanız gereken birkaç faktör daha vardır:
Yatay olarak düzenlenmiş menüler (yatay olarak düzenlenmiş dillerin), bir öğeden diğerine geçmek için daha fazla fare hareketi anlamına gelir.
Bununla birlikte, yatay bir menüdeki bir üst düzey menü öğesinden karşılık gelen açılır menüye gitmek, dikey bir menü öğesinden karşılık gelen açılır menüye gitmektan daha kolay olacaktır. Çapraz sorun açılır pencerelere kıyasla açılır pencerelerde büyük ölçüde büyür, çünkü paylaşılan kenar çok daha küçüktür.
Ve sonra hedefleme hızı sorunu var. Dikey olarak düzenlenmiş menüler, yatay menülerden daha "derinliğe" sahiptir. Bu, kullanıcının fareyi menüye doğru daha yüksek bir hızda hareket ettirebileceği anlamına gelir, çünkü aşması durumunda daha büyük bir arabelleğe sahiptir. Tabii ki, yatay menünüz belgenin üst veya alt kenarı boyunca yerleştirilmişse (yani sonsuz derinlik), bu bir tartışma noktasıdır.
Sonunda, bu bir yıkama olduğunu düşünüyorum. Tasarımınıza en uygun olanla gidin ve oradan kullanılabilirliği optimize edin. Sayfanın geri kalanı için altında büyük bir boş sütun oluşturmak anlamına gelirse dikey bir menü kullanmak istemezsiniz. Ayrıca, düzeninizin 2000 piksel genişliğinde olması gerektiği anlamına gelirse yatay bir menü kullanmak istemezsiniz.
Ben bir geliştirici / programcı / kodlama adamıyım.
Bu, bu tür soruları cevaplamadan önce her zaman tasarım hakkında bazı bilgiler için gidiyorum demektir. Jakob Nielsen'in makalelerini seviyorum, çünkü göndermeden önce araştırıyorlar.
Bence bu bağlantılar yardımcı olabilir.
Şimdi benim görüşüm. Özellikle mega açılır menüler kullanmayı düşünüyorsanız, ana menüler için yatay menüleri kullanmak ilk seçenektir.
Ayrıca, kullanıcıların kendilerini hızlı bir şekilde bulmalarına yardımcı olmak için yardımcı gezinme olarak yatay kırıntıların kullanılması.
Dikey gezinme menülerini severim, ancak kullanıcıları kör kılan şey reklam benzeri olma eğilimindedir, bu nedenle ilk şey, dikey menülerinizin bir banner veya google reklamları gibi OLMADIĞINDAN emin olun.
İkinci olarak, "bağlam" gezinme, ilgili içeriği görüntüleme veya alt bölümler için dikey menüler kullanmayı tercih ederim.
Bir veya daha fazla kelimeden oluşan menü öğeleriniz varsa, kaydırma yapılmadan önce yatay bir menüye kaç öğenin sığacağına dair fiziksel bir sınır vardır. Bu nedenle, ana / üst düzey öğeler için yatay menüyü tercih etme eğilimindeyim.
Erişilebilirlik konusunda (görsel olarak iyi olduğu varsayılarak), aynı şekilde işaretlenebildikleri için çok fazla bir fark olmayabilir. Örneğin, sıralanmamış bir bağlantı listesi.
Ben blillerin cevabının tam tersini yapacağım ...
Soldan sağa okumamıza rağmen yukarıdan aşağıya tarama eğilimindeyiz. Menü öğeleri dikey olarak düzenlenmişse, öğeleri üst üste geldiklerinde hızlı bir şekilde karşılaştırmak daha kolaydır.
Sadece bir avuç bağlantınız varsa, yatay olur. İsimleri kısa ama net tutun ve 6-7'den fazla olmamalıdır. Tabii ki, diğer seçenek bir kombinasyon - yatay olarak bu kategorideki her şeyin fareyle üzerine gelindiğinde açılan birkaç 'başlık'.
Cevap muhtemelen her ikisini de kullanmanın zamanları olduğu, ancak göz izleme çalışmalarının gösterdiği gibi, göz sayfayı F şeklinde bir desende tarar , bu nedenle navigasyonunuzu sol üstte veya solda tutmak en iyisidir. üst.
Her ikisi de, navigasyon bağlantıları (ev, hakkımızda, iletişim vb.) İçin yatay bir menü ve kategoriler, makaleler ve benzerleri için sol bir menü gibi birlikte kullanılabilir.
Açılır menülerle ilgili göz önünde bulundurulması gereken bir başka nokta da SEO sonuçları olabileceğidir. Search Engine Land'deki Danny Sullivan, açılır menülerin her sayfaya birçok bağlantı kurarak bağlantı yetkisini sulandırabileceğini ve bir hiyerarşik menünün bağlantı suyunu daha iyi geçebileceğini önermektedir. Ayrıca, gezinme öğelerini neden aradıklarını özleyebilecekleri bir açılır menüde kullanıcılarınızdan gizleyin.
IMHO, ana bölümü yatay menüler olarak sınıflandırmaya meyilliyim.
Örneğin:
------------------------------------------------------------------------------
Home News Product
------------------------------------------------------------------------------
| About Us | | |
| Mission | | Here is describing content |
| Contact Us | | |
Ev, Haber ve Ürün ana kategoriler olarak hareket ettikleri için onları yatay düzende tuttum. .
Oldukça basit, söyle bana, okunması daha kolay: ABCDEFGHIJKLMNOP...Zveya
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
.
.
.
Z
Okurken gözünüzün nasıl hareket ettiğini düşünün. İlk örnekle - - - vb. İkinci örnekle ZZZ vb. yani gözünüz Z şeklinde hareket eder. Z modeli ile gözünüz bir sonraki bilgi noktası hakkında ilkinden daha fazla düşünmelidir. Bir bilgi parçası son bilgiye ne kadar yakınsa o kadar kolay kullanılır. Daha kompakt bilgi daha iyidir, her zaman alan ekleyebilirsiniz, ancak bazı bilgiler şimdiye kadar sadece kompakt olacaktır. Örneğin, bunun gibi daha fazla alan ekleyebilirim, ancak örnek 2'nin en uzun sonunu ölçmeniz hala daha kısadır: ABCDEFGHIJKLMNOPQRSTU VWXYZ
Eminim birisi araştırma ya da bir şey yayınlayacaktır, hatta yanlış olduğumu bile söyleyebilir, ama gerçek şu ki, mantığım anladığım kadar basit, bana mantıklı ve bana söylemek için süslü bir rapora ihtiyacım yok doğru ya da yanlış olduğunu düşünüyorum ... çünkü fantezi raporun mantıklı olmadığını ve sadece verilen testin yapısına dayanan bir veri örneği olduğunu tahmin ediyorum ...
Yani ne düşünüyorsun?