Grundlagen
Best practices
Achte bei der Verwendung einer Breadcrumb darauf, dass ...
- sie im oberen linken Bereich des Content-Bereichs positioniert ist.
- ein sinnvoller Startpunkt gewählt wird. Im mStudio bezieht sich die Breadcrumb beispielsweise auf die Navigation innerhalb eines Projekts.
- sie eine lineare Hierarchie abbildet (z. B. „Projekt > Apps > App“).
- die Anzahl der angezeigten Hierarchieebenen überschaubar bleibt. Als Richtwert sind maximal 5 Ebenen erlaubt.
- innerhalb der Breadcrumb generische Bezeichnungen verwendet werden (z. B. „App“ statt eines konkreten App-Namens). Individuelle oder dynamisch generierte Namen können stark in ihrer Länge variieren und die Breadcrumb unnötig verlängern. Generische Begriffe sorgen für eine stabile, gut lesbare und visuell konsistente Navigation.
Verwendung
Verwende eine Breadcrumb, um ...
- dem User die aktuelle Position innerhalb der Navigationshierarchie sichtbar zu machen.
- eine Möglichkeit zu bieten, leicht zu vorherigen Seiten der Navigationsstruktur zurückzukehren.
- eine ergänzende, schnelle Navigationsoption zusätzlich zur Hauptnavigation bereitzustellen.
- Usern bei Seiten mit einer komplexen Seitenhierarchie Orientierung zu geben.