W3use eenvoudig over usability
• U bent hier: Home → Usability tips → Broodkruimels op een webpagina
Verbeter de navigatie met broodkruimels
In een sprookje maken Hans en Grietje een spoor van broodkruimels om daarlangs later hun weg terug te kunnen vinden. Een dergelijk spoor van broodkruimels kunt u ook op een webpagina trekken. Daarmee schetst u voor de bezoeker van de webpagina eenvoudig een plaatsbepaling op uw website, vanuit het perspectief van de webpagina waarop u deze regel met broodkruimels plaatst.
Laat de met de broodkruimels de structuur van uw website zien: vanaf de homepage muisklik voor muisklik naar deze webpagina. Dit is een handige aanvulling op de primaire navigatiestructuur van uw website, vooral voor bezoekers die met een hyperlink vanaf een andere website of via een zoekmachine direct op een dieper in uw website gelegen webpagina terecht zijn gekomen.
Ga alsvolgt te werk bij het plaatsen van broodkruimels op een webpagina:
- De beste positie voor de broodkruimels is bovenin de webpagina.
- Begin een regel broodkruimels met de tekst: "U bent hier:" of "Je bent hier:"
- U kunt kleine letters gebruiken, maar geef de laatste kruimel vette letters of een opvallende kleur. Deze broodkruimel geeft immers de belangrijke informatie over de huidige plaats binnen de website.
- Zet een teken tussen de kruimels om de volgorde aan te duiden, bijvoorbeeld een punthaak [> html:
>] of een rechtsgericht pijltje [→ html:→]. - De tekst van de overige kruimels beschrijft een bovenliggende webpagina. Maakt u van deze tekst een hyperlink naar die pagina. Hierdoor wordt het spoor van broodkruimels naast hulpmiddel voor de plaatsbepaling binnenin de website ook een handig hulpmiddel bij de navigatie over de website.
- Maak van de eerste hyperlink in deze rij altijd een hyperlink naar Home, de homepage van uw website.
Broodkruimels zijn een eenvoudig hulpmiddel voor goede verbetering van het navigatiegemak van uw website.
Een voorbeeld
De handige broodkruimels op de website www.leren.nl
Deze broodkruimels kunnen nog duidelijker worden gemaakt door:
- De hyperlinks de kenmerkende kleur blauw te geven, evenals de overige hyperlinks op de webpagina. Deze kruimels zijn daardoor beter herkenbaar als hyperlink.
- De hyperlinks van kleur te laten veranderen nadat de onderliggende pagina is bekeken. Dit helpt bij het navigeren over de website, omdat meteen zichtbaar wordt dat de webpagina achter de hyperlink al een keer eerder bezocht is.
- De hyperlinks aanvullende informatie mee te geven met het attribuut title, die als tooltip in beeld komt wanneer de muispointer erop wordt gezet.
- Voor de broodkruimels een plaatsbepalende tekst toe te voegen. Hiermee beschrijft u welke informatie de broodkruimels geven.
Deze broodkruimels zien er na deze kleine wijzigingen zo uit:
• U bent hier: Home > Gezondheid > Mond en gebit
Gerelateerde hyperlink:
Artikel Usability News
