Broodkruimel: 7 tips
Een broodkruimel geeft het volledige hiërarchische pad weer, vanaf de homepage tot de pagina die de gebruiker bekijkt. Zo’n kruimelpad is een handige aanvulling op de navigatie en helpt de gebruiker om zich te oriënteren op uw website.
Om echt nuttig te zijn moet een broodkruimel aan een aantal voorwaarden voldoen. Wij sommen de belangrijkste voor u op.
1. Tussen paginatitel en topbalk
Een broodkruimel staat boven de paginatitel, maar onder een eventuele topnavigatie of grafische balk bovenaan op de website.
2. Begin met ‘Home’
Begin de broodkruimel met ‘Home’. Vroeger begonnen broodkruimels vaak met ‘U bent hier:’. Tijdens gebruikerstesten merken we dat dat niet meer nodig is. Zelfs mensen die nog nooit van een broodkruimel gehoord hebben, begrijpen waarvoor hij dient.
3. Links uitlijnen
Lijn de broodkruimel links uit. Zo staat het eerste deel van de broodkruimel (’Home’) in het linker bovengedeelte van de website, waar mensen een link ‘Home’ verwachten.
4. Groter-dan-teken
Gebruik een groter-dan-teken om de verschillende elementen van de broodkruimel van elkaar te scheiden. Het groter-dan-teken is het meest geschikt om het verschil in hiërachie tussen de verschillende elementen aan te duiden.
5. Kleinere tekengrootte
Gebruik voor de broodkruimel een iets kleinere tekengrootte dan voor de rest van de tekst. Verdana 8 punten is perfect.
6. Aanklikbaarheid
Elk onderdeel van de broodkruimel moet aanklikbaar zijn, behalve de pagina waarop de bezoeker zich bevindt. Uiteraard moet u ook in de broodkruimel de regels van de aanklikbaarheid respecteren (onderlijnd en in kleur).
7. Geen broodkruimel op de homepage
Zet geen broodkruimel op de homepage. Andere elementen (kleuraanduiding in navigatie, content, lay-out, etc.) moeten aangeven dat een pagina de homepage van een website is.
Dit artikel gaat over broodkruimel, informatieruimte, navigatie, Usability.
Op de hoogte blijven van nieuwe artikels?
Abonneer u op onze RSS feed of onze nieuwsbrief.
7 reactiesReageer op dit artikel
Reageer op dit artikel









