Breadcrumbs Nasıl Kullanılır (Doğru Yol)
Ekmek kırıntıları… Hansel ve Gretel'in peri masalı birlikteliklerini getiriyorlar, burada Hansel tekrar eve dönmesine yardım etmesi için ekmek kırıntıları bırakıyor. Her ne kadar ekmek kırıntıları ile ilişki, Grimm hikayeleri alanında hâlâ daha güçlü olsa da, bu durum, web tasarımcılarının site ziyaretçileri için daha iyi bir kullanıcı deneyimi yaratmalarına yardımcı olmak için, gezinme konusunda gittikçe artan bir şekilde kırıntı olarak değişiyor.
Bu grafiksel kontrol elemanı, akıllıca tasarlanmış olması koşuluyla, bir sitede gezinme yardımı olarak çok faydalı bir amaca hizmet eder. Müşterinizin bulunduğu yerde nerede olduklarını takip etmelerine yardımcı olacak bir izlemeye ihtiyaç duyan daha az deneyimli ziyaretçiler için bir tanrıça olabilir.
Ekmek kırıntılarının bir izi, ziyaretçiler tarafından görüntülenen her sayfayı, bazen söz konusu sayfaların görüntülendiği sırayla, diğer zamanlarda farklı düzenlemelerde izler ve görüntüler.
Ekmek kırıntılarını navigasyonunuza anlamlı bir şekilde nasıl entegre edeceğiniz aşağıda açıklanmıştır:
Üç temel ekmek kırıntısı türü
Herhangi bir sitede genellikle karşılaşacağınız üç temel ekmek kırıntısı türü vardır; bunlardan ikisi sonuncusundan daha popülerdir.
Yer kırıntıları
Karşılaşacağınız en popüler iki türden biri olan yer kırıntıları, kullanıcılarınıza sitenin hiyerarşisine göre nerede olduklarını söyler. Kullanıcıları sitenin içinde net bir şekilde yönlendiren basit örgütü, bu türü çok yaygın olarak kullanmaktadır.
Çok sayıda içerik ve gezinme katmanına sahip siteler arasında popüler olan konum kırıntıları, kullanıcıları basit bir tıklama ile daha önceki, daha yüksek düzeydeki içeriklere verimli bir şekilde geri kazandırmaya teşvik eder. Ayrıca, yer kırıntıları statiktir (asla değişmezler), bu da kullanıcıları yeniden yönlendirmek için güvenilir bir yoldur.
1-800 Çiçekler Fonksiyonel konum kırıntılarının klasik örneğini sağlar. Bir alışverişçi, Doğum Gününüzün çiçek aranjmanı sayfasını ziyaret ettiğinde, ana sayfadan başlayarak Doğum Günü kategorisine tıklamak zorunda olduğunu görecektir. Tabii ki, oraya ulaşmak için her üst seviye kırıntıya tıklayabilir.
Öznitelik kırıntıları
Öznitelik kırıntıları karşılaşacağınız ikinci ana tiptir. Konum kırıntılarından farklı olarak, bu kullanıcılar, kullanıcıların tercihlerine bağlı olarak statik olmadıkları ve sürekli olarak değişmedikleri için benzer filtre seçenekleri kullanırlar.
Sitede konumunuzu size söylemezler, bunun yerine sayfanın içeriği ile ilgili meta verileri görüntüler. Öznitelik kırıntıları bu nedenle, araba siteleri gibi satın almak istediğinizi özelleştirebileceğiniz e-ticaret sitelerinde popülerdir.
Sonuç olarak, daha önce ziyaret ettiğiniz sayfalara geri dönüş yolunuzu bulmak için mutlaka bu türden kırıntı yaklaşımını kullanamazsınız.
Ne hakkında konuştuğumu görmek için, göz atın Cars.com en galeta unu. Marka ve modele göre araba aradığınızda, ekranın sol üst kısmındaki ekmek kırıntılarını, site logosunun hemen altında görebilirsiniz. Yıl, marka ve model, sitede önceki aramaları temsil eder, ancak daha önce görüntülediğiniz eski sayfaları yeniden ziyaret etmek için güvenilir bir yol sağlamaz.
Bu türden kırıntılarla, son ziyaret ettiğiniz sayfaları tam olarak tekrar ziyaret etmenize izin veren yer kırıntıları arasındaki farkı unutmayın.
Yol kırıntıları
Yol kırıntıları üçün en popüler olanıdır, çünkü açıkçası, tek yaptıkları, tarayıcının geri düğmesinin zaten ne yaptığını kopyalamaktır! Bu, UX'i geliştirmeye hiç yardımcı değil; Oldukça gereksiz.
Geçmiş izi olarak da bilinen yol kırıntıları, sitenin hiyerarşisinde zaten derin bir sayfaya giren ziyaretçilere ek bağlam veya bilgi vermedikleri için gerçekten yararlı değildir. Bir örnek, tıkladığı bir arama sonucu bulduğu için bir ürün sayfasına gelen bir ziyaretçi olur.
Bu tür bir ekmek kırıntısının neden olduğu bu UX sorunları nedeniyle, bugün sitelerde bulmak giderek daha az rastlanmaktadır.
Hangi site hangi siteye en uygun?
Üç ana ekmek kırıntısı türünün dökümü, hangi amaç için en uygun olan açık soruyu ortaya çıkarmaktadır?
Muhtemelen artık uğraşmaması gereken biriyle başlayalım: yol kırıntıları. En azından, bu UX'e yardımcı olmaz; En kötü durum senaryosu, kullanıcıların site içerisindeki farklı seviyelerin uygun hiyerarşisini göstermediklerinden, yol kırıntıları tarafından gerçekten karıştırılabileceğidir.
Şimdi bu yoldan çıktık, hadi sadece lokasyona odaklanalım ve ekmek kırıntılarına atıfta bulunalım.
Yer kırıntıları, çok derin ve içerik düzeylerine sahip daha büyük siteler için daha uygundur. Bunun mükemmel bir örneği, satış veya açık artırmadaki tüm öğeler nedeniyle büyük bir mağaza olan eBay'dir. Buna göre, ziyaretçilere ekstra yönelimi açıkça kullanabileceğinden, konum kırıntıları bu içerik derinliği için mükemmeldir.
Şimdi dikkatimizi ekmek kırıntıları niteliğine çevirelim.
Cars.com ile yukarıdaki örnekte görüldüğü gibi, çok sayıda özelleştirilebilir seçenek sunan eTicaret siteleri, bu tür bir gezinme yardımına sahip olmaktan büyük ölçüde faydalanacaktır. Çeşitli özelleştirme seçeneklerine sahip siteler, alışveriş yapanlara karşı bunaltıcı olabilir. Bu nedenle, bu filtrelere bu filtreleri vermek, müşterilerin arama sonuçlarında ve siparişlerinde yaptıkları çeşitli değişiklikleri takip etmek istedikleri için konum kırıntılarından daha anlamlı olur.
Ekmek kırıntıları için en iyi yöntemler
Genel olarak, müşterinizin siteleri için kırıntı navigasyonu tasarlarken bu ipuçlarını uyguladığınızda, yanlış yapamazsınız:
- Kullanıcıları gerçekten karıştırabildiğinden, kırıntıların izinde yinelenen öğeler olmadığından emin olun (okuyun: birden çok kategoriye veya içeriğe sahip sayfalara bakın).
- Kullanıcıların, site sahibi olma ve kongrelerin yıllardan beri bekledikleri gibi, kırıntılarınızdaki bağlantıları kırmak için büyük (>) işaretini kullanın.
- Bu SEO yardımcı olur gibi aslında, kendi kategorilerindeki farklı kategorilerinizin adlarına karar verirken SEO için sıralamak istediğiniz anahtar kelimeler kullanın.
Breadcrumbs: harika bir fikir, ancak her zaman düzgün kullanılmıyor
Tasarım ve UX'teki birçok konseptte olduğu gibi, kullanıcılara çok yardımcı olabilecek harika bir fikir, doğru bir şekilde uygulanmadığı takdirde zorluk çeker. Bu kısa kılavuzun amacı şudur: UX'i optimize etmek yerine, hiçbir etki yapmama veya hatta incitmek yerine, ekmek kırıntılarını tasarlamanız için sizi güçlendirecek bilgilerle donatmak.
Her tür site için mutlak bir gereklilik olmasa da, kırıntıları kullanıcılara çok sayıda içerik katmanı veya filtrelemek istedikleri birçok seçenekle karşılaştıklarında ekstra bir gezinme yardımı katmanı sağlayabilir. Her iki şekilde de, ekmek kırıntılarından elde edilen kullanılabilirlik, sonuçta tasarımcıların onları müşterilerinin sitelerine nasıl uyguladıklarına iner.
Her bir tür kırıntı gezintisinin ardındaki amacı anladığınızdan emin olarak, tasarladığınız sitenin türü için doğru seçimi yapmanıza yardımcı olursunuz. Akıllıca seçtiğinizde, memnun kullanıcılara, mutlu müşterilere ve iyi yönlendirmelere sahip olursunuz, bu yüzden bir dahaki sefere kırıntılarla uğraşırken biraz daha dikkatli olun.