Breadcrumb Navigasyonunu Doğru Şekilde Kullanma

Yayınlanan: 2017-01-07

Ekmek kırıntıları bizi Anaokulu yıllarında okumuş olabileceğiniz eski peri masalına götürüyor. Hansel, eve dönüş yollarını bulmak için ekmek kırıntıları bırakmaya karar verdiğinde, iki çocuk Hansel ve Gretel ormandaki evlerinden çıkmaya zorlanır. Kırıntıları ormandaki sinir bozucu kuşlar yemesine rağmen, hikaye yazıldıktan yıllar sonra iz bırakmayı başardılar.

Web tasarımında, ekmek kırıntıları, Hansel'in aklındaki şeye benzer bir amaca hizmet eder. Breadcrumb'lar, ziyaretçilerin bir sayfadan diğerine geçtikten sonra yollarını kaybetmekten emin olmalarına yardımcı olmak için web sitenizin navigasyonunda ikincil bir gezinme işlevi görür. Eski peri masalı gibi, kullanıcıya nereye indiklerini ve son konumlarının neresi olduğunu göstermeye yardımcı olur.

Ekmek kırıntıları web sitesinin hiyerarşik yapısına entegre edildiğinde, kullanıcılar ürün kategorilerine derinlemesine gidebilir ve "Geri" düğmesi çılgınlığına gitmeden başladıkları yere geri dönebilirler.

Ekmek kırıntıları, daha az deneyimli ziyaretçilerin e-ticaret web sitelerinde gezinmesine yardımcı olmak için grafiksel bir kontrol öğesi olarak da hizmet eder. Bu tür web siteleri için iç yapı akıllıca tasarlanmalıdır. Ekmek kırıntıları ile hem ziyaretçilerine kullanım kolaylığı sağlamak hem de potansiyel müşterilerin kaybolma sonucu sayfalarını terk etmelerini engellemek online alışveriş platformları için bir zorunluluk haline geliyor.

Kırıntı Gezinme

Ekmek kırıntıları, ziyaretçilerin mevcut konumlarını ve yollarında ziyaret ettikleri yerleri belirleyerek onlara rehberlik etmede etkili bir araçtır. Sitenin hiyerarşisi içinde görsel bir yardım görevi görürler. Ancak müşteri kullanıcı deneyimi açısından, kırıntılar bu 3 soruyu yanıtlamalarına yardımcı olur.

  1. Neredeyim?

    Ekmek kırıntıları, yolculuklarına başlarken kullanıcıları sitede nerede oldukları hakkında bilgilendirir.

  2. Nereye gidebilirim?

    Kullanıcılara daha sonra nereye gideceklerini önererek yardımcı olur. Yapı zaten önlerine serildiği için kullanıcıların kategorileri veya site bölümlerini aramasına ve bulmasına gerek kalmıyor.

  3. Oraya gitmeli miyim?

    Ekmek kırıntıları, daha iyi gezinmeyi teşvik etmeye ve kullanıcı için içerik değeri sergilemeye yardımcı olur. Örneğin, bir müşteri bir ürün aramak için bir web sayfasına giderse, ihtiyaçlarına uygun olduğunu kanıtlayabilecek başka ürünler bulabilir. Bu, web sitesinin hemen çıkma oranını düşürmeye yardımcı olur.

Faydalar

Eylemleri Azaltır

Daha üst düzey bir sayfaya ulaşmak için, kırıntılar hayır sayısını azaltmaya yardımcı olur. site ziyaretçisinin oraya ulaşmak için ihtiyaç duyduğu eylemlerin sayısı. Ziyaretçiler, sürekli olarak “Geri” düğmesini veya web sitesinin birincil navigasyonunu kullanmak yerine geri gitmek için içerik kırıntılarını kullanabilir.

Minimum Alan Gerektirir

