Striesener Str. 47, 01307 Dresden
0351 21 91 85 32

Was sind… Breadcrumbs?

Was sind… Breadcrumbs?

Breadcrumbs, oder zu Deutsch auch Brotkrumen genannt, sind Navigationselemente, welche den Weg des Benutzers beschreiben. Die Breadcrumbs setzen sich aus einem oder mehreren Links zusammen und spiegeln die Navigationshierarchie auf einer Seite wider. Der letzte Link (Breadcrumb) ist die aktuell aufgerufene Unterseite. Je weiter weg wir uns von dieser Seite bewegen, desto allgemeiner werden die Breadcrumbs.

Schauen wir uns zur Vereinfachung mal ein Beispiel von Zalando (Quelle: zalando.de) an.

breadcrumb Beispiel - pixit webdesign Blog

Im rot markierten Feld finden wir die Breadcrumbs. Hier sehen wir, in der Reihenfolge von rechts nach links zunächst erst einmal die Produkseite, auf welcher der Screenshot gemacht wurde. Dies ist also die aktuelle Seite (bzw. die speziellste Seite). Gehen wir nun von dieser Seite aus Schritt für Schritt nach links, steigen wir die Kategorie-Hierarchie rauf und werden immer allgemeiner:

  • Herren
    • Bekleidung
      • Shirts
        • T-Shirt basic – black

Sinn und Zweck dieser Navigationsform ist es, dem Nutzer einen schnellen Überblick zu geben wo er sich gerade befindet und wie er wieder eine oder mehrere Stufen zurück navigieren kann.