Kruimelpaden

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.

 

Kruimelpad website Unive

 

Kruimelpad website Viva

 

Kruimelpad website Unilever

 

kruimelpad website Sport1

 

Kruimelpad Elsevier

 

Kruimelpad Ebay

 

De volgende websites benadrukken het kruimelpad extra door “u bevindt zich hier” toe te voegen.

 

Kruimelpad website Philips

 

Kruimelpad website Dell


Reacties

plaats hier je commentaar of inhoudelijke aanvulling

Extra

Promotioneel geleuter

Abonneer
Volg nu de vormgeving vandaal via RSS...
Tweets
Volg nu de vormgeving vandaal via Twitter...

Inhoud

Artikelen op deze website