WordPress tasarımında ekmek kırıntıları: Daha iyi navigasyon için tarifler
Hiç yeni bir mayo gibi özel bir şey bulmak amacıyla veya sadece bir saat sonra kendinizi bir karpuz oyma videosu nasıl izlediğinizi merak etmek için yeni bir blender bulmak amacıyla çevrimiçi atladınız mı? Evet, ben de hiç yapmadım. Bunun size ne sıklıkta olduğu dışında, nihayet spiralden uzaklaştığınızda aldığınız patlayan duyguları biliyorsunuz ve sizi en başından beri oraya neyin getirdiğini bile hatırlamadığınızı fark ediyorsunuz. Şimdi sitenizdeki ziyaretçi deneyimlerini düşünün. Sitenize gelirler, belirli bir şey bulmayı planlarlar. Sonra başka birçok şeyi görmek için sıkıştılar ve olağan yoldan çok uzak olduklarını buldular. Geri çekmek istiyorlar, ancak sitenizde nerede olduklarını bilmiyorlar. Navigasyona geri dönebilirler, ancak menü bunları sayfaya yönlendiren tüm kategorileri gruplandırmayı içermez.
Burası ekmek kırıntıları faydalıdır. Breadcrumb nedir? En basit terimde, ekmek kırıntıları web siteleri için bir navigasyon biçimidir. Genellikle, ana navigasyon için ikincil bir rol oynarlar ve ziyaretçilerin doğrudan aradıklarıyla ilgili daha derin navigasyon seviyelerini görmelerini sağlar. Bundan daha fazlası var: İkincil navigasyon ekmek kırıntıları, ekmek kırıntıları, sitenizdeki her bir sayfayı ana navigasyona girmenin gerekliliğini önler. Çok dağınık olacak ve hiç kullanıcı dostu olmayacak. Bunun yerine, yalnızca yatay köprülerin bir listesi olan “Menü” içeriğinize yerleştirilir.
Ekmek kırıntılarından ikincil navigasyon stillerinin bazı örnekleri: Google Drive her zaman üstteki kullanıcı yolunu içerir, bu nedenle “Geri” düğmesini birkaç kez tıklamak veya sürücüme geri dönmek zorunda kalmadan önceki klasöre geri dönmek kolaydır. tekrar başlamak için. Google Drive Bread.
Dropbox ekmek kırıntıları. Oh, ve bunu fark etmezseniz, WPMU dev blogu, blog kategorisini görüntülemek için ekmek kırıntılarını kullanarak iyi bir iş çıkarır (başka bir yerde bulamayacağınız bir şey, ancak hala olağanüstü bilgilerdir):
WPMU dev blog ekmek kırıntısı. Hiyerarşiyi göstermek için ekmek kırıntıları, ziyaretçilerin ürünlerinizden birini Google Arama aracılığıyla bulduğunu ve doğrudan sayfaya getirildiğini söylüyor. Ürünü seviyorlar, ama istedikleri bu değil. Google’a dönmek yerine ve baştan başlamak için ana sayfanızı açmak yerine, ekmek kırıntıları ziyaretçilerin onları çeken eşyaları veya kategorileri hızlı bir şekilde bulmalarına izin verir. İstiyorlar, ekmek kırıntılarındaki kapsamlı “köpek oyuncakları” kategorisi onları daha uygun hale getirebilir. Çoğu büyük çevrimiçi perakendeciler, kullanıcının daha geniş bir kategoriye dönüş yolunu kolaylaştırmak için hiyerarşik ekmek kırıntıları kullanacaktır. Örneğin:
Verizon kablosuz akıllı telefonun kategorizasyonu bunun için iyi bir örnektir:
Verizon kablosuz ekmek kırıntıları. Xerox da yaptı:
Xerox ekmek kırıntıları. EBay bunun bir başka örneğidir:
EBay ekmek kırıntısı En iyi buy ekmek kırıntısı.
Geniş ürün envanteri olan birçok web sitesi tarafından seçilen filtreleri görüntülemek için ekmek kırıntıları, ziyaretçileri aramalarını daha iyi daraltmak için filtreleme olanağı sunar. Şimdiye kadar ziyaretçilere, ayarlanabilir ekmek kırıntılarına ekleyerek filtreleri üzerinde daha fazla kontrol sağlayan bazıları var. Bunu yapmanın yolu bu:
Boşluk ekmek kırıntıları.
Ve Zappos: Zappos ekmek kırıntıları.
Gördüğünüz gibi, bu ziyaretçilerin başka bir sayfaya gitmesine yardımcı olmakla ilgili değildir. Bu, onlara bir dizi önceki filtrelenmiş seçeneğe geri dönebilmeleri için kategoriyi veya filtreyi silmek için bir yol vermekle ilgilidir. Bir işlemdeki adımlar için ekmek kırıntıları bu en azından kullanabileceğiniz bir işlemdir, ancak bu, yerinizde birkaç adım gerektiren bir süreç varsa korumak için iyi bir seçimdir. Üst veya alttaki çok adımlı kontroller, iş başvuruları veya müşteri anketleri-progress çubukları ekmek kırıntıları şeklidir. Ekmek kırıntıları, bu durumda, ziyaretçilere kaç sürecin tamamlandığını gösteriyor. Dolar Tıraş Kulübü, kayıt sürecinde ekmek kırıntıları içerir:
Kırıntı dolar tıraş kulübü roti.
Birçok web sitesi bir sayfayı kontrol etmiş olsa da, AO.com gibi çok adımlı sürecin bakmaya değer olduğunu düşünen ve ziyaretçileri sadece birkaç adım daha olduğuna ikna etmek için ekmek kırıntıları kullananlar var. AO.com Ekmek kırıntısı.
Bu aynı zamanda web sitenizde bir sınav veya anketiniz varsa kullanabileceğiniz bir araçtır. Sonunda umut verici teşvikler olsa da, çok adımlı süreç iyi olmakla birlikte, kullanıcılara Mazda Müşteri Anketi: Mazda Bread Crumb gibi ne kadar daha fazla iş yapmaları gerektiğini gösterebiliyorsanız daha yüksek bir tamamlanma seviyesi bulabilirsiniz. 8 Breadbrumb’u etkili bir şekilde kullanmak için ipuçları gördüğünüz gibi, ekmek kırıntıları için kullanım vakalarının bir karışımı vardır – bunların hepsi web sitenizde kullanıcı deneyimini geliştirmeyi amaçlamaktadır. Ekmek kırıntılarının da sizin için istenmeyen faydaları da vardır:
Kendi kendine navigasyonu arttırırlar çünkü ziyaretçileri ana menüye geri dönme zorunluluğundan tutarlar. Ziyaretçileri diğer ilgili kategorileri veya öğeleri keşfetmeye yönlendiren görsel ipuçları verirler.
İş akışınızı ve kullanıcılarınızı (Google Drive gibi) kolaylaştırırlar.
Bir sürece dahil oldukları için endişelerin potansiyelini kolaylaştırırlar (bir anket veya ekmek kontrolü gibi).
Arama motorlarına sayfaların, ürünlerin veya ilgili hizmetlerin bağlamı vererek SEO’ya yardımcı olurlar.
İkincil navigasyonu koruyarak minimum tasarımı desteklerler.
WordPress siteniz ekmek kırıntıları kullanabiliyorsa, düzgün yaptığınızdan emin olun. Kullanıcı deneyiminizi desteklemek için ekmek kırıntılarını etkili bir şekilde kullanmak isteyip istemediğinizi hatırlamak için sekiz ipucu:
1. Çok fazla değil, navigasyonu arttırmayı amaçlayan sadece bir tür ekmek kırıntısı ekmek kullanın. Belki de karışık ekmek kırıntıları türünün en büyük aktörü, hiyerarşik ekmeğin kırıntılarını filtrelerle karıştıran e-reaksiyonculardır (isimlerden bahsetmez, ancak … Amazon bunu yapar). Genel bir kural olarak: İçeriğe odaklanan içerik ve uygulama ikincil ekmek kırıntısı navigasyonu kullanmalıdır.
İlgili ve ilgisiz büyük envanter öğeleri olan siteler, eşyaları doğal gruplamaya veya kategorilere ayıran ekmek kırıntısı hiyerarşisinin kullanımından yararlanacaktır.
Çeşitli stillere, boyutlara veya modaya (giyim perakendecileri gibi) parçalanabilen belirli bir ürün türüne sahip ağır ürünlere sahip siteler, filtre ekmeği kırıntıları kullanmalıdır.
Çok adımlı işlem, ekmek kırıntıları ilerlemesini kullanmalıdır.
2. Ekmek kırıntıları kullanmanıza gerek yok
Evet, ekmek kırıntıları sitenizin navigasyonunu artırmada çok yardımcı olur. Ancak, küçük bir siteniz veya mega menünüz varsa, içindeki tüm sayfaları kolayca yükleyebilirsiniz, o zaman ekmek kırıntılarına ihtiyacınız olmayabilir. Gerekirse tasarımınızı engellemeyin. 3. Asla ana navigasyon olarak kullanmayın Bir sitenin, ziyaretçilerin navigasyonla bağlantılı olarak yerleştirilmesi gibi ziyaretçilerin tanınmasını ve rahat hissetmesini sağlayan belirli unsurlar vardır. Ayrıca ana navigasyonda neyi arayacağını da biliyorlar: bunları sitedeki en önemli içeriğe yönlendiren basit ve net bir sayfa başlığı. Asla ikincil ve en başta navigasyon birbirine alışverişi yapmaya çalışmayın. Her birinin benzersiz hedefleri ve stilleri var.
4. Ekmek kırıntılarınızı ayarlamak için hangi eklentileri kullandığınıza bağlı olarak farklı bir ayırıcı oluşturun, bu problemde bir ses olmayabilir. Seçeneğiniz dışında, kullandığınız her seviyeyi, filtreyi veya kategoriyi ayırmak için farklı bir sembol içerdiğinden kesinlikle emin olmak istersiniz. “>” En yaygın ayırıcı olabilir, ancak “/” kullanan bazı siteler olmasına rağmen. 5. Bunun ikincil bir navigasyon olduğunu unutmayın. Çoğu insan onu nereden arayacağınızı zaten biliyor, bu yüzden tasarımınıza ekmek kırıntılarıyla hükmetmek veya su basmak için bir neden yok. 6. Yukarıdaki ekmek kırıntıları örneğindeki mevcut konumu vurgulayın, her birinin “buradasınız” ı göstermek için birkaç tür kalın veya renkli metin kullandığını göreceksiniz. Mevcut sayfa ekmek kırıntıları da sıradan metin olarak düzenlenmelidir. İçinde köprüler kalırsa, orada keşfedilebilecek daha fazlası olduğunu düşünen ziyaretçiler için karışıklığa neden olabilir. 7. Her zaman sitenizde olması gereken ana navigasyonun aksine (veya en azından oraya yönlendiren Hamburger simgesi bağlantısının) aksine ekmek kırıntısı ile ilgili sayfaya yerleştirin. Aslında, ekmek kırıntılarını sadece ikincil navigasyona ihtiyaç duyulan sayfaya yerleştirmelisiniz. Yani ana sayfa, talimatların satış sayfası, kişiler, hakkımızda vb. 8. NAVXT Bread Clumb eklentisini kullanın, kendi ekmek fren kodunuzu denemenize gerek yok. Breadbrumb Navxt, ekmek kırıntısının iyi görünmesi ve mükemmel çalışması için kullanabileceğiniz yüksek kaliteli bir eklentidir.
Breadbrumb Navxt “yerel” bir eklentidir, yani çalışma şekli Google’da veya WPMU dev blogunda bulduğunuza benzer. Başka bir deyişle, ziyaretçilerin bunları doğrudan mevcut konumlarına yönlendiren adımları görmelerini istiyorsanız, bu bir eklentidir. Bir dizi ayar seçeneği (ekmek kırıntılarının sembolünü değiştirmek gibi) ile görünür, böylece ekmek kırıntılarınızın nerede çalışacağı ve nasıl göründüğü konusunda boşluğunuz vardır. Diğer ekmek kırıntıları için, bu özelliği dahil edip etmediklerini görmek için e -ticaret ve SEO eklentilerinize danışın. Birçoğu bunu yapıyor – çünkü ekmek kırıntıları her ikisiyle de çok yakından ilişkilidir – bu yüzden yeni bir tane almadan önce sahip olduğunuzu kontrol edin. Ormanda kaybolan her erkek ve kız gibi sarmak, ekmek kırıntılarının izleri bırakarak, adımlarınıza geri göz atabileceğinizden emin olmanın iyi bir yoludur. Kuş ekmek kırıntıları yemediği sürece, bu durumda, cadının evine girebilirsiniz … ama çevrimiçi olarak çok endişelenmeniz gerektiğini bilmiyorum! Bununla birlikte, siteniz ziyaretçiler tarafından kolayca araştırılmak istediğiniz büyük bir envanter içeriyorsa, ekmek kırıntıları iyi bir fikirdir. Ana navigasyonunuz gerçekçi bir şekilde tüm bu sayfaları veya öğeleri destekleyemez, bu nedenle bu bilgileri ziyaretçilerle paylaşmak için ikincil navigasyon kullanmak akıllı bir adımdır. Bu, site çevresindeki bağımsız navigasyonlarını kolaylaştıracak ve belki de bilmedikleri diğer fırsatlar için açacaktır.
Size: Sizce minimal tasarıma yanıt olarak ekmek kırıntıları ortaya çıkıyor ve yan bıçakları “sahip olmalı” tasarım öğesi olarak kaldırıyor mu?Yoksa günlük web tasarımına daha fazla UX tasarım özelliği benimsemenin sadece doğal bir gelişme olduğunu düşünüyor musunuz?
galeta unu
navigasyon
