17 Blog Türü ve Web Sitesi Gezinme Seçenekleri

Gezinme onları rahatsız ederse, ziyaretçilerinizin %67'sinin web sitenizi terk edeceğini biliyor musunuz? İyi bir blog ve web sitesinde gezinme, trafiği, bir kişinin sitenizde ne kadar zaman geçirdiğini ve dönüşüm oranlarını etkilediği için başarı için çok önemlidir.

İnternetin ilerlemesi nedeniyle, farklı türde gezinme menüleri hakkında birçok spekülasyon var. Navigasyon, kullanıcı deneyimini etkileyen en önemli unsurlardan biridir ve navigasyonsuz bir blog veya web sitesi düşünülemez.

Navigasyon Bir Web Sitesi İçin Neden Bu Kadar Önemlidir?

Web sitenizin bir şehir olduğunu düşünün. Az önce Singapur, Dubai, Roma veya istediğiniz herhangi bir varış noktasına indiniz. Görmek istediğiniz yerleri biliyorsunuz ama oraya nasıl gideceğiniz hakkında hiçbir fikriniz yok. Çoğu şehirde, insanları belirli bir yere yönlendirmeye yardımcı olabilecek işaretler bulunur. İşaretler ayrıca insanları meşgul etmeye yardımcı olur. Kolezyum'u ziyaret etmeyi düşünmemiş olabilirsiniz, ancak yakınlarda olduğuna dair bir işaret görürseniz, onu ziyaret etmeye ikna olabilirsiniz.

Blog ve web sitesi gezintileri aynı prensip göz önünde bulundurularak tasarlanmıştır. Navigasyon olmadan ziyaretçiler nereye gideceklerini veya hangi sayfaların görülmeye değer olduğunu anlayamaz. Ürün listeleme sayfanızı veya abonelik sayfanızı bulamazlar.

Gezinmenin amacı, web sitesini daha fazla keşfetmeye yardımcı olmaktır. İnsanlarda merak uyandırmalı ve onları bağlantılara tıklamaya ikna etmelidir. İyi web sitesi navigasyonu, ziyaretçilerin herhangi bir sıkıntı yaşamadan bir sayfadan diğerine geçmesine olanak tanır. İyi bir iş çıkardıysanız, ziyaretçiler tekrar geri gelmek, bir haber bültenine abone olmak, hatta bir ürün veya hizmet satın almak niyetiyle sitenizden ayrılacaktır.

Navigasyon Seçenekleri

Blogunuz veya web siteniz için sihir gibi çalışabilecek modern yeni gezinme seçeneklerinden bazıları şunlardır:

Etkileşimli Navigasyon

Bu tür etkileşimli gezinme menüleri, tipik olarak, bir ziyaretçi bağlantının üzerine geldiğinde etkileşim sağlayan öğeler içeren yatay bir çubuktan oluşur. Bu, göze çarpmak için bir araya getirilmiş statik, dinamik ve etkileşimli öğelerin bir karışımını sunduğu için en havalı gezinme seçeneği türlerinden biridir. Kullanıcıya ilgi çekici, ilham verici ve etkileşimli bir deneyim vaat ediyor. Ancak, birçok hareketli öğe nedeniyle, bu gezinme seçenekleri her tür tarayıcı veya mobil cihazla pek uyumlu değildir.

Yapışkan Gezinme Çubukları

Adından da anlaşılacağı gibi, yapışkan gezinme çubuğu , genellikle üstte yatay olarak görüntülenen, yerinde kalan ve web sitesini aşağı kaydırdığınızda kaybolmayan bir web sitesi menüsüdür. Bu, web sitesi başlığına kadar geri gitmenizi ve kaydırma sayfasındaki yerinizi kaybetmenizi engeller. Kullanıcıların sitede sayfanın herhangi bir yerinden gezinmesine yardımcı olur.

CSS ve jQuery eklentileri nedeniyle, birçok web sitesi teması artık varsayılan bir özellik olarak yapışkan menü ile yerleşik olarak geliyor. Bu tür navigasyon, ekran daha uzun ve daha ince olduğundan mobil cihazlar için de harika çalışır.

