Navigasyon menülerini tasarlamak için doğru ve yanlış yollar vardır. Bir web sitesinin bu temel kısmı genellikle tasarım sürecinde göz ardı edilir ve kullanılabilirlik açısından gösterilir.

Kalabalık, aşırı kalabalık veya eksik navigasyon en sık karşılaşılan sorunlardır ve web sitenizi basitçe berbat hale getirebilirler. O adam (ya da kız) olmayın. Web sitenizdeki projelerinizde modern gezinme düzenlerini kullandığınızdan emin olmak için bu ipuçlarını kullanın. (Ve oldukça kullanışlıdır.)

1. Mega Menüleri Hendek

Mega menüler, müşterilerin sevdiği bir tasarım fadiydi - tasarımcılar nefret ettiğinde bile. “Mutfak lavabosu dışındaki her şeyi” içeren büyük boyutlu menü stili, kullanıcılara karşı büyük bir etki yaratıyor ve gerçek bir değer sunmuyor.

Sadece bir avuç büyük perakendeci mega menüler kullanarak gerçekten uzaklaşabilir ve amaç, envanterin ölçeğini göstermektir. Aşırı yüklenen navigasyon elemanının kullanışlılığı sorgulanabilir.

Genellikle, bir mega menü seçeneği seçildi çünkü navigasyona ne koymak istediğinizi daraltmak çok zor. Zor seçimleri yapın. Kullanıcıların neleri aradığını görmek için analizlerde bulunun. Dürüst olmak gerekirse, çok özel bir şey isteyen çoğu kullanıcı, yine de arama kullanarak onu bulacaktır.

metajive

2. Arama Tanıtımı Yapın

Ve aramadan bahsetme: Onu öne çıkar. Arama her sayfada olmalıdır. Ana navigasyonda olmalı. Ve büyük ve erişmesi kolay olmalı.

