Empfohlener Ansatz für die Implementierung von Semmelbröseln


13

Ich möchte Breadcrumbs auf einer Website implementieren. Jetzt kämpfe ich darum, wie ich sie am besten implementieren kann.

Benutzer können nach Produkten suchen, aber auch zu einer Produktkategorie navigieren, um ein Produkt zu finden. Auf einer Produktseite kann der Benutzer auf eine Produktkategorie klicken, um ähnliche Produkte zu finden. Die Benutzer haben also verschiedene Wege, um zu einem bestimmten Produkt / einer bestimmten Seite zu gelangen.

Ich glaube, ich habe zwei Möglichkeiten, Paniermehl zu implementieren

Option 1: Fügen Sie jede besuchte Seite zum Breadcrumb hinzu. Zum Beispiel: Startseite> Suchergebnisse> Produkt 1> Kategorie 2> Produkt 2 Nachteil: Paniermehl kann sehr lang werden

Option 2: Geben Sie für jede Seite einen bestimmten festen Breadcrumb an, zum Beispiel: Home> Kategorie 1> Produkt 1 Problem: Was ist mit Produkten zu tun, die mehreren Kategorien angehören?

Was denkst du? Gibt es Option 3, die ich übersehen habe?

Antworten:


9

Obwohl sie wie im Märchen "Breadcrumbs" genannt werden, besteht der Zweck von Breadcrumbs nicht darin, den Browserverlauf zu ersetzen. Option 1 ist also keine Option.

Sie sind eher ein Instrument, um dem Benutzer zu zeigen, wie er das Produkt gefunden hat und vor allem, wie er andere Produkte finden kann, die logischerweise "neben" dem gefundenen Produkt stehen.

Es ist also grundsätzlich Option 2.

Wenn Sie Produkte in mehreren Kategorien haben, haben Sie drei Möglichkeiten:

  • Zeige alle möglichen Pfade zum Produkt.
  • Zeigen Sie den Pfad an, über den der Benutzer zum Produkt gelangt ist. (Dies setzt voraus, dass Sie den Primärschlüssel Ihrer Produkt-zu-Kategorie-Tabelle anstelle von Produkt-IDs verwenden.) Dies impliziert, dass der Benutzer bei der Suche kaum hilfreiche "Suche> Produkt" -Bruchkrumen erhält.
  • Geben Sie für jedes Produkt eine "Hauptkategorie" an, die die angezeigten Brotkrumen bestimmt (und an anderen Stellen verwendet wird, z. B. wenn ein Warenkorb vorhanden ist und der Benutzer in der Warenkorbansicht auf ein Produkt klickt.)

OK, lassen Sie uns Option 1 ausgeben, aber denken Sie, dass es eine gute Idee ist, im Breadcrumb zu zeigen, wie ein Benutzer zu dem Produkt gekommen ist, auch wenn es eine Suche durchlaufen hat. Zum Beispiel: Startseite> Suchergebnisse> Produkt_1, Startseite> Kategorie_1> Produkt_1 oder Startseite> Kategorie_2> Produkt_1

Von den drei Möglichkeiten, die ich gab, habe ich keinen Favoriten. Das hängt von der Anwendung ab. Das Anzeigen, wie der Benutzer zum Produkt gekommen ist, ist wahrscheinlich Ihre einzige Option, wenn Sie keine "Hauptkategorien" haben und nur einen Pfad in den Brotkrumen möchten .

1

Breadcrumbs sollen für Ihr Site-Layout repräsentativ sein, nicht für den Zugriff des Nutzers auf Ihre Site, was Option 1 so gut wie ausschließt. Ich möchte das nicht auf Amazon sehen:

Home>Products>Home>PS3 Games>Call of Duty>PS3 Games>Funky Boxer Shorts->Add To Cart

Mein Browserverlauf und mein OCD-Klick sind zwar bezeichnend, aber nicht repräsentativ für die Site :)

Ich gehe davon aus, dass Sie ein Datenbank-Backend haben, wie Sie Produktkategorien erwähnen. Wenn Sie übergeordnete Kategorien haben, haben Sie genau dort eine Struktur, die Sie verwenden können. Vorausgesetzt, Sie haben eine Titelseite, können wir diese auf dem Brotkrumenpfad einfach als "Zuhause" bezeichnen. Angenommen, Sie haben in Ihrer Datenbank Folgendes angeordnet:

