De term kruimelpad is natuurlijk afkomstig uit het sprookje van Hans en Grietje. Door broodkruimels te strooien zou het eenvoudig moeten zijn om de weg terug te vinden. In complexere websites kan het ook onduidelijk zijn waar de bezoeker zich bevindt. Daarom kan het plaatsen van een kruimelpad een handige toevoeging zijn.
Wat is een kruimelpad?
Een kruimelpad is een horizontale navigatie, waarin alle pagina’s zijn opgenomen waaronder de huidige pagina valt. Hierdoor kan de gebruiker eenvoudig terug keren naar een “bovenliggende” pagina, en heeft hij bovendien inzicht in waar hij zich bevindt binnen de website.
In principe zijn er twee soorten kruimelpaden. Het statische kruimelpad genereert een weg terug, door de hiërarchische structuur van de website aan te houden. Dit is de meest voorkomende vorm. Een tweede mogelijkheid is om een kruimelpad te genereren door de pagina’s op te slaan die de gebruiker bezoekt. Dit is feitelijk hetzelfde als de terug-knop van de browser.
Regels
Er zijn een aantal ongeschreven regels die handig zijn om te respecteren. Omdat veel eigenschappen van kruimelpaden, en het gebruik daarvan zijn ingeburgerd, zijn de volgende richtlijnen een must:
- Huidige pagina toevoegen
Voeg ook de huidige pagina toe aan het kruimelpad. - Titel van de links hetzelfde als de paginatitel
Zorg ervoor dat de titel van de pagina overeenkomt met de naam van de link binnen het kruimelpad. Hierdoor kan er geen verwarring ontstaat welke pagina het betreft. - Linkgebruik
Zorg dat alle pagina’s klikbaar zijn behalve de huidige pagina. Een link die verwijst naar dezelfde pagina zal als niet werkend kunnen worden beschouwd. - Scheidingstekens niet klikbaar
Zorg dat de scheidingstekens (bijvoorbeeld >) niet klikbaar zijn. Het kan onduidelijk zijn bij welke pagina het scheidingsteken hoort. - Plaatsing
Plaats het kruimelpad altijd tussen de header en de pagina-content.
Grafisch
Op grafisch gebied is het niet spectaculair wat er gebeurd met kruimelpaden. Dit element heeft alleen een functionele aard en zorgt niet voor bevrediging van het ontwerp. Het scheidingteken > wordt voornamelijk gebruikt. Enkele voorbeelden van kruimelpaden.
De volgende websites benadrukken het kruimelpad extra door “u bevindt zich hier” toe te voegen.