Sitenizde gezinecek çok fazla sayfa varsa, kullanıcı katılımına yardımcı olduğu ve ziyaretçileri sitenizde daha uzun süre tuttuğu için yapışkan bir gezinme menüsü kullanmak iyi bir fikirdir. Bazı yapışkan gezinme çubukları, siz aşağı kaydırdıkça küçülür, böylece daha az istilacı hale gelirler ve sayfa içeriğini daha iyi görüntülemenizi sağlar.

Dikey Kenar Çubuğu Statik Gezinme

Kenar çubuğu statik gezinme , birkaç yıldır trend olmuştur. Çoğu tasarımcı bu menülerin kompakt ve şık web siteleri için daha iyi çalıştığını söylese de, hala bu gezinme stilini kullanan birçok blog ve dergi var.

Çoğu web sitesi, sayfanın sol tarafında, tüm bağlantıları hızlı ve etkili bir şekilde görüntüleyebilen statik, parlak renkli bir panel kullanır. Bu arada, kenar çubuğunuz hiçbir yere gitmeden web sayfasını aşağı kaydırabilirsiniz. Bu, tüm ilgili bağlantılar parmaklarınızın ucunda olduğundan harika bir kullanıcı deneyimi sağlar.

Dikey Kayar Navigasyon

Statik kenar çubuğuna çok benzer, ancak bu gezinme seçeneği, ziyaretçilerin statik bir çubukla görülebilecek olandan daha büyük bir sayfa listesini görüntüleyebilmeleri için bir kaydırma veya aşağı kaydırma seçeneğiyle birlikte gelir. Çok sayıda modern web sitesi artık dikey kaydırmalı gezinme eğilimini kullanıyor ve çok iyi çalışıyor. Bu gezinme seçeneği, geleneksel web sitesi tasarımının sınırlarını zorlayan yaratıcı ajanslar veya portföy web siteleri arasında çok popülerdir.

Bu tasarım, ızgara web tasarımından ziyade tam ekran düzeninde iyi çalışır. Dikey kayar bir kenar çubuğunun tasarımı çok kolay değildir ve bazen mobil veya dokunmatik tabanlı bir cihaz kullanıyorsanız, çalışması oldukça zor olabilir. Yine de, harika yeni gezinme fikirleri denemeyi merak ediyorsanız, dikey bir kayar çubuk harika bir fikir olabilir.

Paralaks Navigasyonu

Paralaks gezinme veya paralaks kaydırma, sayfanın ana arka planının ön plandaki diğer öğelerden daha yavaş hareket ettiği bir web düzeninden oluşur. Bu gezinme seçeneği grafik tabanlıdır ve web sayfasına 3 boyutlu bir efekt verir.

Birkaç görsel ve hareketli unsurla birleştiğinde, paralaks web sitesi her şeyi ilginç tutar ve ziyaretçilerin sitede kaybolmasını önler.

Web sitesinin türüne bağlı olarak, paralaks, ek bir boyut dokunuşu vermek ve ön planın ve önemli öğelerin ortaya çıkmasına yardımcı olmak için web sitelerinde idareli olarak da kullanılabilir.

Hamburger Menüsü

Hamburger simgesi , genellikle bir web sitesinin sol üst veya sağ üst köşesinde bulunan menü düğmesidir. Simgenin üst üste istiflenmiş üç kısa yatay çizgiden oluşması ve hamburger sandviçi görünümü vermesi nedeniyle bu şekilde adlandırılmıştır. Bu genellikle mobil uyumlu web sitelerinde veya modern tekno-vibe masaüstü web sitelerinde bulunur.

Bu, çok fazla karışıklık yaratmadan tüm bağlantıları tek bir yerde bir araya getirdiği için en popüler gezinme düğmesi türlerinden biridir. Bu menü türü çok ayrık, şık ve dinamiktir. Artık mobil navigasyonda lider bir standart olmasına rağmen, teknoloji konusunda daha az bilgili bazı kişiler bu tür gizli navigasyon seçeneklerini bulmakta zorlanıyor. Bu nedenle, düğmenin yanına kelime menüsünün eklenmesi, bu tür ziyaretçiler için gezinmeyi kolaylaştırabilir.

Multimedya Tabanlı Menü

