Broodkruimels gebruiken (de juiste manier)
Broodkruimels ... ze roepen associaties op met het sprookje van Hans en Grietje, waar Hansel broodkruimels verlaat om hem te helpen de weg naar huis terug te vinden. Hoewel de associatie met broodkruimels misschien nog sterker is in het rijk van Grimm-verhalen, is dat geleidelijk aan het veranderen, omdat broodkruimels in navigatie webontwerpers helpen een betere gebruikerservaring te creëren voor bezoekers van de site.
Dit grafische bedieningselement dient een zeer nuttig doel als navigatiehulpmiddel op een site, op voorwaarde dat het op een intelligente manier is ontworpen. Het kan een uitkomst zijn voor minder ervaren bezoekers die op een parcours moeten vertrouwen om hen te helpen bijhouden waar ze zich bevinden op de site van uw klant.
Een spoor van broodkruimels houdt elke pagina bij die door bezoekers wordt bekeken, soms in de volgorde waarin de pagina's zijn bekeken, andere keren in verschillende arrangementen.
Hier leest u hoe u broodkruimels op een zinvolle manier in uw navigatie kunt integreren:
Drie hoofdtypen breadcrumb-navigatie
Er zijn drie hoofdtypen broodkruimels die je meestal tegenkomt op een bepaalde site, waarvan er twee populairder zijn dan de vorige.
Locatie broodkruimels
Een van de twee populairste soorten die u tegenkomt, is dat locatiebrokjes uw gebruikers vertellen waar ze zijn met betrekking tot de hiërarchie van de site. De eenvoudige organisatie die gebruikers op een duidelijke manier binnen de site oriënteert, maakt dit type op grote schaal gebruikt.
Populair bij sites met verschillende niveaus van inhoud en navigatielagen, stelt breadcrumbs van de locatie gebruikers in staat om met een eenvoudige klik efficiënt terug te gaan naar eerdere, hogere niveaus van inhoud. Lokale broodkruimels zijn ook statisch (ze veranderen nooit), waardoor ze een betrouwbare manier zijn om gebruikers te helpen bij het heroriënteren.
1-800 Bloemen biedt het klassieke voorbeeld van paneermeel met functionele locaties. Elke keer dat een klant de bloemenarrangementpagina It's My Birthday bezoekt, ziet hij dat hij eerst op de categorie Verjaardag moest klikken nadat hij vanaf de startpagina begon. Natuurlijk kan hij op elk broodkruim op een hoger niveau klikken om daar meteen te geraken.
Ken broodkruimels toe
Kenmerk broodkruimels zijn het tweede hoofdtype dat u tegenkomt. In tegenstelling tot broodkruimels van de locatie, werken deze soort filteropties hetzelfde omdat ze niet statisch zijn en voortdurend veranderen op basis van de voorkeuren van de gebruiker.
Ze zullen u uw locatie op de site niet vertellen, maar in plaats daarvan meta-gegevens weergeven over de inhoud van de pagina. Attribute breadcrumbs zijn daarom populair bij e-commercesites waar u kunt aanpassen wat u wilt kopen, zoals op autosites.
Als gevolg hiervan kun je niet per se gebruik maken van dit soort broodkruimelaanpak om je weg terug te vinden naar pagina's die je al hebt bezocht.
Om te zien waar ik het over heb, kijk eens Cars.com's paneermeel. Wanneer u naar auto's zoekt op merk en model, let dan op de broodkruimels in de linkerbovenhoek van het scherm, net onder het logo van de site. Het jaar, merk en model vertegenwoordigen allemaal eerdere zoekopdrachten op de site, maar ze bieden geen betrouwbaar spoor om oude pagina's te bekijken die u al hebt bekeken.
Let op het verschil tussen dit type broodkruimel en de broodkruimels op de locatie, zodat u precies kunt terugkeren naar de pagina's die u onlangs hebt bezocht.
Pad broodkruimels
Pad broodkruimels zijn de minst populaire van de drie omdat, eerlijk gezegd, alles wat ze doen is repliceren wat de terugknop van een browser al doet! Dat helpt helemaal niet om UX te verbeteren; het is nogal overbodig.
Ook bekend als een history trail, zijn breadcrumbs echt niet zo nuttig omdat ze geen extra context of informatie geven aan bezoekers die landen op een pagina die al diep in de hiërarchie van de site staat. Een voorbeeld is een bezoeker die op een productpagina belandt omdat hij een zoekresultaat heeft gevonden waarop hij heeft geklikt.
Vanwege deze UX-problemen die dit type broodkruim veroorzaakt, wordt het steeds zeldzamer om het vandaag op sites te vinden.
Welk type is het meest geschikt voor welke site?
De afbraak van de drie belangrijkste soorten broodkruimels roept de voor de hand liggende vraag op, welke is het meest geschikt voor welk doel?
Laten we beginnen met degene met wie je waarschijnlijk niet meer bezig zou moeten zijn: broodkruimels. Dit helpt op zijn minst de UX niet; in het slechtste geval is het mogelijk dat gebruikers in de war raken door pad breadcrumbs omdat ze niet de juiste hiërarchie van verschillende niveaus binnen de site weergeven.
Nu we dat uit de weg hebben, laten we ons concentreren op alleen de locatie en paneermeel toewijzen.
Locatie-breadcrumbs zijn meer geschikt voor grotere sites met een zeer diep niveau en inhoud. Een uitstekend voorbeeld hiervan is eBay, een enorme winkel vanwege alle items die te koop of te veilen zijn. Lokale broodkruimels zijn daarom perfect voor deze diepte van inhoud, omdat bezoekers de extra oriëntatie duidelijk kunnen gebruiken.
Laten we nu onze aandacht richten op het toekennen van broodkruimels.
Zoals te zien in het bovenstaande voorbeeld met Cars.com, zullen eCommerce-sites die klanten veel aanpasbare opties bieden, veel baat hebben bij dit type navigatiehulp. Sites met verschillende aanpassingsmogelijkheden kunnen overweldigend zijn voor winkelend publiek. Dat is waarom ze deze filters geven logischer is dan broodkruimels op de locatie, omdat klanten de verschillende wijzigingen die ze in hun zoekresultaten en bestellingen hebben aangebracht, willen bijhouden.
Praktische tips voor broodkruimels
Over het algemeen kunt u, als u deze tips volgt bij het ontwerpen van breadcrumb-navigatie voor de sites van uw klant, niet fout gaan:
- Zorg ervoor dat er geen dubbele elementen in uw spoor van broodkruimels zijn (lees: pagina's die in meerdere categorieën of niveaus van inhoud vallen), want dat kan gebruikers in de war brengen.
- Gebruik het groter dan-teken (>) om de koppelingen in uw broodkruimels op te splitsen, want dit is wat gebruikers al verwachten van jarenlange bekendheid en conventies van de site.
- Gebruik zoekwoorden die u daadwerkelijk wilt rangschikken in SEO bij het kiezen van de namen van uw verschillende categorieën in uw broodkruimels, omdat dit SEO helpt.
Broodkruimels: geweldig idee, maar niet altijd correct gebruikt
Zoals met veel concepten in ontwerp en UX, wordt een geweldig idee dat zeer nuttig kan zijn voor gebruikers een probleem als het niet correct wordt geïmplementeerd. Daar is deze beknopte handleiding voor: u uitrusten met de kennis om u in staat te stellen broodkruimels te ontwerpen om UX te optimaliseren in plaats van geen impact te maken of zelfs maar pijn te doen.
Hoewel dit geen absolute noodzaak is voor elke site, kunnen broodkruimels gebruikers een extra laag navigatiehulp bieden wanneer ze geconfronteerd worden met veel lagen inhoud of met veel opties die ze willen filteren. Hoe dan ook, de bruikbaarheid van broodkruimels komt uiteindelijk neer op hoe ontwerpers ze implementeren op de sites van hun klanten.
Door ervoor te zorgen dat u het doel achter elk type broodkruimelnavigatie begrijpt, helpt u uzelf bij het maken van de juiste keuze voor het type site dat u ontwerpt. En wanneer u intelligent kiest, heeft u tevreden gebruikers, tevreden klanten en goede verwijzingen, dus neem de volgende keer dat u met broodkruimels te maken hebt, extra op.