Breadcrumps: wat ze doen en wat ze betekenen
In dit blog leg ik alles uit over breadcrumps.
Uiteraard leg ik uit wat breadcrumps op je website betekent.
En nog veel meer!
Huur een breadcrumps specialist in!
Uiteraard leg ik uit wat breadcrumps op je website betekent.
En nog veel meer!
Huur een breadcrumps specialist in!
Wat is een breadcrumb trail?
Een breadcrumb of breadcrumb trail is een grafisch controle element dat vaak wordt gebruikt als navigatiehulpmiddel in gebruikersinterfaces en op webpagina's.
Het stelt gebruikers in staat om hun locaties in programma's, documenten of websites bij te houden en te behouden.
Broodkruimels worden meestal horizontaal boven op een webpagina weergegeven, vaak onder titelbalken of kopteksten.
Ze bieden koppelingen terug naar elke vorige pagina waar de gebruiker doorheen navigeerde om naar de huidige pagina of, in hiërarchische sitestructuren, de bovenliggende pagina's van de huidige pagina te gaan.
Breadcrumbs bieden een pad voor de gebruiker om terug te volgen naar het begin of toegangspunt.
Een groter teken (>) dient vaak als hiërarchiescheidingsteken, hoewel ontwerpers andere glyphs (zoals » of ›) evenals diverse grafische pictogrammen kunnen gebruiken.
Op websites met veel pagina's kan broodkruimelnavigatie de manier waarop gebruikers hun weg vinden aanzienlijk verbeteren.
In termen van bruikbaarheid verminderen breadcrumps het aantal acties dat een website bezoeker moet ondernemen om naar een pagina op een hoger niveau te komen.
En ze verbeteren de vindbaarheid van websitesecties en pagina's.
Ze zijn ook een effectief visueel hulpmiddel dat de locatie van de gebruiker binnen de hiërarchie van de website aangeeft, waardoor het een geweldige bron van contextuele informatie voor bestemmingspagina's is.
Wilt u een goede website laten bouwen door een van onze experts? Contact ons dan direct.
Het stelt gebruikers in staat om hun locaties in programma's, documenten of websites bij te houden en te behouden.
Broodkruimels worden meestal horizontaal boven op een webpagina weergegeven, vaak onder titelbalken of kopteksten.
Ze bieden koppelingen terug naar elke vorige pagina waar de gebruiker doorheen navigeerde om naar de huidige pagina of, in hiërarchische sitestructuren, de bovenliggende pagina's van de huidige pagina te gaan.
Breadcrumbs bieden een pad voor de gebruiker om terug te volgen naar het begin of toegangspunt.
Een groter teken (>) dient vaak als hiërarchiescheidingsteken, hoewel ontwerpers andere glyphs (zoals » of ›) evenals diverse grafische pictogrammen kunnen gebruiken.
Op websites met veel pagina's kan broodkruimelnavigatie de manier waarop gebruikers hun weg vinden aanzienlijk verbeteren.
In termen van bruikbaarheid verminderen breadcrumps het aantal acties dat een website bezoeker moet ondernemen om naar een pagina op een hoger niveau te komen.
En ze verbeteren de vindbaarheid van websitesecties en pagina's.
Ze zijn ook een effectief visueel hulpmiddel dat de locatie van de gebruiker binnen de hiërarchie van de website aangeeft, waardoor het een geweldige bron van contextuele informatie voor bestemmingspagina's is.
Wilt u een goede website laten bouwen door een van onze experts? Contact ons dan direct.
Breadcrumb navigatie
Breadcrumb navigatie moet worden beschouwd als een extra functie en mag geen effectieve primaire navigatiemenu's vervangen.
Het is een gemaksfunctie; een secundair navigatieschema waarmee gebruikers kunnen vaststellen waar ze zich bevinden.
En een alternatieve manier om door uw website te navigeren.
Je kunt breadcrumbs meestal vinden op websites met een grote hoeveelheid inhoud die op een hiërarchische manier is georganiseerd.
U ziet ze ook in webtoepassingen met meer dan één stap, waarbij ze vergelijkbaar zijn met een voortgangsbalk.
In hun eenvoudigste vorm zijn paneermeel horizontaal gerangschikte tekstlinks gescheiden door het symbool "groter dan" (>); het symbool geeft het niveau van die pagina aan ten opzichte van de paginakoppelingen ernaast.
Het vinden van de juiste online route
Op websites met veel pagina's kan broodkruimelnavigatie de manier waarop gebruikers hun weg vinden aanzienlijk verbeteren.
In termen van bruikbaarheid verminderen broodkruimels het aantal acties dat een websitebezoeker moet ondernemen om naar een pagina op een hoger niveau te komen, en ze verbeteren de vindbaarheid van websitesecties en pagina's.
Ze zijn ook een effectief visueel hulpmiddel dat de locatie van de gebruiker binnen de hiërarchie van de website aangeeft, waardoor het een geweldige bron van contextuele informatie voor bestemmingspagina's is.
Een "breadcrumb" (of "breadcrumb trail") is een type secundair navigatieschema dat de locatie van de gebruiker in een website of webtoepassing onthult.
De term komt uit het Hans en Grietje sprookje waarin de twee titelkinderen broodkruimels laten vallen om een pad terug naar hun huis te vormen.
Net als in het verhaal bieden broodkruimels in echte applicaties gebruikers een manier om het pad terug te leiden naar hun oorspronkelijke landingspunt.
Sommige commentatoren en programmeurs gebruiken ook de term "cookie crumb" als synoniem om het navigatieontwerp te beschrijven.
Dit moet niet worden verward met de term cookie, die verwijst naar HTTP-cookies
Breadcrumbs zijn een secundaire navigatiehulp die gebruikers helpt gemakkelijk de relatie te begrijpen tussen hun locatie op een pagina (zoals een productpagina) en pagina's op een hoger niveau (bijvoorbeeld een categoriepagina).
De term is ontleend aan het verhaal van Hans en Grietje waar de kinderen een spoor van broodkruimels laten vallen om hun weg terug te vinden.
Met paneermeel, als je een pagina hebt bereikt waarop je niet wilt zijn, kun je gemakkelijk de weg terug vinden of een stap of twee teruggaan en opnieuw beginnen.
Breadcrumps zijn geen exclusief website only element.
Microsoft introduceerde Breadcrumbs in Windows Vista en het is sindsdien een functie in elke Windows editie.
Het is een gemaksfunctie; een secundair navigatieschema waarmee gebruikers kunnen vaststellen waar ze zich bevinden.
En een alternatieve manier om door uw website te navigeren.
Je kunt breadcrumbs meestal vinden op websites met een grote hoeveelheid inhoud die op een hiërarchische manier is georganiseerd.
U ziet ze ook in webtoepassingen met meer dan één stap, waarbij ze vergelijkbaar zijn met een voortgangsbalk.
In hun eenvoudigste vorm zijn paneermeel horizontaal gerangschikte tekstlinks gescheiden door het symbool "groter dan" (>); het symbool geeft het niveau van die pagina aan ten opzichte van de paginakoppelingen ernaast.
Het vinden van de juiste online route
Op websites met veel pagina's kan broodkruimelnavigatie de manier waarop gebruikers hun weg vinden aanzienlijk verbeteren.
In termen van bruikbaarheid verminderen broodkruimels het aantal acties dat een websitebezoeker moet ondernemen om naar een pagina op een hoger niveau te komen, en ze verbeteren de vindbaarheid van websitesecties en pagina's.
Ze zijn ook een effectief visueel hulpmiddel dat de locatie van de gebruiker binnen de hiërarchie van de website aangeeft, waardoor het een geweldige bron van contextuele informatie voor bestemmingspagina's is.
Een "breadcrumb" (of "breadcrumb trail") is een type secundair navigatieschema dat de locatie van de gebruiker in een website of webtoepassing onthult.
De term komt uit het Hans en Grietje sprookje waarin de twee titelkinderen broodkruimels laten vallen om een pad terug naar hun huis te vormen.
Net als in het verhaal bieden broodkruimels in echte applicaties gebruikers een manier om het pad terug te leiden naar hun oorspronkelijke landingspunt.
Sommige commentatoren en programmeurs gebruiken ook de term "cookie crumb" als synoniem om het navigatieontwerp te beschrijven.
Dit moet niet worden verward met de term cookie, die verwijst naar HTTP-cookies
Breadcrumbs zijn een secundaire navigatiehulp die gebruikers helpt gemakkelijk de relatie te begrijpen tussen hun locatie op een pagina (zoals een productpagina) en pagina's op een hoger niveau (bijvoorbeeld een categoriepagina).
De term is ontleend aan het verhaal van Hans en Grietje waar de kinderen een spoor van broodkruimels laten vallen om hun weg terug te vinden.
Met paneermeel, als je een pagina hebt bereikt waarop je niet wilt zijn, kun je gemakkelijk de weg terug vinden of een stap of twee teruggaan en opnieuw beginnen.
Breadcrumps zijn geen exclusief website only element.
Microsoft introduceerde Breadcrumbs in Windows Vista en het is sindsdien een functie in elke Windows editie.
Soorten breadcrumbs in websiteontwerp
Breadcrumbs op basis van locatie of hiërarchie
Op locatie gebaseerde Breadcrumbs helpen een gebruiker om naar een bredere categorie (pagina op een hoger niveau) te gaan vanaf de pagina waarop ze zich bevinden.
Overweeg iemand die op Google naar een paar woestijnschoenen zoekt, ze vinden een zoekresultaat en landen op een van je productpagina's.
Ze houden niet van wat ze zien en willen andere opties verkennen.
Hoe komt de persoon terug op de hoofdcategoriepagina (Herenschoenen) of een subcategoriepagina (Herenschoenen – Woestijnschoenen)?
Met op hiërarchie gebaseerde broodkruimels kan de gebruiker gemakkelijk zien waar ze zich langs de architectuur van uw site bevinden en gemakkelijk naar de pagina op een hoger niveau gaan.
Broodkruimels op basis van paden of geschiedenis
Ze dienen hetzelfde doel als de browser terugknop, waardoor een gebruiker terug kan gaan naar een van de vorige pagina's die ze hebben bezocht.
Dit kan handig zijn wanneer de gebruiker de productpagina heeft bereikt nadat hij meerdere filters op de categoriepagina heeft toegepast.
Met op geschiedenis gebaseerde paneermeel kan de gebruiker snel naar een van de vorige pagina's in zijn reis springen, met al hun selecties intact.
De meest voorkomende toepassing van op geschiedenis gebaseerde paneermeel is echter het gebruik van een 'Back To Results' link.
Op attribuut gebaseerde paneermeel
Op attributen gebaseerde breadcrumbs tonen u eenvoudig de kenmerken die een gebruiker op een pagina heeft geselecteerd.
Dergelijke breadcrumbs vinden applicatie op eCommerce categoriepagina's aangeboden door de meeste eCommerce platforms waar gebruikers kenmerken kunnen selecteren om zoekresultaten te filteren.
Op locatie gebaseerde Breadcrumbs helpen een gebruiker om naar een bredere categorie (pagina op een hoger niveau) te gaan vanaf de pagina waarop ze zich bevinden.
Overweeg iemand die op Google naar een paar woestijnschoenen zoekt, ze vinden een zoekresultaat en landen op een van je productpagina's.
Ze houden niet van wat ze zien en willen andere opties verkennen.
Hoe komt de persoon terug op de hoofdcategoriepagina (Herenschoenen) of een subcategoriepagina (Herenschoenen – Woestijnschoenen)?
Met op hiërarchie gebaseerde broodkruimels kan de gebruiker gemakkelijk zien waar ze zich langs de architectuur van uw site bevinden en gemakkelijk naar de pagina op een hoger niveau gaan.
Broodkruimels op basis van paden of geschiedenis
Ze dienen hetzelfde doel als de browser terugknop, waardoor een gebruiker terug kan gaan naar een van de vorige pagina's die ze hebben bezocht.
Dit kan handig zijn wanneer de gebruiker de productpagina heeft bereikt nadat hij meerdere filters op de categoriepagina heeft toegepast.
Met op geschiedenis gebaseerde paneermeel kan de gebruiker snel naar een van de vorige pagina's in zijn reis springen, met al hun selecties intact.
De meest voorkomende toepassing van op geschiedenis gebaseerde paneermeel is echter het gebruik van een 'Back To Results' link.
Op attribuut gebaseerde paneermeel
Op attributen gebaseerde breadcrumbs tonen u eenvoudig de kenmerken die een gebruiker op een pagina heeft geselecteerd.
Dergelijke breadcrumbs vinden applicatie op eCommerce categoriepagina's aangeboden door de meeste eCommerce platforms waar gebruikers kenmerken kunnen selecteren om zoekresultaten te filteren.
5 Voordelen van het gebruik van paneermeel
Aanvankelijk geconceptualiseerd als een eenvoudig navigatiehulpmiddel, zijn breadcrumbs tegenwoordig veel aspecten van de online gebruikerservaring gaan beïnvloeden.
Moedigt browsen aan en vermindert bounce
Als een gebruiker een productpagina bereikt waarin hij of zij niet geïnteresseerd is, wordt deze geweigerd of gaat hij terug naar de categoriepagina om opnieuw te beginnen.
Breadcrumbs moedigen de gebruiker aan om opnieuw te beginnen en nog niet te stuiteren.
In een studie uitgevoerd door Hull, S.S. (2004), bleek dat gebruikers die instructies kregen om Breadcrumbs te gebruiken, taken veel sneller voltooiden dan gebruikers die Breadcrumbs niet gebruikten.
Voor gebruikers die dagelijks gebruik maken van internet (zelfs intranetten zoals die van een organisatie) kan het gebruik van Breadcrumbs de productiviteit en tijdsbesparing aanzienlijk verhogen.
Verbetert de vindbaarheid van uw website
Een van de grondleggers van de informatiearchitectuur voor het World Wide Web, ontwikkelde de honingraat voor gebruikerservaring die de zeven belangrijkste facetten van een geweldige gebruikerservaring illustreert.
Door gebruikers te helpen gemakkelijk te navigeren en te vinden wat ze zoeken, helpen broodkruimels de vindbaarheid van een website te verbeteren.
Wilt u ook een website die bovenaan Google komt? Vraag dan een offerte bij ons aan!
Moedigt browsen aan en vermindert bounce
Als een gebruiker een productpagina bereikt waarin hij of zij niet geïnteresseerd is, wordt deze geweigerd of gaat hij terug naar de categoriepagina om opnieuw te beginnen.
Breadcrumbs moedigen de gebruiker aan om opnieuw te beginnen en nog niet te stuiteren.
In een studie uitgevoerd door Hull, S.S. (2004), bleek dat gebruikers die instructies kregen om Breadcrumbs te gebruiken, taken veel sneller voltooiden dan gebruikers die Breadcrumbs niet gebruikten.
Voor gebruikers die dagelijks gebruik maken van internet (zelfs intranetten zoals die van een organisatie) kan het gebruik van Breadcrumbs de productiviteit en tijdsbesparing aanzienlijk verhogen.
Verbetert de vindbaarheid van uw website
Een van de grondleggers van de informatiearchitectuur voor het World Wide Web, ontwikkelde de honingraat voor gebruikerservaring die de zeven belangrijkste facetten van een geweldige gebruikerservaring illustreert.
Door gebruikers te helpen gemakkelijk te navigeren en te vinden wat ze zoeken, helpen broodkruimels de vindbaarheid van een website te verbeteren.
Wilt u ook een website die bovenaan Google komt? Vraag dan een offerte bij ons aan!
Breadcrumbs bieden SEO voordelen
Google heeft aangekondigd dat ze de URL in de zoekresultaten vervangen door de sitenaam en het broodkruimelnavigatiepad.
Dit gebeurt nu voor mobiele apparaten en kan de komende dagen ook voor desktop worden uitgerold.
Google denkt dat het gebruik van de echte naam van de website zal helpen de bruikbaarheid te verbeteren en de breadcrumb links zullen gebruikers precies laten zien waar ze naartoe zullen worden gebracht door op het zoekresultaat te klikken.
Waarvoor gebruik Webmasters breadcrumbs?
Webmasters kunnen de schemaopslag voor Breadcrumbs gebruiken om effectiever met de zoekmachine te communiceren.
Breadcrumbs worden een extra manier om zoekmachines beter uit te leggen waar je pagina's over gaan en dat beetje extra SEO voordeel te krijgen.
Ze fungeren ook als extra links in de zoekresultaten om u meer kans te geven op een doorklik.
Omdat er geen goede reden is om ze niet te gebruiken
Broodkruimels veroorzaken nooit problemen bij gebruikerstests.
Gebruikers besteden slechts 30% van de tijd aandacht aan broodkruimels; als ze dat doen, helpt het en zelfs als ze dat niet doen, veroorzaakt het geen kwaad.
Ze nemen heel weinig ruimte in beslag op de pagina, dus onroerend goed kan niet de reden zijn waarom je besluit om geen broodkruimels te gebruiken.
Paneermeel is gedurende vele jaren redelijk consistent gebleven in zijn uiterlijk.
Zo'n lange termijn vertrouwdheid maakt het direct herkenbaar en daarom nuttig.
Broodkruimels helpen gebruikersangst te verminderen
Breadcrumbs kunnen de angst van gebruikers over wat te verwachten verminderen door hen het hele spoor van een proces te laten zien.
Het aanmaken van een account op het vwo heeft bijvoorbeeld een paar stappen.
Door broodkruimels te gebruiken, kunnen we de gebruiker precies vertellen hoeveel stappen er bij het proces betrokken zijn en ze op elk moment terug laten gaan naar een van de vorige stappen.
Dit geeft de gebruiker een idee van de inzet (tijd en moeite) die van hem nodig is om het proces op te zetten.
Zodra iemand een poging initieert, kunnen dergelijke visuele aanwijzingen fungeren als een sterke motivator om het proces te voltooien.
Er is een debat in overvloed over de vraag of deze functionaliteit een 'voortgangsbalk' of 'broodkruimel' navigatie moet worden.
Maar populaire wijsheid suggereert dat als het pad gebruikers terug laat navigeren naar een vorige stap, het net zo goed is als een broodkruimel.
10 Aanbevolen praktijken voor het gebruik van breadcrumbs
Gewoonlijk worden broodkruimels weergegeven in een horizontale lijn die het pad weergeeft van de pagina op het hoogste niveau (start) naar de huidige pagina waarop de gebruiker zich bevindt.
Toon altijd het hele pad: Geef gebruikers context. Een goede broodkruimelpad werkt als knipperlichten die de gebruiker gefocust houden op de taak bij de hand.
Begin met de startpagina: Paden werken het beste wanneer ze de reis van de ene kant naar de andere laten zien. Het opnemen van de startpagina in het pad werkt als een sterk anker dat een sterk gevoel van oriëntatie geeft aan de gebruikers.
Gebruik '>' als scheidingsteken tussen niveaus:het werkt omdat het altijd heeft gewerkt. De '>' toont snel de relatie tussen pagina's op een hoger niveau en pagina's op een lager niveau.
Wij hadden aanvankelijk aanbevolen om colon te gebruiken (:) in de broodkruimelnavigatiebalk.
Na het testen van gebruikers veranderde hij zijn aanbeveling in het gebruik van '>' omdat het gemakkelijk de relatie vertegenwoordigt tussen pagina's op een hoger en lager niveau.
Zet de kruimels bovenaan: Navigatiebalken worden meestal helemaal bovenaan een website geplaatst. Omdat Breadcrumbs als secundair navigatiehulpmiddel werken, moet het boven de inhoud worden geplaatst.
Wat gaven onze breadcrums testen aan?
Virtual Assistant Nederland voerde gebruikerstests uit en ontdekte dat gebruikers broodkruimels verwachten bovenaan van de pagina.
Een goede plaatsing voor broodkruimels bevindt zich onder de hoofdnavigatiebalk en boven de paginatitel.
Toon wat Contrast: Contrast helpt depaneermeel op te vallen als een belangrijke functionaliteit. Omdat ze minder ruimte innemen en meestal alleen op tekst zijn gebaseerd, wordt contrast een cruciale factor voor hun succes.
Klein type gebruiken: Het gebruik van een klein type helpt de gebruiker het relatieve belang van de broodkruimels te communiceren met betrekking tot de hoofdnavigatiebalk. Het mag nooit worden verward voor de primaire navigatiehulp.
Boldface the Last Item: Boldfacing the last item (current page) geeft het prominentie en vertelt de gebruiker 'dit is waar je nu bent'.
Hyperlink het laatste item niet: Waarom zou u een hyperlink maken naar een tekst die naar dezelfde pagina leidt? Het is verwarrend voor de gebruiker.
Gebruik Breadcrumbs niet op de startpagina: De startpagina is waar de gebruikersreis begint, het heeft geen zin om broodkruimels op uw startpagina weer te geven.
Volledige paginatitels in Breadcrumbs gebruiken: Het is logisch om paginagrote titels in de breadcrumbs op te nemen, zodat gebruikers precies weten waar elk van de hyperlinks naartoe leidt.
Gebruik liever paginatitels
Maar vanwege lange paginatitels of andere redenen geven sommigen er de voorkeur aan paginatitels af te snijden met behulp van ellipsen.
In dergelijke gevallen is het beter om zinnen zoals 'Je bent hier' weg te laten om ruimte te maken voor de belangrijkere elementen die de paginatitels zelf zijn.
Pagina URL moet Breadcrumb Trail spiegelen: de pagina URL geeft een idee van de sitearchitectuur.
Het is belangrijk om consistentie tussen de URL en de Breadcrumbs te garanderen, omdat gebruikers anders inconsistente berichten van beide elementen kunnen krijgen.
Dit gebeurt nu voor mobiele apparaten en kan de komende dagen ook voor desktop worden uitgerold.
Google denkt dat het gebruik van de echte naam van de website zal helpen de bruikbaarheid te verbeteren en de breadcrumb links zullen gebruikers precies laten zien waar ze naartoe zullen worden gebracht door op het zoekresultaat te klikken.
Waarvoor gebruik Webmasters breadcrumbs?
Webmasters kunnen de schemaopslag voor Breadcrumbs gebruiken om effectiever met de zoekmachine te communiceren.
Breadcrumbs worden een extra manier om zoekmachines beter uit te leggen waar je pagina's over gaan en dat beetje extra SEO voordeel te krijgen.
Ze fungeren ook als extra links in de zoekresultaten om u meer kans te geven op een doorklik.
Omdat er geen goede reden is om ze niet te gebruiken
Broodkruimels veroorzaken nooit problemen bij gebruikerstests.
Gebruikers besteden slechts 30% van de tijd aandacht aan broodkruimels; als ze dat doen, helpt het en zelfs als ze dat niet doen, veroorzaakt het geen kwaad.
Ze nemen heel weinig ruimte in beslag op de pagina, dus onroerend goed kan niet de reden zijn waarom je besluit om geen broodkruimels te gebruiken.
Paneermeel is gedurende vele jaren redelijk consistent gebleven in zijn uiterlijk.
Zo'n lange termijn vertrouwdheid maakt het direct herkenbaar en daarom nuttig.
Broodkruimels helpen gebruikersangst te verminderen
Breadcrumbs kunnen de angst van gebruikers over wat te verwachten verminderen door hen het hele spoor van een proces te laten zien.
Het aanmaken van een account op het vwo heeft bijvoorbeeld een paar stappen.
Door broodkruimels te gebruiken, kunnen we de gebruiker precies vertellen hoeveel stappen er bij het proces betrokken zijn en ze op elk moment terug laten gaan naar een van de vorige stappen.
Dit geeft de gebruiker een idee van de inzet (tijd en moeite) die van hem nodig is om het proces op te zetten.
Zodra iemand een poging initieert, kunnen dergelijke visuele aanwijzingen fungeren als een sterke motivator om het proces te voltooien.
Er is een debat in overvloed over de vraag of deze functionaliteit een 'voortgangsbalk' of 'broodkruimel' navigatie moet worden.
Maar populaire wijsheid suggereert dat als het pad gebruikers terug laat navigeren naar een vorige stap, het net zo goed is als een broodkruimel.
10 Aanbevolen praktijken voor het gebruik van breadcrumbs
Gewoonlijk worden broodkruimels weergegeven in een horizontale lijn die het pad weergeeft van de pagina op het hoogste niveau (start) naar de huidige pagina waarop de gebruiker zich bevindt.
Toon altijd het hele pad: Geef gebruikers context. Een goede broodkruimelpad werkt als knipperlichten die de gebruiker gefocust houden op de taak bij de hand.
Begin met de startpagina: Paden werken het beste wanneer ze de reis van de ene kant naar de andere laten zien. Het opnemen van de startpagina in het pad werkt als een sterk anker dat een sterk gevoel van oriëntatie geeft aan de gebruikers.
Gebruik '>' als scheidingsteken tussen niveaus:het werkt omdat het altijd heeft gewerkt. De '>' toont snel de relatie tussen pagina's op een hoger niveau en pagina's op een lager niveau.
Wij hadden aanvankelijk aanbevolen om colon te gebruiken (:) in de broodkruimelnavigatiebalk.
Na het testen van gebruikers veranderde hij zijn aanbeveling in het gebruik van '>' omdat het gemakkelijk de relatie vertegenwoordigt tussen pagina's op een hoger en lager niveau.
Zet de kruimels bovenaan: Navigatiebalken worden meestal helemaal bovenaan een website geplaatst. Omdat Breadcrumbs als secundair navigatiehulpmiddel werken, moet het boven de inhoud worden geplaatst.
Wat gaven onze breadcrums testen aan?
Virtual Assistant Nederland voerde gebruikerstests uit en ontdekte dat gebruikers broodkruimels verwachten bovenaan van de pagina.
Een goede plaatsing voor broodkruimels bevindt zich onder de hoofdnavigatiebalk en boven de paginatitel.
Toon wat Contrast: Contrast helpt depaneermeel op te vallen als een belangrijke functionaliteit. Omdat ze minder ruimte innemen en meestal alleen op tekst zijn gebaseerd, wordt contrast een cruciale factor voor hun succes.
Klein type gebruiken: Het gebruik van een klein type helpt de gebruiker het relatieve belang van de broodkruimels te communiceren met betrekking tot de hoofdnavigatiebalk. Het mag nooit worden verward voor de primaire navigatiehulp.
Boldface the Last Item: Boldfacing the last item (current page) geeft het prominentie en vertelt de gebruiker 'dit is waar je nu bent'.
Hyperlink het laatste item niet: Waarom zou u een hyperlink maken naar een tekst die naar dezelfde pagina leidt? Het is verwarrend voor de gebruiker.
Gebruik Breadcrumbs niet op de startpagina: De startpagina is waar de gebruikersreis begint, het heeft geen zin om broodkruimels op uw startpagina weer te geven.
Volledige paginatitels in Breadcrumbs gebruiken: Het is logisch om paginagrote titels in de breadcrumbs op te nemen, zodat gebruikers precies weten waar elk van de hyperlinks naartoe leidt.
Gebruik liever paginatitels
Maar vanwege lange paginatitels of andere redenen geven sommigen er de voorkeur aan paginatitels af te snijden met behulp van ellipsen.
In dergelijke gevallen is het beter om zinnen zoals 'Je bent hier' weg te laten om ruimte te maken voor de belangrijkere elementen die de paginatitels zelf zijn.
Pagina URL moet Breadcrumb Trail spiegelen: de pagina URL geeft een idee van de sitearchitectuur.
Het is belangrijk om consistentie tussen de URL en de Breadcrumbs te garanderen, omdat gebruikers anders inconsistente berichten van beide elementen kunnen krijgen.
Wanneer geen breadcumbs gebruiken?
Dit is een moeilijke, omdat breadcrumbs meestal onschadelijk is.
Maar er is een voorbehoud. Als uw site slechts een paar pagina's bevat, zonder veel hiërarchieniveaus, zijn broodkruimels mogelijk niet nuttig.
Broodkruimels opnemen in deze gevallen is onnodig en mogelijk verwarrend voor de lezer.
Alsje echt onder de bosbodem kijkt, zijn broodkruimels niet allemaal perfect.
Het probleem met Breadcrumbs Navigatie
Zelfs na meer dan een decennium in de buurt te zijn geweest, worden broodkruimels nog steeds niet als een goede praktijk beschouwd.
Er zijn een aantal redenen voor:
Problemen met op geschiedenis gebaseerde breadcrumbs
Om op geschiedenis gebaseerde broodkruimel dynamisch te genereren, moet u toegang krijgen tot browsercookies.
Dat vergt extra codering en inspanning.
De extra inspanning zal zinvol zijn als de voordelen opwegen tegen de inspanning.
Maar hoe werkt breadcrumbs?
Op geschiedenis gebaseerde broodkruimels dupliceren eenvoudig de functionaliteit van de terugknop.
Geen SEO voordeel: Omdat breadcrumbs gebaseerd moeten zijn op gebruikersgeschiedenis, zullen zoekmachinebots het nooit zien en hebben ze geen SEO voordelen.
Niet nuttig voor iedereen
Veel gebruikers bereiken pagina's rechtstreeks diep in de site via zoekmachines; voor dergelijke mensen biedt een op geschiedenis gebaseerd pad geen voordeel.
Samengestelde fout: Voor mensen die een pagina bereiken met vallen en opstaan, is het zinloos om een suboptimale navigatiegeschiedenis in de vorm van broodkruimels te hebben.
Het laatste punt voortkomt uit een defecte informatiearchitectuur van de site als geheel.
Als gebruikers niet in staat zijn om gemakkelijk het gemakkelijkste pad naar een pagina te identificeren, is het misschien een betere optie om te investeren in het optimaliseren van de architectuur van de site dan te rommelen met broodkruimels.
Problemen met op navigatie gebaseerde broodkruimels
Voor polyhierarchische sites zoals de meeste new age eCommerce websites is de hiërarchie vlakker en kan elke product selectie tot meerdere categorieën behoren.
Voor iemand die bijvoorbeeld een zitzak wil kopen, kan het broodkruimelpad eruit zien als:
Home > Inrichting > Woonkamer > Stoelen > Eenzitter > 'The Dude Abides' Zitzak
of
Home > Inrichting > Woonkamer > Stoelen > Casual > 'The Dude Abides' Zitzak
Wat kiest u om weer te geven?
Laten we eerst de productpagina bekijken.
Voor de productpagina is een redelijke manier om te bellen naar welk type breadcrumbs het meest geschikt is om weer te geven.
Het gemakkelijkste of meest gebruikte navigatiepad is een goede kanshebber.
Als gebruikers op uw categoriepagina productkenmerken kunnen selecteren, is het handig om de meest geschikte navigatie breadcrumb en een 'back to results' (historisch pad) link op uw productpagina te hebben.
Een keuze maken is moeilijk.
Voor gebruikers die dat hebben meegemaakt, de productpagina hebben bereikt, niet helemaal tevreden zijn met hun selectie en een ander product willen bekijken dat overeenkomt met het kenmerk, kan de browser terugknop angst veroorzaken.
Dit komt omdat gebruikers niet zeker weten of de browser hun kenmerkkeuzes zal onthouden.
Een 'Back to Results' optie kan geruststellend zijn en de bezoeker in de conversietrechter houden.
Op de productpagina van Macy worden zowel op locatie als op geschiedenis gebaseerde breadcrumbs weergegeven.
Als een gebruiker het product niet leuk vindt, kan hij gemakkelijk een pagina teruggaan en een ander product kiezen.
Maar er is een voorbehoud. Als uw site slechts een paar pagina's bevat, zonder veel hiërarchieniveaus, zijn broodkruimels mogelijk niet nuttig.
Broodkruimels opnemen in deze gevallen is onnodig en mogelijk verwarrend voor de lezer.
Alsje echt onder de bosbodem kijkt, zijn broodkruimels niet allemaal perfect.
Het probleem met Breadcrumbs Navigatie
Zelfs na meer dan een decennium in de buurt te zijn geweest, worden broodkruimels nog steeds niet als een goede praktijk beschouwd.
Er zijn een aantal redenen voor:
- Mensen weten nog steeds niet zeker of het de moeite waard is: het is geen make a of break functionaliteit. Geen ruzie daar.
- Er is een overtuiging dat broodkruimels alleen 'noodzakelijk' zijn als je informatiearchitectuur in de war is. Als gebruikers gemakkelijk door uw website kunnen navigeren, weten ze waar ze zijn zonder dat u ze laat zien. In wezen gelooft deze denkrichting dat broodkruimels een terugvaloptie zijn wanneer je architectuur in de war is. Dus vragen ze: als je tijd en moeite gaat besteden, waarom zou je dan niet beter je informatiehiërarchie dan investeren in Broodkruimels?
Problemen met op geschiedenis gebaseerde breadcrumbs
Om op geschiedenis gebaseerde broodkruimel dynamisch te genereren, moet u toegang krijgen tot browsercookies.
Dat vergt extra codering en inspanning.
De extra inspanning zal zinvol zijn als de voordelen opwegen tegen de inspanning.
Maar hoe werkt breadcrumbs?
Op geschiedenis gebaseerde broodkruimels dupliceren eenvoudig de functionaliteit van de terugknop.
Geen SEO voordeel: Omdat breadcrumbs gebaseerd moeten zijn op gebruikersgeschiedenis, zullen zoekmachinebots het nooit zien en hebben ze geen SEO voordelen.
Niet nuttig voor iedereen
Veel gebruikers bereiken pagina's rechtstreeks diep in de site via zoekmachines; voor dergelijke mensen biedt een op geschiedenis gebaseerd pad geen voordeel.
Samengestelde fout: Voor mensen die een pagina bereiken met vallen en opstaan, is het zinloos om een suboptimale navigatiegeschiedenis in de vorm van broodkruimels te hebben.
Het laatste punt voortkomt uit een defecte informatiearchitectuur van de site als geheel.
Als gebruikers niet in staat zijn om gemakkelijk het gemakkelijkste pad naar een pagina te identificeren, is het misschien een betere optie om te investeren in het optimaliseren van de architectuur van de site dan te rommelen met broodkruimels.
Problemen met op navigatie gebaseerde broodkruimels
Voor polyhierarchische sites zoals de meeste new age eCommerce websites is de hiërarchie vlakker en kan elke product selectie tot meerdere categorieën behoren.
Voor iemand die bijvoorbeeld een zitzak wil kopen, kan het broodkruimelpad eruit zien als:
Home > Inrichting > Woonkamer > Stoelen > Eenzitter > 'The Dude Abides' Zitzak
of
Home > Inrichting > Woonkamer > Stoelen > Casual > 'The Dude Abides' Zitzak
Wat kiest u om weer te geven?
Laten we eerst de productpagina bekijken.
Voor de productpagina is een redelijke manier om te bellen naar welk type breadcrumbs het meest geschikt is om weer te geven.
Het gemakkelijkste of meest gebruikte navigatiepad is een goede kanshebber.
Als gebruikers op uw categoriepagina productkenmerken kunnen selecteren, is het handig om de meest geschikte navigatie breadcrumb en een 'back to results' (historisch pad) link op uw productpagina te hebben.
Een keuze maken is moeilijk.
Voor gebruikers die dat hebben meegemaakt, de productpagina hebben bereikt, niet helemaal tevreden zijn met hun selectie en een ander product willen bekijken dat overeenkomt met het kenmerk, kan de browser terugknop angst veroorzaken.
Dit komt omdat gebruikers niet zeker weten of de browser hun kenmerkkeuzes zal onthouden.
Een 'Back to Results' optie kan geruststellend zijn en de bezoeker in de conversietrechter houden.
Op de productpagina van Macy worden zowel op locatie als op geschiedenis gebaseerde breadcrumbs weergegeven.
Als een gebruiker het product niet leuk vindt, kan hij gemakkelijk een pagina teruggaan en een ander product kiezen.
De categoriepagina
Voor de categoriepagina, als u gebruikers een keuze geeft uit productkenmerken zoals 'merk', of 'grootte', is een andere manier om broodkruimels te gebruiken, om zowel een standaard navigatiepad als de kenmerken samen weer te geven, maar naar behoren gedifferentieerd.
De categoriepagina op Flipkart toont zowel op locatie als op attribuut gebaseerde breadcrumbs.
Dit helpt gebruikers snel te begrijpen hoe ze hier zijn gekomen en welke filters al zijn toegepast.
Broodkruimels: Secundair in status, Primair in waarde
Breadcrumbs bestaat al meer dan tien jaar.
Maar ze hebben nooit veel schijnwerpers gevonden vanwege hun permanente status van 'een secundaire navigatiebalk'.
Ondanks de status kan Breadcrumbs een krachtig element zijn om de gebruikerservaring te verbeteren en betrokkenheid te creëren.
Vanuit zakelijk oogpunt helpt het bij zowel acquisitie (denk aan SEO) als conversie (vergemakkelijkt on site navigatie).
Na een benchmarkingstudie met 40 eCommerce sites, bleek dat 68% suboptimaal gebruik had van Breadcrumb navigatie. 23% had helemaal geen Breadcrumb element.
Sommigen beschouwen Breadcrumbs als een archaïsch ontwerpelement zonder noodzaak of prioriteit in de wereld van vandaag.
Dit terwijl het voor anderen een juweeltje is dat weinig onroerend goed in beslag neemt en weinig moeite kost, maar enorm bijdraagt aan de algehele gebruikerservaring.
Dus moet je Breadcrumbs op je eCommerce site hebben?
Kijk naar uw gebruikers voor het antwoord, zullen ze profiteren?
Ik denk dat dat de enige vraag is die het waard is om te stellen.
De categoriepagina op Flipkart toont zowel op locatie als op attribuut gebaseerde breadcrumbs.
Dit helpt gebruikers snel te begrijpen hoe ze hier zijn gekomen en welke filters al zijn toegepast.
Broodkruimels: Secundair in status, Primair in waarde
Breadcrumbs bestaat al meer dan tien jaar.
Maar ze hebben nooit veel schijnwerpers gevonden vanwege hun permanente status van 'een secundaire navigatiebalk'.
Ondanks de status kan Breadcrumbs een krachtig element zijn om de gebruikerservaring te verbeteren en betrokkenheid te creëren.
Vanuit zakelijk oogpunt helpt het bij zowel acquisitie (denk aan SEO) als conversie (vergemakkelijkt on site navigatie).
Na een benchmarkingstudie met 40 eCommerce sites, bleek dat 68% suboptimaal gebruik had van Breadcrumb navigatie. 23% had helemaal geen Breadcrumb element.
Sommigen beschouwen Breadcrumbs als een archaïsch ontwerpelement zonder noodzaak of prioriteit in de wereld van vandaag.
Dit terwijl het voor anderen een juweeltje is dat weinig onroerend goed in beslag neemt en weinig moeite kost, maar enorm bijdraagt aan de algehele gebruikerservaring.
Dus moet je Breadcrumbs op je eCommerce site hebben?
Kijk naar uw gebruikers voor het antwoord, zullen ze profiteren?
Ik denk dat dat de enige vraag is die het waard is om te stellen.