Mükemmel arama işlevi, kullanıcıları bir web sitesinde tutacak bağlantıdır. Aradıkları şey kolayca bulunamıyorsa, bir sonraki seçenek bunun için arama yapacaktır. (Bu arama-ilk düşünce süreci için Google'a teşekkür edebilirsiniz.)

Savaşmaya çalışma. Kullanıcılarla çalışın ve aramayı ana navigasyonun parçası olarak ekleyin. (Ve kutunun, genel ifadeleri yazacak ve tam olarak görecek kadar büyük olduğundan emin olun.)

eleman

3. Navigasyon Seçenekleri Sayısını Sınırlayın

Kullanıcıların bir sonraki içeriğe erişmek isteyeceklerini tahmin etmek sizin göreviniz. Web sitesi tasarımında gezinme seçeneklerini en popüler sayfalara ve bilgilere sınırlayın.

Hemen hemen her navigasyon menüsü, bir arama veya bir iletişim sayfası içermeli ve e-ticaret siteleri her zaman bir araba veya şimdi satın al düğmesini içermelidir. Bu gezinme öğeleri site içeriğine göre yönlendirilmelidir.

livso

4. Akıllı Navigasyon Menülerinin Geliştirilmesi

İyi gezinme, kullanıcıların bir bit içerikten bir sonraki mantıksal noktaya geçmesine yardımcı olur. Bu içerik genellikle web sitesinin farklı bölümlerinde farklıdır.

Kullanıcıların, tasarım çevresinde kendi yollarındaki bir sonraki mantıksal adım olan içeriğe kolayca erişebilmeleri için çoklu gezinme yapılandırmaları oluşturun. Bazı öğeler üst üste gelse de, diğerleri kullanıcılara yardımcı olur ve onlara tasarımın daha derinlerine taşınmasına yardımcı olur.

Kullanıcıların belirli düzeyde kişiselleştirmeler beklediği bir çağdayız. Amazon, kullanıcılara adlarıyla bile çağrı yapan gezinme öğeleriyle harika bir iş çıkarır. [Adınız Burada] 'nın Amazon.com adresini görmek için giriş yaptığınızda navigasyona yakından bakın. İkincil gezinme, kullanıcının Gülümseme kullanıcıları için yıllık bağışları, son sipariş geçmişi ve hatta diğer Amazon hizmetlerine verilen krediler gibi bilgileri içerir. (Bundan sonra her şey de oldukça kişiselleştirilmiştir.)

Amazon

5. Nav elemanlarını bilerek sipariş edin

Gezinme öğelerinin sırası, bunları kullanma kararı kadar önemlidir. Gezinme öğesinin başında ve sonunda bulunan öğeler en etkili, en çok görülen ve en çok tıklanan öğeler olacaktır. Bu pozisyonları dikkatlice kullanın.

Bunu destekleyecek bir bilim bile var. serial position effect seri konum etkisi Bir kişinin bir listesindeki ilk ve son öğeleri en tutarlı olarak hatırlama eğilimi. Ayrıca, kullanıcılar en son öğeleri en iyi (hatırlama etkisi) olarak hatırlama eğilimindedir ve listedeki ilk birkaç öğe, ortadaki öğelerden (ilkel etki) daha iyi hatırlanır.

Tam olarak hangi sayfaların ve öğelerin ön ve orta olması gerektiğini belirlemek için web sitesi analizlerinizde kullanıcı akış düzenlerine bakın. Kullanıcıların ana sayfadan ve kullanıcıların bağlantı kurmasını istediğiniz içerikten gideceği sayfaları ekleyin. Kullanıcı akışını yönlendirmeyen gezinme öğelerini ortadan kaldırın.

viski

6. Uzun Kaydırma Sayfaları için Yapışkan Gezinme kullanın

Kullanıcıların gezinme kaydını kaybetmesine izin verme. Ekranın üstüne, altına veya yanına yapışmış olsun, uzun kaydırma formatlı herhangi bir sayfa yapışkan menü içermelidir. Bunun arkasındaki sebep basit: Kullanıcıların web sitenizle etkileşimde kalması için çalışma yapmayın.

İçeriği dolaşmak ve içeriği deneyimlemek o kadar kolaysa, kullanıcıların bunu yapmaları daha olasıdır. Bir kullanıcının web sitenizde tasarımınızla daha fazla zaman geçirmesi, istenen kullanıcı eylemine dönüşme olasılıkları artar.

isimler

7. Gezinmeyi Gizleme

Minik menü öğeleri, ekranın alt kısmına veya sadece altbilgiye yerleştirilen bağlantılar ve garip simgelerin arkasına gizlenmiş gezinme ve iç sayfalarda gezinme olmaması yalnızca kullanıcıların tıklamasını engeller. Web sitesi navigasyonunu gizlemeyin. Ön ve merkez olmalı. Her sayfada olmalı.

Kullanıcılar web sitenize birçok şekilde ulaşabilir. Geldiklerinde onları bekleyen bir seyir öğesi bulunduğundan emin olun.

demlemek-turlar

8. Tanımlayıcı Etiketleri Kullan

Gezinme sözcüklerinden simgelere, her öğe kullanıcılara bir tıklamayla ne olacağını tam olarak anlatmalıdır. Bir alışveriş kartı gibi genel olarak kabul edilen simgeleri, arama için göz atmak veya büyütmek veya pop-out menü stilleri için bir hamburger simgesi kullanmak.

Ardından, bir adım ileriye götürün ve kullanıcıya tam olarak hangi bilgilerin içerildiğini anlatan metin etiketlerini kullanın. İçeriği daha iyi açıklayan bir kelime varsa, hizmetler veya teklifler gibi çok genel etiketlerden kaçınmaya çalışın.

ilebilir

9. Tam Sayfa Nav'u düşünün

Bazen tasarım navigasyon. Kullanıcılar için hayati önem taşıyan birkaç anahtar öğe varsa, bunları tam ekran gezinme ile gösterin.

Bu her proje için uygun olmayacak olsa da, daha küçük web siteleri, portföyler veya proje çalışmaları için etkili olabilir.

arya

10. Dikey git

Dikey navigasyon şu anda moda ve iyi bir sebepten dolayı. Gözlerini görmek ve çizmek kolaydır, çünkü biraz farklıdır.

Side, dikey yönelimli gezinme, gezinti öğelerinin sayısı için biraz daha fazla alana ihtiyaç duyan web siteleri için iyi bir seçenektir. Daha derin bir menü ile, tasarım, dağınık hissetmeden ve elemanlar arasında yeterli alan sağlayarak daha fazla nav elemanını barındırabilir.

boyunduruk