it-swarm.com.de

Brotkrumen und ausgewählte Seite

Ich habe eine einzigartige Situation (wenn es hier einen anderen Beitrag gibt, der dies beschreibt, verlinke mich bitte, damit ich meinen entfernen kann). Ich habe oben auf meiner Seite eine Menüleiste mit sechs Links. Jeder Link führt Sie zu einem neuen Bereich innerhalb der Webanwendung, und jeder neue Bereich enthält eine Vielzahl von Unterseiten. Mein erster Gedanke war also Semmelbrösel. Hier kommt mein erster Haken ins Spiel:

Ich hatte anfangs jeden Bereichslink zurück zum 'Dashboard' des Benutzers (Homepage), aber das sah seltsam aus, weil die Links zum Dashboard auf derselben Ebene liegen wie die übrigen Links ...

Hier ist ein Bild, das Ihnen das Verständnis erleichtert (dies wird dem Benutzer beim Anmelden am System angezeigt).

enter image description here

Von hier aus, wenn der Benutzer auf "Inventar" klickt, sollte er sehen

enter image description here

oder

enter image description here

und außerdem: Muss ich den Menüpunkt 'ausgewählt' für die aktive Seite behalten? oder kümmern sich die Semmelbrösel um die Identifizierung.

Ich bin oft sehr auf solche kleinen Dinge fixiert: Wenn also jemand seine 2 Cent anbieten kann, wäre das sehr dankbar.

8
rlemon

Das letzte Modell (Dashboard >> Inventar) ist keine angemessene Verwendung von Brotkrumen. Es scheint, dass ich mich im Unterabschnitt "Inventar" des Abschnitts "Dashboard" befinde.

Stellen Sie sich Breadcrumbs in Form eines Dateiverzeichnisses wie folgt vor:

enter image description here

Jeder Breadcrumb ist ein Unterabschnitt des vorherigen, es ist kein Verlauf es ist ein Verzeichnisstruktur. Breadcrumbs sollten im obersten Verzeichnis der aktuellen Seite beginnen. Die Schaltfläche "Zurück" des Browsers übernimmt die "Zurück" -Funktionalität, die Sie emulieren.

Ihre zweite Frage scheint nichts damit zu tun zu haben, aber zu zeigen, welche Registerkarte "aktiv" ist, ist logisch und auf den meisten Plattformen mit einem etablierten Dokument mit Richtlinien für die Benutzeroberfläche üblich, einschließlich Android und iOS).

9
Ben Brocka

Der Begriff Paniermehl stammt aus einem Märchen, in dem eine Spur von Semmelbröseln übrig bleibt, um verfolgen Sie den eingeschlagenen Weg.

Auf Websites funktioniert dies jedoch selten. Vor 10 Jahren haben die Leute mit diesem Modell experimentiert, aber heutzutage bezieht sich der Begriff "Breadcrumb" fast allgemein auf den Pfad zurück zur Sitemap zur Startseite.

Ich mag diesen Begriff aus diesem Grund nicht, aber es sind jetzt die Standards, also sei es. (Ich hatte immer den Begriff "Themenpfadnavigation" bevorzugt).

Das heißt, keines Ihrer Beispiele macht Sinn.

Ich würde sagen, Ihre Hauptnavigationsleiste sind die Seiten der obersten Ebene. Sie sind selbsterklärend. Die folgenden Brotkrumen beginnen dann auf den Seiten der sekundären Ebene.

Wenn Sie also auf Inventar, dann auf eine Seite unter Inventar und dann auf eine Seite darunter klicken, sieht dies folgendermaßen aus:

Dashboard    [Inventory]   Other link
>> level 1 page >> current page

CURRENT PAGE TITLE
4
DA01

Kürzlich habe ich auf UIE.com einen guten Artikel über Breadcrumbs gelesen und sie haben vier verschiedene gültige Verwendungen von Breadcrumbs aufgelistet:

  • Standort-Brotkrumen zeigen dem Benutzer an, wo sie sich in der Hierarchie der Website befinden.
  • Pfad Brotkrumen zeigen dem Benutzer den Pfad, den er genommen hat, um zum Inhalt zu gelangen.
  • Attribut-Brotkrumen zeigen dem Benutzer die Attribute an, die er während einer facettierten Suche ausgewählt hat.
  • Application Breadcrumbs zeigen dem Benutzer den Fortschritt an, den er in einer Anwendung gemacht hat.

Aber wie bereits in den Antworten erwähnt, sind Path (historische) Brotkrumen heutzutage ziemlich seltsam. Ich denke, weil Ihr Browserverlauf diesen Job auch macht.

Zu Ihren Beispielen: Der dritte könnte ein Path Breadcrumb sein, aber wäre es nicht seltsam, wenn Sie auf Dashboard mit einem Pfad wie Dashboard> Inventar> Dashboard zurückklicken? Am besten halten Sie sich in Ihrem Fall an Location Breadcrumbs (erste beiden Beispiele)

3
FrankL

Wenn Sie Ihrer Benutzeroberfläche einen Breadcrumb-Trail hinzufügen möchten, ist das, was Sie mit Ihren Bildern gepostet haben, korrekt. Sie sehen genau, wo Sie zuletzt waren und wo Sie sich jetzt befinden. Denken Sie an Hänsel und Gretel, wenn Sie an Semmelbrösel denken, müssen sie ihre Schritte genau dort zurückverfolgen, wo sie waren.

Es ist tatsächlich eine sehr schwierige Sache zu implementieren, da Sie eine Logik benötigen, die genau die letzte Seite verfolgen und diese dem Breadcrumb hinzufügen kann. Die meisten Websites verwenden tatsächlich hierarchische Links, wie Ben Brocka in seiner Antwort beschrieben hat, aber den falschen Namen genannt hat.

Überlegen Sie sich die Anwendung genau. Müssen Sie genau verfolgen, wo sich jemand befunden hat, damit er seine Schritte zurückverfolgen kann, oder müssen Sie nur zeigen, in welcher Hierarchie er sich gerade befindet? Wenn dies der Fall ist, was normalerweise der Fall ist, implementieren Sie hierarchische Verknüpfungen.

Ein Beispiel für die Funktionsweise von Breadcrumbs finden Sie im NHS Health Explorer . Klicken Sie auf eine der Speichen, die sich aus der Mitte lösen, und fahren Sie fort, bis Sie eine Reihe von Informationen erhalten haben die Bar oben. Dies zeigt Ihnen, wo Sie waren, keine Hierarchie.

1
DigiKev