On Ortak Web Sitesi için Gezinme Kalıpları
Navigasyon herhangi bir web sitesinin en önemli yönlerinden biridir. İyi bir navigasyon olmadan, bir site ziyaretçilere işe yaramaz hale gelir. İhtiyaç duydukları bilgiyi bulamıyorlar ve bunun yerine rakip sitelere ulaşıyorlar. Başarılı bir tasarımcı olmak istiyorsanız sitelerinizin gezinmesi kolay olmalıdır.
iAma navigasyon için tek beden-uygun çözümler yoktur. Bir haber sitesinde harika çalışan, kişisel bir site için iyi çalışmayabilir. Bir blogda inanılmaz derecede kullanıcı dostu olan bir şey, bir e-ticaret sitesinde sinir bozucu olabilir.
Aşağıda, her biri için iyi bir şekilde çalışan gezinme biçimleriyle ilgili önerileri olan on adet ortak site türü bulunmaktadır.
Ne hakkında konuştuğumuz konusunda daha iyi bir fikir vermek için örnekler de var. Yorumlarda daha güzel örnekleri paylaşmaktan çekinmeyin!
Tüm siteler
Hemen hemen tüm sitelerde çalışan belirli gezinme düzenleri vardır. Aşağıdaki kategorilerin her birinde aynı bilgileri yeniden ele almak yerine, yalnızca onları buraya ekleyeceğim.
İlk desen sekmeli gezinme. Sekmeler navigasyon için mükemmel şekilde uygundur, çünkü psikolojik olarak ziyaretçilerin kağıt sekmelerini hatırlatması ve bir defter veya ciltleyicinin yeni bir bölümüne gitmesi, düğmelerin veya düz metin bağlantılarının yapmadığı bir şeydir. Sekmeler neredeyse her zaman ana navigasyon bağlantılarınızı şekillendirmek için tercih edilen bir yöntemdir, ancak bir menüde sınırlı sayıda bağlantı olduğunda en iyi şekilde çalışırlar.
İkinci model başlık navigasyonu. Web sitenizde bir başlık (ve çoğu web sitesi var) varsa, üstbilgi gezinmesi iyi bir fikirdir. Ziyaretçiler, navigasyon bağlantıları için başlığa bakmaya alışıktır. Bu önceden belirlenmiş davranış, navigasyonunuzu başlığın içinde veya yakınında bularak web sitenizi daha kullanıcı dostu hale getirmenizi kolaylaştırır.
Hemen hemen tüm siteler için geçerli olan son kalıp, altbilgi gezinmesidir. Çoğu kullanıcı (hepsi olmasa da), diğer navigasyonunuzda aradıklarını bulamadıkları takdirde, bağlantı için altbilgiye bakar. Pek çok temel sayfa genellikle, “gezinme”, “iletişim” ve “site haritası” bağlantıları da dahil olmak üzere, herhangi bir yerdeki navigasyona bağlı olsun olmasın, bir altbilgiden bağlanır.
1. Bloglar
Bloglar genellikle ters kronolojik sırayla büyük miktarda içeriğe sahiptir. Bu, blogunuzun türüne bağlı olarak, navigasyonunuz için hem mantıklı bir çerçeve hem de bazı benzersiz zorlukları sunar.
Blogların çoğu, sayfalama ve / veya etiketler için yan sayfa navigasyonu ve muhtemelen üstbilgi ve altbilgi gezinme gibi bir sayfalama (veya sürekli kaydırma), bir arşiv sayfası kombinasyonu kullanacaktır. Ziyaretçilerin blogunuzdaki içeriğe erişmek isteyecekleri olasılığı tam olarak düşünmek önemlidir.
Örneğin, kişisel bir blog, her gönderi için meta bilgilerindeki kategorilerin veya etiketlerin dışında gezinmeye ihtiyaç duymayabilir. Bu durumlarda, ziyaretçilerin içeriğe göre zıplamak yerine içeriğe kronolojik olarak ters sırayla girmelerini istersiniz. Öte yandan, bir konu blogunun kategori ve etiket gezintisine sahip olması gerekir, çünkü ziyaretçilerin genel konudaki belirli konular hakkında bilgi araması olasıdır.
En azından minimum düzeyde, bloglar içerikten kronolojik olarak gezinmeyi (sayfalama, sonraki / önceki bağlantılar veya sürekli kaydırma) ve ana blog sayfasının dışındaki belirli sayfalar için başlık veya kenar çubuğu gezinmeyi içermelidir.
Konu (ve bazen kurumsal) bloglar, başlıklarında veya kenar çubuğunda gezinme işlemlerinde kategori veya etiket menülerini de içermelidir. Özellikle büyük bloglar, kullanıcıların tam olarak aradıklarını hızlı bir şekilde bulmasını kolaylaştırmak için bir arama işlevini uygulamayı düşünmelidir. Arama işlevinin amaçlanan şekilde çalıştığından emin olun ve gerçekten alakalı tüm sonuçları getirin.
Ecoki aşağıda, ikincil başlık gezinme çubuğundaki önemli sayfalara gezinerek, başlık navigasyonunda en üst düzey kategorileri içerir. En çok kullanılan bağlantılara net bir şekilde vurgu yapan etkili bir düzen.
2. Haber siteleri
Haber siteleri, blog'lara benzerler, çünkü bunlar genellikle ters kronolojik sırayla hikayeler sunarlar. Haber siteleri genellikle çok kategorilere ayrılır ve diğer birçok site türünden daha karmaşık bir bilgi mimarisine sahiptir. Bu nedenle, navigasyon modelleri genellikle daha karmaşıktır.
Anahtar, navigasyonu olması gerekenden daha karmaşık hale getirmiyor. Açılır menüden çıkma menüleri, sayfalara dağılmadan daha büyük menülerle başa çıkmak için iyi bir yoldur. Büyük haber sitelerine (örneğin, Google Haberler gibi) bakarsanız, bu haberleri Politika, Yerel, Dünya, Spor, Eğlence vb. Gibi geniş kategorilere ayırırsınız. Kullandığınız kategoriler, sitenin genel bir haber sitesi veya güncel bir haber sitesidir.
Etiketler ayrıca gezinmeyi önemli ölçüde artırabilir. Her bir hikayeyi etiketleyerek, karmaşık veya şişkin bir kategori yapısı oluşturmadan kullanıcıların ilgili hikayeleri bulmasını kolaylaştırır. Her makaleye yalnızca etiket bağlantılarını eklemek değil, aynı zamanda bir etiket listesi veya bir etiket bulutu eklemek de iyi bir fikirdir (yalnızca popüler etiketler dahil olmak üzere yüzlerce etiket içeren siteler için iyi bir fikir olabilir).
Makalelerdeki satır içi bağlantıları kullanıcı deneyimini büyük ölçüde geliştirir. Büyük haber sitelerinin çoğu, kullanıcıların bir konu hakkındaki tüm makalelere anında erişim sağlamalarına izin veriyor. Etiketlerin dahil edilmesine çok benzer, ancak makalenin başında veya sonunda bir liste yerine, bağlantılar metnin kendisinde.
3. E-ticaret siteleri
E-ticaret siteleri bazen inanılmaz derecede karmaşıktır ve ürünler ve diğer bilgiler için yüzlerce (veya binlerce) ayrı sayfaya sahiptir. Bu sebeple, navigasyonun işlenme şekli hem kullanıcı deneyimi hem de alt hat için hayati önem taşımaktadır. Mükemmel bir gezinme yapısı olmadan, bir e-ticaret sitesine gelen ziyaretçiler aradıkları ürünleri bulmak için daha zor bir zaman alacaktır. Bu da rakipler karşısında hayal kırıklığına uğrama olasılıklarının yüksek olduğu anlamına gelir.
Her e-ticaret sitesinin, bir avuç ürün ihtiyacından daha fazlası ile ana şey iyi bir arama sistemidir. Yardımlı arama, kullanıcıların yalnızca anahtar kelimeye göre arama yapamayacağı, aynı zamanda fiyat, boyut, kategori veya diğer metriklere (belirli ürünlere bağlı olarak) bağlı olarak sonuçlarının da hassaslaştırılabileceği anahtardır.
Göz atmak isteyen kullanıcılar için kategori navigasyonu da şarttır. Alt kategorileri kullanıp kullanmadığınıza bağlı olarak, kırıntı gezinme de iyi bir fikir olabilir (siteniz iki veya üç kattan fazla derinse, kırıntıları kullanılabilirliği artırabilir).
Ziyaretçilerinize istedikleri ürünleri bulmanın çeşitli yollarını bulmak, satışları artırmanın harika bir yoludur, ancak her yöntemin alakalı tüm ürünleri gösterdiğinden emin olun. Ziyaretçiler, arama yaparken bir ürün grubu döndürürken farklı bir grup döndürdüğünü görürse, yalnızca bir hayal kırıklığına yol açar.
Blik Blik Aşağıdaki web sitesi, ürün sonuçlarını hassaslaştırmak için filtreli bir kenar çubuğu kullanan bir sitenin harika bir örneğidir. Arama görünümü olmadan yönlendirilmiş arama modeli.
4. Bilgilendirici ve referans siteleri
Referans sitelerin genel olarak tek bir özelliği vardır: Çok sayıda sayfadaki bir ton bilgi. Bu, herhangi bir standart menü oluşturmayı zorlaştırır. Kategoriler gezinmek için yararlı olabilir, ancak binlerce, hatta on binlerce hatta milyonlarca sayfanın (Wikipedia gibi) bulunduğu yere geldiğinizde, kategori sistemi bozulur. Ayrıca, çoğu kişi, belirli bir amaç için referans sitelere gider ve göz atmamak için kategorileri özellikle yararlı hale getirmez.
Referans sitelerin mükemmel arama yeteneklerine sahip olması çok önemlidir. Rehberli arama, e-ticaret sitelerinde kullanılanlar gibi, özellikle de iyi bir etiketleme ve kategori kuruluşuyla birlikte kullanıldığında yararlı olabilir.
Bu belli ki Reference.com altta, ekranın en üstünde belirgin bir şekilde yer aldığı için, ziyaretçilerin aradıkları her şeyi bulmak için aramayı kullanmasını istiyor.
Bir referans sitesindeki sayfalar, ilgili bilgilere satır içi bağlantı kullanmalıdır. Bu, ziyaretçilerin, çoklu arama yapmak zorunda kalmadan, neyi okuduğunu anlamak için ihtiyaç duydukları tüm materyalleri bulmasını kolaylaştırır. Satır içi bağlantıya ihtiyaç duyulması, wiki platformlarının genellikle bir makalenin metninde bağlantı kurmak için standart bir sözdizimine sahip olmasının nedenidir, bu nedenle içerik oluşturucuların ilgili bağlantıları aramak için zaman harcamak zorunda kalmamalarıdır.
Vikipedi Aşağıda, ve diğer wiki siteleri, makalelere bağlam eklemek için satır içi bağlantıdan faydalanır.
5. Kurumsal siteler
Kurumsal sitelerin yapısında ve büyüklüğünde çok büyük bir çeşitlilik var. Bazıları sadece yeni müşterileri cezbetmek içindir. Diğerleri mevcut müşterileri bilgilendirmek için yaratılmıştır. Diğerleri ise hem yeni müşteriler, mevcut müşteriler için bir haber portalı hem de şirket intranetinin ön ucu olarak hizmet vermelidir.
Şirket sitesinin amacına bakılmaksızın, net gezinme anahtarı önemlidir. Kullanıcıların navigasyonunuzu ararken veya nereye gitmeleri gerektiğine ulaşmak için hangi bağlantıyı tıklayacaklarını bulmaya çalışmak zorunda kalmasını istemezsiniz. Bağlantıların mantıksal olarak düzenlendiğinden, her birinin anlaşılması kolay bir anlama sahip olduğundan ve mantıksal yerlerde (üstbilgi ve kenar çubuğu arkadaşlarınız burada) bulunduklarından emin olun.
Aşağıdaki tüm siteler, yalnızca navigasyonun en yaygın yerlerde bulunduğundan, reklamın yaratıcı olamayacağı anlamına gelmediğini göstermektedir. Kullanılabilir ve bulunması kolay olduğu sürece, benzersiz bir şey yaratmaktan çekinmeyin.
Bir düzine kadar sayfadan daha büyük sitelerde, arama işlevselliğini dahil etmek iyi bir fikirdir. Ayrıca, tam olarak aradıkları şeyi bulmak için düzenli navigasyonunuzla ilgili sorun yaşayan kullanıcıların kolay olmasını sağlamak için bir site haritası eklemeniz iyi bir fikirdir.
6. Topluluk veya sosyal ağ siteleri
Genelde büyük sosyal ağ siteleri ile arama, birincil navigasyon aracıdır. Sitede milyonlarca (hatta milyarlarca) sayfa olduğunda anlamlıdır. Standart menü tabanlı navigasyon, bu bilgi hacmi ile uğraşırken oldukça anlamsız.
Bu yüzden arama genel site navigasyonu ile ilgilenir. Ancak bu hala üye profil sayfalarından ayrılıyor. Burada, tüm site genelinde tutarlılık olması önemlidir. Sitenizin üyelerin profillerini özelleştirmelerine izin verip vermediğine bakılmaksızın, bağlantıların her sayfada aynı yerde bulunması zorunludur.
Örneğin, Facebook'u alın: her üye profili ve her sayfada soldaki fotoğraflar ve bilgiler gibi şeylere bağlantılar vardır. Bildirimler, mesajlar ve arkadaşlık istekleri her zaman hesap ayarlarına bağlantılar ve çıkış yapmak için en üstte bağlantılıdır. Her zaman ziyaretçinin hesabına ve bilgisine bağlanan standart bir üst gezinti çubuğu, iyi tasarlanmış sosyal ağların temelini oluşturmuştur.
Satır içi bağlantılar da tutarlı olmalıdır. Örneğin, bir kullanıcı adı bir bağlantı olarak gösterildiğinde, ilgili içeriğin ne olduğuna bakmaksızın kullanıcının profiline bağlantı vermelidir. Hangi bilgilerin mantıksal olarak hangi sayfalara bağlanacağını düşünün ve sonra bu bağlantıların nerede gösterileceğine bakılmaksızın tutarlı olduğundan emin olun.
7. Etkinlik siteleri
Etkinlik siteleri genellikle basittir ve çok sayıda sayfa içermez. Ancak, ziyaretçilerin siteyi nasıl kullanacaklarını düşünmek önemlidir. Aşağıdakilerden birini yapmak isteyecekleri en muhtemeldir: etkinlik için kayıt olun, kimin katıldığı veya konuştuğunu görün, katılım hakkında bilgi alın (maliyetler ve konum ve alan oteller gibi şeyler dahil) ve etkinlik için programa bakın.
Etkinlik için kaydolmak, ücretsiz bir etkinlik olsa bile, bir e-ticaret işlemi olarak görülmelidir. Bu nedenle, kayıtlar için önemli bir harekete geçirici mesaj düğmesi istiyorsunuz.
Standart başlık ve / veya kenar çubuğu navigasyonu diğer sayfalara bağlantılar için mükemmel bir seçimdir. Belirli atölyeler veya konuşmacılar gibi şeylere ayrı sayfalar ekleyecekseniz yerel navigasyon da gerekli olabilir. Bu durumda, yalnızca sınırlı sayıda alt bağlantınız varsa açılır menü veya açılır menüler kullanılabilir. Aksi takdirde, bir gezinme çubuğunu bir kenar çubuğunda veya bir ana sayfada kullanmak daha iyidir.
Hull Digital Live 10 Hull Dijital Canlı 10 Web sitesi, bir ziyaretçinin ne aradığını tam olarak bulmayı kolaylaştıran özlü, kullanımı kolay bir başlık navigasyonuna sahiptir.
İpucu: Etkinlik siteniz katılımcı alan veya intranet içerecekse, gezinme yönergeleri için bir sosyal ağda veya topluluk sitesinde gezinme önerilerine bakın.
8. İnceleme siteleri
İnceleme siteleri genellikle iki şekilde kullanılır. Birincisi, kullanıcıların belirli bir ürünle ilgilendikleri ve bu öğe için yorumları görmek istedikleri zamandır. Bu durumda, mükemmel bir arama fonksiyonu en iyi navigasyon. Kullanıcıların tam olarak aradıkları ürüne hızlı bir şekilde erişmelerini sağlar.
İkinci kullanım belirli ürün türlerini araştırmaktır. Bu kullanım için, arama hala değerli bir navigasyon yöntemidir. Ancak kategoriler ve rehberli aramalar da aynı derecede önemlidir. Kullanıcıların, kategoriye ve alt kategoriye göre incelemelere göz atmasına izin vermek, onların gereksinimlerine uyan çeşitli ürünler bulmasını sağlar. Bunları fiyat veya marka gibi şeylere göre hassaslaştırmak, daha da iyi bir kullanıcı deneyimi sağlar.
Blippr aşağıda, kategori navigasyonunu (alt navigasyon için açılır düşüşler) ve belirgin bir arama çubuğunu içerir.
9. Kişisel siteler
Kişisel siteler gerçekten web tasarım dünyasının vahşi kartlarıdır. İstediğiniz her tür navigasyon desenini kullanabilirsiniz. Üstbilgi ve kenar çubuğu gezinme gibi ana bilgisayarlar hala en kullanışlı olacak, ama tamamen farklı bir şey yapmanın yanlış bir yanı yok.
Kişisel siteler site sahibinin bir yansıması olmalıdır. Beklenmeyen bir şey sitenin kişiliği içinde uyuyorsa, o zaman her şeyden önce: onun için gidin. Standart olmayan bir navigasyon kullanıyorsanız, aradıklarını bulmak için "almayan" ziyaretçiler için bunu kolaylaştırmak amacıyla bir yerde bir site haritası bağlantısı eklemek iyi bir fikir olabilir.
Daniel Mall’ın portföy sayfası, gördüğüm en benzersiz gezinme modellerinden birine sahip. Normdan hala farklı olmakla birlikte kullanımı kolaydır.
10. Galeriler
Resim galerileri ve portföy siteleri genellikle standart başlık veya kenar çubuğu gezinme, etiketleme ve kategorilerin bir kombinasyonunu kullanmalıdır. Ziyaretçilerin bir etikete veya kategoriye göre görüntülenen görüntüyü daraltmasına izin vermek, özellikle görüntü hacmi arttıkça iyi kullanıcı deneyimi için önemlidir.
Pagination, daha büyük siteler için de hayati önem taşıyor. Sürekli kaydırma iyi bir fikir gibi görünebilir, ancak galeriler ve portföy siteleri, doğası gereği medyayla dolduğundan, sürekli kaydırma birçok sistem kaynağı kullanarak sonuçlanabilir. Birkaç düzineden fazla görüntü içeren herhangi bir site için buna karşı tavsiye ederim (daha küçük galeri ve portföy sitelerinde gerçekten hoş bir dokunuş olabilir).
Minimum Sergi kategorileri, arama ve sayfalandırma kullanır.
Götürmek
Ne tür bir site tasarladığınızdan bağımsız olarak mutlak bir navigasyon konsepti varsa, bu: tutarlılık!
Sitenizin tamamında tutarlı olduğu sürece, çoğu mantıksal gezinme seçeneğini kullanarak uzaklaşabilirsiniz. Sitenizin yarısı için kenar çubuğuyla gezinme ve diğer yarısı için başlık gezintisi ile hiçbir mantıksal sebep olmaksızın işe başlama. Ev bağlantısı her zaman sol üstte ise, sol üstte kaldığından emin olun. Bu, navigasyonunuzun her bir öğesi için geçerlidir ve sitenin boyutu arttıkça katlanarak daha da önem kazanır.
Tutarlılık dışında, gezinme düzenlerinizi tasarlarken yapılacak en önemli şey, ziyaretçilerin sitenizi nasıl kullanacaklarını düşünmektir. Navigasyon kalıplarınızın gerçekten yapmaları gereken şekilde çalışıp çalışmadığını öğrenmek için A / B veya çok değişkenli testlerden korkmayın.
Navigasyonunuzun ne kadar havalı veya yeni olduğuna bakılmaksızın, gerçekleştirilmezse, ziyaretçilerin sitenizin bir alanından diğerine istedikleri şekilde geçiş yapmalarına izin vermenin temel işlevi, navigasyonunuz başarısız oldu.
Aşağıdaki yorumlarda, hareket halindeki harika gezinme kalıplarının örneklerini paylaşmaktan çekinmeyin! Ayrıca, belirli site türleri için uygun gezinme kalıpları için başka ipuçlarınız varsa bize bildirin.