Yalnızca metin bağlantılarıyla dolu yatay bir çizgi alır. Bu, minimum yer kaplayarak ve web sitesindeki diğer öğelerin nefes almasına izin vererek sağlıklı bir web tasarım yapısını kolaylaştırır. Bu aynı zamanda web sitesi için daha iyi yükleme hızları elde edilmesine yardımcı olur.

Her Kullanıcı Ekmek Kırıntılarını Nasıl Çalıştıracağını Bilir

Anlaşılması kolaydır ve onlarla etkileşim kurmak için herhangi bir teknik bilgi gerektirmez. Metin, kullanıcının nerede olduğunu, nerede olduğunu ve gidebileceğini açıklar. Her kullanıcının anlayacağı evrensel, kendini açıklayan bir navigasyon sistemidir.

Ekmek kırıntıları ne zaman kullanılır?

Web sitenizin gezinme yapısını görüntülemek için bir site haritası oluşturmak, web sitenizin kırıntılardan yararlanıp yararlanamayacağını belirlemenin en iyi yollarından biridir. Ardından, deneme yoluyla analiz edebilir ve içerik haritası navigasyonunun kullanıcılara web sitenizin içeriği aracılığıyla yardımcı olup olmadığını test edebilirsiniz.

  • Ekmek kırıntıları, kategoriler içinde ve temiz bir doğrusal yapıda düzenlenmesi gereken önemli ölçüde daha büyük içerik olduğunda en iyi şekilde kullanılır. Çoğu e-ticaret web sitesinde, çok çeşitli ürünleri mantıksal kategorilere ayırmak için aynı kriter kullanılır.
  • İçerik veya ürünlerin gruplandırılması için herhangi bir mantıksal hiyerarşiye sahip olmayan web siteleri için ekmek kırıntıları kullanılmamalıdır.

Bunları Kullanmaktan Ne Zaman Kaçının

Web sitesinin yapısı için kırıntıların gerekli olduğu durumlarda, bunlardan kaçınılması gereken durumlar da vardır. Açık bir gruplandırma belirtisi olmayan tek seviyeli bir yapıdan oluşan bir web sitesi olduğunda, ekmek kırıntılarının eklenmesini önlemek web sitesinin yararınadır. Yukarıda bahsettiğimiz gibi, bir diyagram veya bir site haritası, web sitesinin gezinme mimarisini belirlemede oldukça yardımcı olabilir.

İçerik haritaları, yalnızca birincil gezinme tarafından destekleniyorsa kullanışlıdır. Ekmek kırıntıları kas görevi görürken, birincil navigasyon onları bir arada tutan iskelettir. Tam hareketlilikleri olmadan web sitesi hiyerarşisi verimli bir şekilde çalışamaz.

Ekmek kırıntıları türleri

Bilmeniz gereken üç tür içerik haritası vardır: Konum, Yol ve Nitelik.

1. Konum Bazlı

Sitenin temel yapısını sergilemek için lokasyon bazlı kırıntılar kullanılmaktadır. Kullanıcıların, birden çok düzeyi ve kapsamlı içerik izleri olan web sitelerinde gezinmesine olanak tanır. Bu tür içerik kırıntıları, bir web sitesine harici bir kaynaktan gelen ve daha derin bir içerik düzeyine giren ziyaretçiler için oldukça faydalıdır. Örneğin, belirli bir ürün türü için arama yapıyorsanız ve Google tarafından gösterilen arama sonuçlarına tıklarsanız, web sayfasına girdiğinizde kendinizi birçok kategori arasında bulursunuz. Ekmek kırıntıları, konumunuzu belirlemenize ve hiyerarşik yapıdaki olasılıklara gitmenize yardımcı olacaktır. Derin düzeyde içerik içeren bu web siteleri, konum tabanlı kırıntılar için çok uygundur. İdeal bir örnek eBay'dir.

2. Yol Tabanlı

