Krümelnavigation

Krümelnavigation

Die Brotkrümel- oder Brotkrumennavigation (engl. breadcrumb navigation) ist ein Entwurfsmuster für die Gestaltung grafischer Benutzeroberflächen.

Bei breadcrumbs handelt es sich um Navigationselemente, die den Pfad zum aktuellen Element (Webseiten, Kategorie in Katalog, usw.) zeigen. Brotkrumennavigationen sollen die Orientierung innerhalb tief verzweigter Elementbäume (etwa Websites, Dateisystem, Katalogen usw.) verbessern, indem sie Links zu vorher besuchten, übergeordneten oder themenverwandten Elementen anbieten.

Der Name „Breadcrumb-Navigation“ wurde in Anlehnung an das Märchen Hänsel und Gretel der Brüder Grimm gebildet, in dem die in den Wald geführten Kinder Brotkrumen (englisch breadcrumbs) auf den Weg streuen, um den Weg zurück zu finden.

Inhaltsverzeichnis

Navigations-Arten

Location (Ort)

Location-Breadcrumbs zeigen die aktuelle Position eines Elements relativ zum Wurzelelement an. Damit sieht der Besucher auf einen Blick, in welchem Element-Zweig sich das aktuelle Element befindet.

Beispiel:

Wurzelkategorie(Katalog) → Unterkategorie 1 → Unterkategorie 1.3 → ...

Path (Pfad)

Path-Breadcrumbs zeigen die zuletzt aufgerufenen Elemente nacheinander an. Dadurch ist es für einen Benutzer ersichtlich, auf welchem Weg er zum aktuellen Element gekommen ist, sodass er damit entsprechend zurück navigieren kann.

Beispiel:

Unterkategorie 2.1 → Startseite → Kategorie 1 → Kategorie 3

Attribute (Eigenschaft)

Attribute-Breadcrumbs zeigen anhand von Meta-Informationen mehrere unterschiedliche Navigationen, die jeweils zum aktuell aufgerufenen Element führen.

Beispiel:

Startseite → Deutschland → Bayern → Kulinarisches → Schweinebraten
Startseite → Essen → Hauptgerichte → Fleisch → Schweinebraten
Schlagwörter: Braten, Fleisch, Bayern, Essen

Dateimanager mit Breadcrumbs-Funktion

Weblinks

Einzelnachweise

  1. minimalist /// Explorer Breadcrumbs Documentation. Abgerufen am 28. Februar 2009.

Wikimedia Foundation.

Игры ⚽ Нужно решить контрольную?

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”