table_productCategories
    _pkCategoryID
    _categoryName
    _fkParentCategoryID

So können Sie einen Baum mit Produktkategorien erstellen:

Software
    Windows
        Apps
        Games
        Crash-To-Desktop
    Linux
        Servers
        3-Games
Hardware
    Laptops
    PCs
    Missile-Launchers

... und wenn Sie die Produktseite aufrufen, brauchen Sie sich keine Sorgen zu machen, ob das Produkt mehr als einer Kategorie angehört, der Benutzer dorthin navigiert und mit einer Datenbankabfrage eine Übersicht über Folgendes erstellt:

Home > Software > Windows > Games > Aunt Dolly and the Scared Sheep

Außerdem erhalten Sie Seiten, die keine Produkte sind. "Über uns" "Kontakt" usw. In einem CMS befinden sich die Inhalte dieser Seiten in der Datenbank und sind ebenfalls kategorisiert.

table_contentCategories
    _pkCategoryID
    _categoryName
    _fkParentCategoryID

... Du hast die Idee. Dies bedeutet, dass alle Ihre Seiten mit Inhalten anstelle von Produkten auch paniert werden können:

Home > About > Finding Us in a web of backstreets

Ihre erste Aussage ist wirklich eng. Einige Benutzer verwenden ortsbezogene Navigationspfade, um Ihren Standort auf einer Site anzuzeigen, andere verwenden pfadbezogene Navigationspfade, um anzuzeigen, wie ein Benutzer zu seinem Standort auf der Site gelangt ist. Ich würde sagen, dass Letzteres eher dem "Brotkrumen" -Konzept entspricht. Der Inhalt Ihrer Website ist ein wichtiger Faktor für die Entscheidung, welcher besser ist.

Einverstanden, vielleicht kommt es auf diese Weise. Ich bezog mich hauptsächlich auf den Vorschlag "Aktuelle Seite zu Breadcrumb hinzufügen", der die Ausgabe erzeugen würde, für die ich ein Beispiel gegeben habe.

0

Ich muss mich in den meisten Antworten mit der Charakterisierung von Semmelbröseln nicht einverstanden erklären, da es (nach meinem Verständnis) einen Unterschied zwischen Kategorien oder Taxonomien gibt (die verschachtelte Hierarchie von Kategorien, die von der allgemeinsten zur spezifischsten führt, z. B. Produktkategorie> Produktunterkategorie> Produkt> Modell oder Auto> Limousine> Chevy> Impala> x5000) und der Pfad durch eine Website (ich spreche nicht von Browserverlauf, sondern von einem kontextsensitiven Pfad).

Wenn Sie nach viertürigen Limousinen suchen und eine Liste von Kandidaten finden, die Sie dann in eine oder mehrere von ihnen aufgeschlüsselt haben, ist es für Sie wichtiger, zu der vom Suchergebnis zurückgegebenen Liste zurückzukehren, als die Kategorien für aufzusteigen Welches Produkt auch immer Sie gewählt haben. (Das obige Beispiel könnte also "home> search> chevy impala x5000" anstelle von "cars> sedans> chevy> impala> x5000" lauten.

Das Verwenden von Semmelbröseln als Markierung für die Position, an der Sie sich befunden haben, ähnelt der Option 1, mit der Ausnahme, dass Sie am Ende nicht auf unbestimmte Zeit Semmelbrösel hinzufügen, da Semmelbrösel aufgenommen werden sollen, um Ihren Weg rückwärts zu verfolgen (und wenn Sie ein Semmelbrösel aufnehmen, alle Danach werden die Cumbs entfernt, da Sie einen bestimmten Punkt im Pfad ausgewählt haben und von dort aus navigieren.

Wenn "Paniermehl" ein Kategoriebaum ist, wie einige hier vorgeschlagen haben, warum nennen wir sie "Paniermehl"? Mein Verständnis von Semmelbröseln ist, dass sie pfadspezifisch und nicht modellspezifisch sind.


Kommt drauf an wen du fragst . (Sie listen dort tatsächlich ein weiteres Modell auf.) An dieser Stelle steht der Begriff im Grunde genommen nur für das allgemeine visuelle Widget "x> y> z", wobei der Implementierer eine zweite Entscheidung darüber trifft, welche tatsächliche Methodik sie verwenden .
Su‘
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.