Multimedya tabanlı bir menü , bir gezinme menüsünün öğelerinde bulunan resimler ve videolar gibi çeşitli görsel öğelerden oluşur. Bu harika, ilgi çekici seçeneğin tümü, web sitesinin işlevlerinden, erişilebilirliğinden ve performansından ödün vermeden çok sayıda multimedya eklememize olanak tanıyan teknolojideki gelişmeler sayesindedir. Bu nedenle, bu tür çekici, modern ve modaya uygun gezinme, dinamik ve şık web siteleri için hızla olmazsa olmaz hale geliyor.

Multimedya tabanlı navigasyon, hamburger menüsü ve alt bilgi navigasyonu gibi çeşitli farklı navigasyon seçeneklerinden yararlanır ve açıklamanın yalnızca en önemli bölümünü vurgular.

İçindekiler

Google'ın uzun biçimli içeriği sevdiğini biliyoruz ve bu nedenle blog yazarları artık daha uzun ve daha uzun içerik parçaları yazmaya çalışıyor. Bu, arama motoruna göre harika bir uygulama olsa da, okuyucuların yönlerini alamamasına neden olabilir. İşleri basitleştirmek için birçok web sitesi, makalelerinin başına, onları farklı bölümlere ayıran bir içindekiler tablosu ekler. Bu sayede kullanıcılar, gitmek istedikleri bölümün bağlantısına tıklayabilirler ve sayfayı hiç durmadan aşağı kaydırmadan oraya yönlendirilirler. Bu, makalenin daha az korkutucu görünmesine yardımcı olur ve kullanıcı deneyimini merak eder.

En belirgin örnek, oluşturulduğundan beri içerik tablolarını kullanan Wikipedia'dır.

İlgili Yazı Navigasyonu

Genellikle bloglarda, haber sitelerinde ve ürün listelemelerinde kullanılan en önemli gezinme seçeneklerinden biri, ilgili gönderi navigasyonudur . Bu tür gezinme, ana içeriğin arasına, üstüne veya altına eklenen diğer öne çıkan blog gönderilerine, haber öğelerine veya ürünlere bağlantılardan oluşur.

Bu gezinme seçeneğinin en büyük avantajı, ziyaretçilerin ilginç bulabileceği benzer içerikler sunmasıdır. İlgili gönderi navigasyonu, ziyaretçileri sitedeki diğer benzer tekliflere ve gönderilere göz atmaya teşvik eder, etkileşimi artırır, hemen çıkma oranını düşürür ve satın alma talebinde bulunur.

Mega Açılır Menüler

Açılır menülerin tartışmalı olduğu bilinmektedir. Birincisi, arama motoru botlarının taraması zor olabilir. Bir diğeri için, uzun bir web sayfası listesine bakmakla ilgilenmeyen ziyaretçiler için can sıkıcı olabilirler. Ayrıca ziyaretçilerin önemli sayfaları kaçırmasına neden olurlar. Ancak, bir tür açılır menü çok iyi performans gösterir. Bu mega açılır menüdür.

Mega açılır menüler, spor, çevrimiçi haberler ve e-ticaret mağazaları gibi belirli sektörleri sunan web sitelerinde her zaman çok iyi çalışır. Mega açılır menü, ekranın neredeyse tamamını kapsayan çok işlevli, çok sütunlu bir bileşendir. Ayrıca videolar, resimler ve hatta alışveriş sepetleri gibi öğeleri dengeleyebilir. Çok karmaşık bir bileşen olduğundan, özellikle mobil tarayıcılarda bazen sayfanın yanıt vermemesine neden olabilir. Ancak, web siteniz çok çeşitli hizmetler veya ürünler sunuyorsa, bu en iyi seçeneklerden biridir.

Mega açılır menülerin sunduğu en büyük avantaj, ziyaretçilerin çeşitli bir web sitesinin sunduğu içerik türü hakkında bir fikir edinebilmeleridir. Bu nedenle, bu navigasyon tarzını seven çok sayıda kullanıcı var.

Tek Sayfa Nokta Gezinme

Bu günlerde görülen en popüler gezinme türlerinden biri, tek sayfa noktalı gezinmedir . Bu, ekranın solunda, sağında veya ortasında bulunan bir dizi sevimli küçük dairesel simgeyi içerir. Her nokta, sayfanın farklı bir bölümünü temsil eder. Bir ziyaretçi bir noktanın üzerine geldiğinde veya tıkladığında, web sayfasının bir bölümüne veya o noktayla bağlantılı bir slayta yönlendirilir. Ziyaretçinin tıkladığı nokta, kullanıcının web sitesindeki konumunu işaretlemek için vurgulanır.