Bu içerik kırıntıları, bir web sitesinin geçmiş iz navigasyonu için önemlidir. Yol tabanlı kırıntılar, temel olarak, kullanıcının mevcut konumuna ulaşmak için ziyaret ettiği her yolu gösterir. Normalde, bu tür kırıntı bağlantıları dinamik olarak oluşturulur. Yol tabanlı eklentiler, web sitelerine göz atmak için çok zaman harcayan kullanıcılara yardımcı olabilirken, çoğu kullanıcı için çoğunlukla kafa karıştırıcıdır. Çoğu ziyaretçi kendi takdirine bağlı olarak göz attığından, bir sayfadan diğerine geçer. Tarayıcıdaki “Geri” düğmesi, yollarını değiştirme ihtiyaçlarının çoğunu çözer. Bu, özellikle web sitesinin derinliklerinde bulunan site sayfasına ulaşan bu tür ziyaretçiler için işe yaramaz hale getirir.

3. Niteliğe Dayalı

E-ticaret web siteleri, öznitelik tabanlı kırıntılardan en çok yararlanır. Belirli bir sayfaya veya ürüne göre kategorilerin listelenmesine yardımcı olurlar. Bu tür kırıntılar, kullanıcıları ürünlerin birbirleriyle olan ilişkisini anlamaya teşvik etmede son derece yararlıdır. Örneğin, web sitesi Jeans satıyorsa, müşterilerin Regular fit, Slim fit veya Skinny jean pantolonlar arasında gezinmesine yardımcı olmak için öznitelik tabanlı kırıntıları kullanır.

Breadcrumb Gezinme En İyi Uygulamaları

Bir kırıntı gezintisi tasarlarken, aşağıdakileri göz önünde bulundurduğunuzdan emin olun. Breadcrumb navigasyonu, kullanıcılarınızın sitenizdeki deneyimini iyileştirmeye yönelik ek bir yardımcıdır.

Yinelenen Öğelerden Kaçının

Web sitenize gerçekten ekmek kırıntıları eklemek istiyorsanız, bunları doğru şekilde de yapabilirsiniz. Öncelikle, kırıntı izleri arasına girebilecek yinelenen öğeleri ortadan kaldırmanız gerekir. Ne yazık ki, aynı sayfaların birden fazla kategoriye veya gösterilen içerik düzeylerine ayrıldığı birçok üst düzey web sitesinde bunu gördüm. Bu sadece ziyaretçinin kafasını karıştırmakla kalmaz, aynı zamanda web sitenize de kötü bir şekilde yansır.

SEO Uyumluluğu

Ekmek kırıntıları, yalnızca ziyaretçileriniz için gezinme kontrolleri değil, aynı zamanda SEO uygulamanız için harika varlıklardır. Arama motorlarında sıralamanızı yükseltmek için içerik kırıntıları içindeki anahtar kelimeleri kullanabilirsiniz. Arama motorlarının sonuçlarındaki kırıntılarda kolayca listeleyebilmesi için web sitenizin kategorileri için SEO dostu adlar seçmeniz önerilir.

Alternatif Gezinme Olarak Ekmek Kırıntılarını Kullanın

Ekmek kırıntıları, kullanıcıların bir noktadan diğerine gitmesine yardımcı olmak için mükemmel bir kaynak olsa da, yalnızca ikincil bir kaynak olarak ele alınmaları önemlidir. Ekmek kırıntıları, ziyaretçinin kullanılabilirliğini artırmak için ek bir özelliktir ve hiçbir koşulda web sitesinin birincil gezinme yapısının yerini alamaz.

Breadcrumb Navigasyonunda Geçerli Sayfayı Bağlamanın Anlamsız

Ziyaretçinin mevcut konumunun kırıntı izinde gösterilmesi isteğe bağlı olsa da, doğrusal yapıda gösterilen bağlantının tıklanabilir veya tıklanabilir olmadığından emin olmalısınız. Ziyaretçinin şu anda bulundukları sayfanın bağlantısını onlara göstermesi yalnızca kafa karışıklığına neden olur.

Ayırıcı Ekle

