Aşırı özgünlük ve pratiklik için dikey menü
=. Web tasarımının önemli bir parçası olan menünün, ziyaretçileri web sitesi içeriğinde yönlendirmede temel bir rolü vardır. Bildiğiniz gibi, bir menü yatay veya dikey olarak görüntüleyebilirsiniz. Bu son durumda, dikey menü akıllıca bir seçim olmalıdır. Aslında, klasik bir yatay menüden daha akıllı bir seçim. Ancak bu bileşen hangi durumda web tasarımında en iyi seçimdir? Birkaç ayrıntıyı seks yapalım … İlk ilk şey: Dikey menü nedir? Bu, web sitesinde gezinmeden sorumludur ve yatay çizgiyi takip etmek yerine dikey olarak görüntülenir. Daha nadiren bu öğeyi kullanır, ancak bazı durumlarda bu en iyi seçim olabilir. Bu, takip edilmesi kolay ve amaca iyi hizmet eden bir ardıllıkta diğerinin altındaki bir öğenin listesidir. Rolü, ziyaretçilere tüm web sitesi içeriğinde rehberlik etmektir.
Örnek Neden yatay bir menü değil, dikey bir menü seçmelisiniz? Bazı nedenlerden dolayı, bazı web tasarımcıları web sitelerindeki içerik sunumlarını en çok açıklayan menüyü kullanmayı tercih ediyor:
Seçmenin nedenlerinden biri özgünlük amacıyla yatmaktadır: yatay bir menü kullanmak için yaygın bir uygulamadır, ancak olağan yolun dışında dikey bir menü seçin. Bu, insanların dikkatini navigasyona çekme etkisine sahiptir ve web sitesi içeriğini görselleştirmede izleyebilecekleri yönden daha fazla haberdar olur.
Bu bileşenleri uygulamanın bir başka nedeni de pratiklikten kaynaklanmaktadır (UX nedenleri): Kamuoyunun yatay bir menüye sahip olmak daha iyidir, çünkü sayfanın altında kesilmez. Ve evet, yalnızca masaüstü kullanıcılarını düşünürsek bu geçerlidir. Bununla birlikte, hücresel öncelik veren dünyada, dikey menü daha kabul edilir (İnternet kullanımının neredeyse% 80’inin 2018’de hücresel kullanması beklenmektedir). Hücresel olarak, ziyaretçiler aşağı olmadan kaymaya alışkındır ve hala içeriği bulundukları sürece. Web sitesinin özgüllüğü izin veriyorsa, dikey öğeleri seçebilirsiniz. Bu, oldukça düşük içerik hacmine (yaratıcı ajans, portföy web sitesi, restoran, vb.) Sahip bir web siteniz olduğu anlamına gelir. ürünleri kategorize etmek ve filtrelemek için basit bir yol).
Son olarak, ancak daha az önemli olmayan, dikey menü eylemi yatay menüden daha iyi bir şekilde teşvik eder. Bu nasıl mümkün olabilir? Böyle bir menü, tıklanacak ve daha fazla araştırılacak kullanıcı tarafından seçilen öğelere odaklanır. Bu nedenle, bu, içeriğin keşfini daha verimli bir şekilde davet eder ve kullanıcıları klasik menüden daha iyi içerir.
Dikey menü için en iyi uygulama Web siteniz tasarımınız yukarıdaki kriterleri karşılıyorsa ve yatay menü yerine dikey menüyü kullanmaya karar verilmişse, Dikey Menü için her zaman en iyi uygulamayı takip etmeyi unutmayın: Dikey menüyü ekleyin. ekranın sol tarafı. Menü ekranın sağ tarafında olması çok sıra dışı ve garip. Bu, kullanıcı deneyimi kurallarına aykırıdır ve sezgiseldir. Bu nedenle, dikey menü navigasyon için seçtiğiniz şeyse, web sitesi sayfasının sol tarafında, dikey bir menü için yer sipariş etmeyi unutmayın. Bu örnek kısa bilgi için ayarlanmalıdır. Her durumda, öğeler uzun ve çok açıklayıcı olmalıdır. Bunun yerine, özlü ve işaret ettikleri kısımla alakalı olmalıdırlar.
Genel düzeni basit ve özlü tutarsanız dikey menü uygundur. Daha karmaşık bir yapı için önerilmez, çünkü web sitesi kullanıcıları için navigasyonla ilgili çok fazla karar anlamına gelir. Navigasyonunuzdaki seviye sayısını sınırlayın. Bu şekilde, web sitesinin sayfasında/bir kısmındaki gezinme çok kafa karıştırıcı, daha net ve daha organize olmayacaktır. Dikey menü özel olarak basit bir web sitesi için tasarlanmışsa, menüdeki öğenin de sadeliği yansıtması gerekir. Konulara dayalı değil, eyleme dayalı grup parçaları. Dikey menünün daha iyi eylemi teşvik etme eğiliminde olduğunu unutmayın, bu nedenle kullanıcıların web sitesi içeriğini keşfetmede daha da ileriye gitme olasılığı daha yüksektir. Şimdi, yeni bir web sitesinde dikey bir menü girmek için artıları ve eksileri düşünmeniz ve bu bileşenin her web sitesi için uygun olup olmadığına karar vermeniz gerekir. Aşağıdaki satırlarda, size dikey menülerin avantaj ve dezavantajlarının bir listesini veriyoruz, böylece bunun neden doğru olduğunu veya bir web sitesi için dikey bir menü düşünmediğini biliyorsunuz. Dikey menü genel okuma modellerinin avantajı f-patlamalarıdır. Kullanıcılar içeriği web sayfasında tarar. F. harfinde listelenen talimatları izleyin. Dikey menü bu F-Pattern’in bir parçasıdır. Dikey menü, tarama sayfalarındaki kullanıcıların doğal yolunu izlediğinden, bu menü insanlar web sitesi içeriğinde oryantasyona ihtiyaç duyduğunda sezgisel ve kullanışlıdır. Bu nedenle, kullanıcı tarafından herhangi bir bilişsel süreç veya web sitesinin işlevinde navigasyonun nasıl navigasyonunu anlamak için ekstra çaba gerektirmez. Dikey menü, rulolarla “birlikte çalışır”. Rulolar web tasarımında yaygındır, bu nedenle dikey menü bileşenleri kullanıcı taramasının doğal akışını takip eder ve içeriklerini keşfetme sürecine iyi entegre edilir. Ayrıca, dikey menü kullanıcının navigasyondaki en önemli öğeye karar vermesini sağlar. Söylediğimiz gibi, dikey menü bileşeni eylemi teşvik eder (yatay menüden daha iyi) ve sayfa içeriğine sahip kullanıcıları daha verimli bir şekilde içerir. Dikey menü eksikliği Dikey menünün en belirgin zayıflıklarından biri tercih alışkanlığıdır. Kullanıcılar yatay menülerde gezinmeye alışkındır, bu yüzden alışkanlıklarını değiştirmek ve dikey menü öğelerinin bir listesini kullanmak için garip hissedebilirler.
Ayrıca, okunabilirlik ve yazı tipi boyutu arasında bir uzlaşma yapmak kaçınılmazdır. Yazı tipi boyutunu ayarlamanız gerekir, böylece menü kullanıcılar için oldukça görünürdür ve web sitesi sayfalarının her yerinde gezinmede iyi hizmet vermektedir. Bazı insanlar yatay navigasyonu daha kolay bulabilir, çünkü öğeleri daha hızlı ve kolaylaştırır. Kullanıcı ilgisi konusu bu bağlamda daha sınırlıdır. Dikey Menü Nasıl Oluşturulur Burada size yeni web siteniz için kolayca bir dikey menü oluşturma konusunda bazı yönergeler vereceğiz. ColibriWP kullanıyorsanız ve yeni bir proje oluşturduysanız (yeni web sitenize göre), aşağıdaki adımları izlemeniz gerekir: Adım 1: Menüyü Konumlandırdığınızda Dikey menü eklemek istediğiniz yeri seçin. Dikey bir menü ekleyeceğiniz özel bir sütuna sahip bir satır olan bu bileşen için alanınız olup olmadığını kontrol edin. Bu denetimi doğrudan düzenleyiciye doğrudan yapabilirsiniz. Adım 2: Özelleştirici sol menüsünden sağlanan bileşenler listesinden sayfanızdaki dikey menüyü nasıl girersiniz, Dikey menüyü arayın/seçin. Ardından, dikey menü bileşenlerini satıra, onun için yaptığınız sağ sütuna yerleştirmek için sürükle ve bırakın:
Örnek Neden yatay bir menü değil, dikey bir menü seçmelisiniz? Bazı nedenlerden dolayı, bazı web tasarımcıları web sitelerindeki içerik sunumlarını en çok açıklayan menüyü kullanmayı tercih ediyor:
Seçmenin nedenlerinden biri özgünlük amacıyla yatmaktadır: yatay bir menü kullanmak için yaygın bir uygulamadır, ancak olağan yolun dışında dikey bir menü seçin. Bu, insanların dikkatini navigasyona çekme etkisine sahiptir ve web sitesi içeriğini görselleştirmede izleyebilecekleri yönden daha fazla haberdar olur.
Bu bileşenleri uygulamanın bir başka nedeni de pratiklikten kaynaklanmaktadır (UX nedenleri): Kamuoyunun yatay bir menüye sahip olmak daha iyidir, çünkü sayfanın altında kesilmez. Ve evet, yalnızca masaüstü kullanıcılarını düşünürsek bu geçerlidir. Bununla birlikte, hücresel öncelik veren dünyada, dikey menü daha kabul edilir (İnternet kullanımının neredeyse% 80’inin 2018’de hücresel kullanması beklenmektedir). Hücresel olarak, ziyaretçiler aşağı olmadan kaymaya alışkındır ve hala içeriği bulundukları sürece. Web sitesinin özgüllüğü izin veriyorsa, dikey öğeleri seçebilirsiniz. Bu, oldukça düşük içerik hacmine (yaratıcı ajans, portföy web sitesi, restoran, vb.) Sahip bir web siteniz olduğu anlamına gelir. ürünleri kategorize etmek ve filtrelemek için basit bir yol).
Son olarak, ancak daha az önemli olmayan, dikey menü eylemi yatay menüden daha iyi bir şekilde teşvik eder. Bu nasıl mümkün olabilir? Böyle bir menü, tıklanacak ve daha fazla araştırılacak kullanıcı tarafından seçilen öğelere odaklanır. Bu nedenle, bu, içeriğin keşfini daha verimli bir şekilde davet eder ve kullanıcıları klasik menüden daha iyi içerir.
Dikey menü için en iyi uygulama Web siteniz tasarımınız yukarıdaki kriterleri karşılıyorsa ve yatay menü yerine dikey menüyü kullanmaya karar verilmişse, Dikey Menü için her zaman en iyi uygulamayı takip etmeyi unutmayın: Dikey menüyü ekleyin. ekranın sol tarafı. Menü ekranın sağ tarafında olması çok sıra dışı ve garip. Bu, kullanıcı deneyimi kurallarına aykırıdır ve sezgiseldir. Bu nedenle, dikey menü navigasyon için seçtiğiniz şeyse, web sitesi sayfasının sol tarafında, dikey bir menü için yer sipariş etmeyi unutmayın. Bu örnek kısa bilgi için ayarlanmalıdır. Her durumda, öğeler uzun ve çok açıklayıcı olmalıdır. Bunun yerine, özlü ve işaret ettikleri kısımla alakalı olmalıdırlar.
Genel düzeni basit ve özlü tutarsanız dikey menü uygundur. Daha karmaşık bir yapı için önerilmez, çünkü web sitesi kullanıcıları için navigasyonla ilgili çok fazla karar anlamına gelir. Navigasyonunuzdaki seviye sayısını sınırlayın. Bu şekilde, web sitesinin sayfasında/bir kısmındaki gezinme çok kafa karıştırıcı, daha net ve daha organize olmayacaktır. Dikey menü özel olarak basit bir web sitesi için tasarlanmışsa, menüdeki öğenin de sadeliği yansıtması gerekir. Konulara dayalı değil, eyleme dayalı grup parçaları. Dikey menünün daha iyi eylemi teşvik etme eğiliminde olduğunu unutmayın, bu nedenle kullanıcıların web sitesi içeriğini keşfetmede daha da ileriye gitme olasılığı daha yüksektir. Şimdi, yeni bir web sitesinde dikey bir menü girmek için artıları ve eksileri düşünmeniz ve bu bileşenin her web sitesi için uygun olup olmadığına karar vermeniz gerekir. Aşağıdaki satırlarda, size dikey menülerin avantaj ve dezavantajlarının bir listesini veriyoruz, böylece bunun neden doğru olduğunu veya bir web sitesi için dikey bir menü düşünmediğini biliyorsunuz. Dikey menü genel okuma modellerinin avantajı f-patlamalarıdır. Kullanıcılar içeriği web sayfasında tarar. F. harfinde listelenen talimatları izleyin. Dikey menü bu F-Pattern’in bir parçasıdır. Dikey menü, tarama sayfalarındaki kullanıcıların doğal yolunu izlediğinden, bu menü insanlar web sitesi içeriğinde oryantasyona ihtiyaç duyduğunda sezgisel ve kullanışlıdır. Bu nedenle, kullanıcı tarafından herhangi bir bilişsel süreç veya web sitesinin işlevinde navigasyonun nasıl navigasyonunu anlamak için ekstra çaba gerektirmez. Dikey menü, rulolarla “birlikte çalışır”. Rulolar web tasarımında yaygındır, bu nedenle dikey menü bileşenleri kullanıcı taramasının doğal akışını takip eder ve içeriklerini keşfetme sürecine iyi entegre edilir. Ayrıca, dikey menü kullanıcının navigasyondaki en önemli öğeye karar vermesini sağlar. Söylediğimiz gibi, dikey menü bileşeni eylemi teşvik eder (yatay menüden daha iyi) ve sayfa içeriğine sahip kullanıcıları daha verimli bir şekilde içerir. Dikey menü eksikliği Dikey menünün en belirgin zayıflıklarından biri tercih alışkanlığıdır. Kullanıcılar yatay menülerde gezinmeye alışkındır, bu yüzden alışkanlıklarını değiştirmek ve dikey menü öğelerinin bir listesini kullanmak için garip hissedebilirler.
Ayrıca, okunabilirlik ve yazı tipi boyutu arasında bir uzlaşma yapmak kaçınılmazdır. Yazı tipi boyutunu ayarlamanız gerekir, böylece menü kullanıcılar için oldukça görünürdür ve web sitesi sayfalarının her yerinde gezinmede iyi hizmet vermektedir. Bazı insanlar yatay navigasyonu daha kolay bulabilir, çünkü öğeleri daha hızlı ve kolaylaştırır. Kullanıcı ilgisi konusu bu bağlamda daha sınırlıdır. Dikey Menü Nasıl Oluşturulur Burada size yeni web siteniz için kolayca bir dikey menü oluşturma konusunda bazı yönergeler vereceğiz. ColibriWP kullanıyorsanız ve yeni bir proje oluşturduysanız (yeni web sitenize göre), aşağıdaki adımları izlemeniz gerekir: Adım 1: Menüyü Konumlandırdığınızda Dikey menü eklemek istediğiniz yeri seçin. Dikey bir menü ekleyeceğiniz özel bir sütuna sahip bir satır olan bu bileşen için alanınız olup olmadığını kontrol edin. Bu denetimi doğrudan düzenleyiciye doğrudan yapabilirsiniz. Adım 2: Özelleştirici sol menüsünden sağlanan bileşenler listesinden sayfanızdaki dikey menüyü nasıl girersiniz, Dikey menüyü arayın/seçin. Ardından, dikey menü bileşenlerini satıra, onun için yaptığınız sağ sütuna yerleştirmek için sürükle ve bırakın:
Adım 3: Menüyü belirleyin
Bu adımda, menü adını verecek ve hangi öğelerin içerileceğine karar vereceksiniz. Ayrıca menü yapısını da kırarsınız (yalnızca ana seviyeniz varsa veya ikincil bir navigasyon seviyeniz varsa). Dikey menü içeriğinde değişiklik yapabilirsiniz. Sol menü ayarında genel ayarların altında menüyü tıklayın.
Adım 4: Özelleştirici üzerindeki menü tıklayın menüyü ayarlayın, bu bileşen için ayar seçeneğiyle paneli açacaksınız.Onlar size arka plan rengini, metin rengini, tipografiyi, bölücü yönlerini (menünün ikincil seviyesi varsa) ayarlama imkanı verecektir. Dikey menü ayarlarını ayarlamak için en iyi uygulamayı takip etmelisiniz.Görsel tasarım açısından, menü ve alt menü öğeleri için farklı ayarlamalar, sitedeki içerik hiyerarşisini vurgular.
İşte burada.Doğru olduğunu düşünüyorsanız, web siteniz için dikey bir menü oluşturmaya hazırsınız.Bu bilgileri yararlı bulacağınızı ve istediğiniz gibi dikey bir menü yapacağınızı umuyoruz.Bu, tasarım yönergelerinize ve web siteniz için en etkili şekilde olacaktır.