Bu tür gezinme, çok sayıda ürünü tek bir sayfada göstermek istediğinizde ancak çok fazla yer kaplamak istemediğiniz zamanlar için idealdir. Aslında, tek sayfalı nokta gezinme, açılır menüler ve yapışkan üst gezinme çubukları gibi diğer gezinmelerle birlikte çok iyi çalışır.

Evrensel Navigasyon

Bazı şirketler holdinglerdir ve adları altında birden fazla markaya sahiptir. Bu şirketler genellikle tüm web sitesinde evrensel bir gezinme menüsüne sahiptir. Adından da anlaşılacağı gibi, bu gezinme seçeneği, ana markanın sağladığı tüm farklı markaları, hizmetleri ve ürünleri içerir.

Böyle bir navigasyon türünün en iyi örneklerinden biri, bir TV kanalına, filmlere, tema parklarına, oyunlara ve daha fazlasına sahip olan Disney'dir. Evrensel navigasyon, tüm Disney ürünlerine dikkat çektiği için bu durumda mantıklı. Bu navigasyon aynı zamanda holdingleri kapsamamaktadır. Jezebel, Deadspin ve Lifehacker dahil olmak üzere Univision Communications'a ait olanlar gibi web sitelerinin ağlarında ve daha önce Gawker Media'ya ait olan yedi markanın tümüne yönelik navigasyon bağlantılarında da kullanılır.

Bu tür gezinmenin bir avantajı, kullanıcıların web sitesi ağının parçası olan diğer sitelerin neler olduğunu bilmesini sağlaması ve başarılı bir marka kimliği ve marka farkındalığı yaratmaya yardımcı olmasıdır. Bu, ziyaretçilerin ağ üzerinden tüm web sitelerine çapraz tozlaşmasına yardımcı olabilir.

Kırıntı Gezinme

“Hansel ve Gretel” hikayesinde çocuklar eve dönüş yolunu bulmak için bir kırıntı izi bırakırlar. Kırıntı gezintisi veya kırıntı izi aynı prensipte çalışır. Bunlar, bir web sayfasının üst kısmında küçük yazı tiplerinde görünen ve ziyaretçiye web sitesindeki konumlarını gösteren hiyerarşik gezinme bağlantılarıdır.

Kırıntı şeması, bulunduğunuz sayfanın atandığı kategorinin bağlantılarını, bulunduğu sitenin bölümlerini gösterir ve ana sayfaya geri döner. Bazen, kırıntı gezintisi, üzerinde bulunduğunuz ancak köprü bağlantısı olmayan sayfanın adını da gösterir.

Amazon örneğimizde kitap, "Edebiyat ve Kurmaca" bölümünün bir parçası olan ve Amazon web sitesinde ana "Kitaplar" bölümüne giden "Kurgu Türü" kategorisine aittir.

Kalın Alt Bilgilerde Gezinme

Altbilgi gezintisi , görünüş olarak sitenin üst kısmındaki geleneksel menü çubuğuna benzer. Ancak asıl fark, bunun web sayfasının alt kısmında yer almasıdır. Bu nedenle, altbilgi navigasyonu olarak adlandırılır.

Birçok sitede, alt bilgi navigasyonu genellikle bize ulaşın, gizlilik ve yasal bağlantılardan oluşur; ancak, e-posta kayıt alanlarının, sosyal medya bağlantılarının ve hatta ürün sayfası bağlantılarının altbilgi menüsünde görüntülenmesi artık oldukça tipik hale geldi.

Çoğu ziyaretçi, son çare olarak altbilgi menüsünü tarar. Pek çok web sitesi, özellikle perakende web siteleri, üstbilgi menüsünde gösterilemeyen sayfalara bağlantılar göstermek için altbilgi menüsünü kullanır.

Duyarlı Subnav Menüleri

İnsanlar artık masaüstü bilgisayarlarından çok mobil cihazlarını kullanıyor. Bunu akılda tutarak, geliştiriciler, duyarlı alt navigasyon menüsü adı verilen yeni ve daha verimli bir navigasyon sistemi geliştirdiler. Bu alt gezinme menüsü küçük görünür - bu mobil ekranlar için iyidir - ancak bir düğmeye basılarak gizli kategorileri gösterecek şekilde genişletilebilir.