Gino Lardon (22-04-2009)
Mezelf stoort het bij vnl. langere paginatitels dat de titel 2 maal herhaald wordt op een beperkte schermruimte.
bv. http://www.agconsult.be/nl/news/pressrelease220409-qfor.asp
Ik ben dan ook momenteel voorstander van de rechtstreekse integratie van de H1 van een pagina in de broodkruimel. De titel wordt dan niet onnodig herhaald.
bv. http://www.vdab.be/werkinzicht/basisdiensten.html
Karl Gilis (22-04-2009)
@ Gino
Ik begrijp ergens wel wat je bedoelt, maar ik vrees dat uw ‘ergernis’ vrij persoonlijk is. Op meer dan 1.500 gebruikerstesten, waarbij pakweg 1 op 4 sites toch een broodkruimel heeft, heb ik nog niemand die opmerking horen maken.
We beweren ook niet dat de broodkruimel exact hetzelfde moet zijn als de paginatitel. Dat is wel aangeraden, maar bij een langere titel (+ 4 woorden) mag die in de broodkruimel gerust ingekort worden. Zolang het gaat om dezelfde kernwoorden in min of meer dezelfde volgorde toch.
Maar het laatste onderdeel van de broodkruimel moet moet echt wel de pagina aangeven waar de gebruiker is. Wat VDAB doet, is dus niet goed. Ook al hebben ze usabilitygewijs een van de betere websites van België.
Ik ben er zeker van dat tijdens een gebruikerstest sommige mensen opmerkingen zouden maken over die broodkruimel. Zij gaan denken dat de broodkruimel stuk is omdat die eindigt met een groter dan teken/pijltje waar niets meer achter staat.
Nu jij mij het idee achter dat pijltje hebt uitgelegd, begrijp ik na al die jaren eindelijk de bedoeling en het achterliggende idee. En dan is het gewoon mis. Een website, en elk onderdeel ervan, moet voor iedereen perfect bruikbaar zonder ‘het concept’ te kennen. En dat geldt dubbel zo hard voor een ‘openbare’ website.
Gino Lardon (23-04-2009)
@ Karl
Ik wacht het resultaat van gebruikerstesten van dit concept af vooraleer een verdere uitspraak te doen.
Bram Maes (24-04-2009)
Ik dacht dat zo’n broodkruimel ook goed was voor Google omdat er dan in het begin van uw pagina dicht bij elkaar twee keer de titel staat. Alleen daarom zou ik er al niet te veel mee knoeien.
Els Aerts (24-04-2009)
@Bram: Je hebt gelijk, Bram. Ook voor Google is een correct opgebouwde broodkruimel belangrijk. Met andere woorden: if it’s not broken, don’t fix it…
Roel (24-04-2009)
“Zelfs mensen die nog nooit van een broodkruimel gehoord hebben, begrijpen waarvoor hij dient.”
Uit onze (en persoonlijke) gebruikerstesten, blijkt toch geregeld iets anders. Heel wat gebruikers *denken* dat ze weten waarvoor zo’n kruimelspoor dient, maar ze verwarren het klikpad dat ze afgelegd hebben binnen een website (de surfgeschiedenis) en de paginahiërarchie van een website. Als je hen vraagt waarvoor het kruimelspoor dient, krijg je wel eens het antwoord “om snel terug te kunnen keren naar de pagina’s waar ik al geweest ben”, maar dat is natuurlijk niet altijd juist.
Ik deel verder ook de ergernis van Gino i.v.m. het te vaak herhalen van dezelfde paginaonderdelen (paginatitel in de tag, als laatste onderdeel van de broodkruimel en vervolgens nog eens als s net onder de broodkruimel). Toch denk ik dat de VDAB dit idd niet zo heel elegant opgelost heeft en hun interpretatie van dit design pattern nogal verwarrend overkomt.
Als je broodkruimel én wil integreren, lijkt het mij bvb. een fijne oplossing om het laatste pijltje in de broodkruimel naar beneden te laten wijzen (naar de titel), zodat de broodkruimel niet zo abrupt afgebroken wordt. Er zijn grafisch vast nog wel andere oplossingen te bedenken om broodkruimel/titel netjes te combineren zonder het gevoel te creëren dat de brookruimel ‘kapot’ is.
Karl Gilis (24-04-2009)
Een mens zou beginnen twijfelen aan zichzelf als professionals andere meningen hebben. Ik blijf er echter bij: we hebben die ergernis nog nooit vastgesteld bij ‘gewone’ mensen. Gino, Roel, Karl, Els, … zijn geen normale gebruikers. Wij zijn allemaal helemaal om zeep geholpen door ons beroep. Onze mening is dus eigenlijk van geen belang. Enkel wat we empirisch vaststellen telt.
Ik ben ook eens 2 minuten gaan surfen en ik kwam uit op een artikeltje van Jakob Nielsen (of all people): http://www.useit.com/alertbox/breadcrumbs.html
Wat hij daar zegt, lijkt me correct verwoord. “Broodkruimels zorgen nooit voor problemen.” Mensen die niet weten waarvoor het ding dient, kijken er niet naar. Mensen die uitleggen waarvoor het dient, gebruiken soms woorden die verwijzen naar een soort ‘Terug’-functionaliteit, terwijl ze de broodkruimel toch correct gebruiken.
Roel: is dat niet wat jij soms vaststelt? Ben je zeker dat die mensen heel bewust en doordrongen van de betekenis van hun woorden verwijzen naar hun surfgeschiedenis? Vergeet nooit: “luister niet naar gebruikers, maar kijk wat ze doen”.
Wat wij geregeld vaststellen is dat heel veel mensen zo’n broodkruimel onbewust gebruiken, zonder dat ze * weten * wat het is. Is dat niet het fantastische aan bruikbaarheid?