Ayırıcıları kullanmak, kırıntı gezintinize temiz ve kayda değer bir görünüm kazandırmak için harika bir uygulamadır. Kullanıcının daha derinlere inmesi durumunda metnin fazla yaklaşmasını engeller ve anlaşılması ve etkileşimi kolay dinamik bir yapı oluşturur.

› işaretini hiyerarşiyi belirtmek için kullanabilirsiniz, çünkü genellikle Giysiler › Gömlekler › Yaka Gömlekler vb. kategori biçimlerinde kullanılır. Diğer simgeler arasında oklar (→), dik açılı tırnak işaretleri (») ve eğik çizgiler (⁄) bulunur.

Ekmek Kırıntılarının Boyutunu ve Dolgusunu Tanıtın

Ekmek kırıntılarını tasarlarken, dolguyu ve hedef boyutunu göz önünde bulundurmalısınız. Bir içerik haritası arasındaki boşluk fark edilebilir olmalıdır, aksi takdirde ziyaretçiler bunları etkili bir şekilde kullanamayabilir. Aynı zamanda, birincil gezinmenin etkilenmemesi için ekmek kırıntısının boyutunun çevresindeki diğer öğeleri tehlikeye atmadığından emin olun.

Asla Ekmek Kırıntılarının Tasarımına Gerektiğinden Fazla Odaklanma

Ekmek kırıntılarınızı temsil etmek için asla parlak renkler veya süslü yazı tipleri kullanmayın. Sayfaya geldikten sonra kullanıcılar için kırıntı izi önemli olsa da, dikkatlerine ilk gelen şey bu olmamalıdır. Kırıntı gezintisine glam eklemek, kullanıcının web sitesinin birincil gezinmesini görmezden gelmesine neden olabilir. Bu, kullanıcının sayfaya girme gerçek niyetinden dikkatini dağıtabilir ve mağaza için potansiyel bir dönüşümün kaybolmasına neden olabilir. Google bu konuda en iyi örnektir. Çok sayıda aranan içerik düzeyine sahip olduğundan, herhangi bir süslü yazı tipi veya renk içermeyen basit bir içerik haritası gezinme izi gösterir, böylece kullanıcılar içerik haritalarını kolayca bulabilir ve bunlarla etkileşim kurabilir.

Hangi Tipten Uzak Durulmalı?

Bu, site hiyerarşisini göstermek için konuma/özniteliğe dayalı kırıntıların mı yoksa yola dayalı kırıntıların mı kullanılacağına dair tartışmalı bir argümandır. İçerik haritalarının kullanıcının geçmişini değil, site hiyerarşisini göstermesi bir temel kuraldır. Bizim değerlendirmemize ve kanaatimize göre, muhtemelen artık yol tabanlı kırıntılarla uğraşmamalısınız. Birincisi, farklı düzeyler arasında gösterilen hiyerarşi eksikliği nedeniyle ziyaretçilerde kafa karışıklığına neden olabileceğinden UX'e yardımcı olmaz. Bu nedenle konum ve öznitelik tabanlı kırıntılar, yol tabanlı kırıntılara tercih edilir.

Son düşünceler

Ekmek kırıntıları, bir web sitesindeki diğer öğeler kadar önemlidir. Artık teknoloji daha fazla miktarda veri depolamaya, daha yüksek internet hızlarına ve hatta daha hızlı yükleme süresine izin verdiğinden, navigasyon daha yüksek hiyerarşi seviyelerinde ter dökmeden daha kapsamlı bir şekilde gösterilebilir. Ekmek kırıntılarının yardımıyla web siteniz yalnızca daha iyi bir kullanıcı deneyimi sağlamakla kalmayacak, aynı zamanda müşterilerinden daha fazla satış elde edecektir. Daha sorunsuz ve karmaşık olmayan bir gezinme, ürün sayfalarına daha kolay erişim anlamına gelir ve daha az ödeme sürecini engeller.