Duyarlı alt gezinme menülerine sahip siteler, menünün alt kategoriler içerdiğini gösteren küçük bir artı simgesi, bir ok işareti veya bir renk değişikliğinden oluşur.

En İyi Hikaye Karuselleri

En çok okunan atlıkarınca gezinme seçeneği, yüksek trafikli haber siteleri ve bloglarda hızla bir trend haline geliyor. Bu büyük sitelerin çoğu, her gün düzinelerce gönderi yayınlayabilir ve sayfanın üst kısmına basit bir atlıkarınca eklemek, ziyaretçilere en son gönderilere bakma şansı verebilir. Döngülerdeki makaleler dinamik olarak güncellenir ve düzenlenir ve küçük resimler gibi görünecek şekilde şekillendirilebilir.

Bu tür gezinme, yüksek hacimli web siteleri ve bloglar için mükemmeldir ve kullanıcı deneyimini hızlandırabilir. Bir sayfadayken, ziyaretçiler ilgilenebilecekleri birden fazla farklı hikaye hakkında bilgi edinebilir ve siteyi keşfetmek için daha fazla zaman bulabilirler. Bu, etkileşim süresini artırır, kullanıcıyı elde tutma oranını artırır ve hemen çıkma oranını azaltır.

Kaydırmalı Menü

Bu, hamburger düğmesine benzer "gizli" gezinmelerden bir diğeri. Kaydırmalı menüler , daha ince ekrana sahip olan ve menünün yanı sıra içeriği göstermek için yeterli alana sahip olmayan mobil cihazlar için popülerdir. Bu nedenle, büyük miktarda popülerlik kazandılar ve tasarımcılar artık bunları masaüstü web sitelerinde de uyguluyorlar.

Kaydırılabilir menü, bir simge, örneğin bir ok veya basıldığında menüyü ortaya çıkaran küçük bir metin gibi görsel bir ipucu ile belirtilir. Tipik olarak, açılır menü sol tarafta görünür, ancak bu günlerde sağdan, üstten ve hatta alttan gelebilir.

Navigasyon, herhangi bir web sitesi tasarımının önemli bir parçasıdır ve tasarımcılar, sadece müşterinin ihtiyaçlarına uygun değil, aynı zamanda şirketin sesini de yansıtan navigasyon türüne özellikle dikkat etmelidir. Bunun dışında, navigasyonunuzun mümkün olan en iyi şekilde çalıştığından emin olmak için izlemeniz gereken birkaç ipucu:

• Her projenin başında site haritanızı planlamanız gerekir. Basitçe söylemek gerekirse, site haritası bir web sitesindeki URL'lerin ve web sayfalarının bir listesidir. Bu, arama motoru perspektifinden mümkün olan en iyi gezinme araçlarından biri olduğu anlamına gelir.
• Bir web sitesinin navigasyonu, tüm kullanıcılarının sitedeki konumlarını, sitenin onları nereye yönlendireceğini ve hangi sayfalardan geçtiklerini bilmelerini sağlamalıdır.
• En iyi web siteleri tek bir gezinme türüyle gelmez, birkaç modern gezinme sitesinin bir kombinasyonunu sunar. Örneğin, mobil uyumlu bir web sitesinde kolay gezinme için bir hamburger düğmesi, ayrıca bir kayar menü, bir alt bilgi ve yapışkan bir üst bilgi bulunabilir.
• Tüm gezinme seçenekleri, ziyaretçilerin belirli işlevleri nerede bulacaklarını bilmeleri için web kurallarına da uymalıdır.
• Uygun olduğunda, web sitelerinde hamburger düğmeleri ve kayar menüler gibi duyarlı web sitesi gezinme öğelerini kullanmak iyi bir fikirdir.

Hem geleneksel hem de modern olmak üzere birkaç farklı navigasyon seçeneği olmasına rağmen, faydalarını ve sınırlamalarını tarttıktan sonra, sitelerine hangi navigasyonu koymak istediğine karar vermek kullanıcının seçimidir. Navigasyon söz konusu olduğunda, trendler gerçekten dinamiktir ve her yeni yılda yepyeni bir çarpıcı menü yelpazesi görür. Web sitenizin ne tür bir gezinme hak ettiği tamamen size bağlıdır.