Approccio raccomandato per l'implementazione del pangrattato


13

Voglio implementare il pangrattato su un sito Web, ora sto lottando su come implementarli al meglio.

Gli utenti possono cercare prodotti ma possono anche accedere a una categoria di prodotti per trovare un prodotto. Nella pagina di un prodotto l'utente può fare clic su una categoria di prodotti per trovare prodotti simili. Quindi gli utenti hanno percorsi diversi per raggiungere un prodotto / pagina specifici.

Penso di avere due opzioni per implementare il pangrattato

Opzione 1: aggiungi tutte le pagine visitate al pangrattato. Ad esempio: Home> Risultati della ricerca> prodotto 1> Categoria 2> prodotto 2 Svantaggio: breadcrum può diventare molto lungo

Opzione 2: specificare per ogni pagina una briciola di pane fissa specifica, ad esempio: Home> categoria 1> prodotto 1 Problema: cosa fare con i prodotti che si trovano in più categorie?

Quali sono le tue opinioni? C'è un'opzione 3 che ho trascurato?

Risposte:


9

Sebbene siano chiamati "pangrattato" come nella fiaba, lo scopo del pangrattato non è quello di sostituire la cronologia del browser. Quindi l'opzione 1 non è un'opzione.

Sono piuttosto uno strumento per mostrare all'utente come ha trovato il prodotto e soprattutto come può trovare altri prodotti che sono logicamente collocati "accanto" al prodotto trovato.

Quindi è fondamentalmente l'opzione 2.

Se hai prodotti che sono in più categorie, hai tre opzioni:

  • Mostra tutti i possibili percorsi al prodotto.
  • Mostra il percorso in cui l'utente è arrivato al prodotto. (Ciò richiede che tu usi la chiave primaria della tabella da prodotto a categoria invece degli ID prodotto.) Implica che l'utente otterrà difficilmente pangrattato "Cerca> Prodotto" durante la ricerca.
  • Specificare una "categoria principale" per ciascun prodotto che determina il pangrattato mostrato (e viene utilizzato in altri luoghi, ad esempio quando è presente un carrello e l'utente fa clic su un prodotto nella vista carrello).

Ok, dump dell'opzione 1, ma pensi che sia una buona idea mostrare nel pangrattato come un utente è arrivato al prodotto anche se ha effettuato una ricerca. Per esempio: Home> Risultati della ricerca> prodotto_1, Home> categoria_1> prodotto_1 o Home> categoria_2> prodotto_1

Tra le tre possibilità che ho dato, non ho favoriti. Dipende dall'applicazione. Mostrare come l'utente è arrivato al prodotto è probabilmente la tua unica opzione se non hai "categorie principali" e vuoi solo un percorso nel pangrattato.

1

Il pangrattato dovrebbe essere rappresentativo del layout del tuo sito, non del modo in cui l'utente accede al tuo sito, il che praticamente esclude l'opzione n. 1. Non mi piacerebbe vederlo su Amazon:

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

Sebbene indicativo della mia cronologia di navigazione e dei clic sul DOC, non è rappresentativo del sito :)

Suppongo che tu abbia un database back-end, mentre menzioni le categorie di prodotti. Se hai categorie principali, allora hai una struttura che puoi usare. Supponendo che tu abbia una prima pagina, possiamo semplicemente chiamare quella "Home" sulla pista del pangrattato. Quindi, supponendo che nel tuo database ci siano cose disposte in questo modo:

table_productCategories
    _pkCategoryID
    _categoryName
    _fkParentCategoryID

Ti consente di avere un albero di categorie di prodotti:

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

... quindi ogni volta che accedi alla pagina del prodotto, non devi preoccuparti se il prodotto appartiene a più di una categoria, l'utente naviga lì e utilizzando una query db possiamo creare un pangrattato di:

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

Inoltre, avrai pagine che non sono prodotti. "Chi siamo" "Contattaci", eccetera. In un CMS il contenuto di queste pagine è nel database e anche classificato.

table_contentCategories
    _pkCategoryID
    _categoryName
    _fkParentCategoryID

... hai avuto l'idea. Ciò significa che tutte le pagine con contenuti anziché prodotti possono anche essere analizzate:

Home > About > Finding Us in a web of backstreets

La tua prima affermazione è davvero ristretta. Alcune persone usano le briciole di pane basate sulla posizione per indicare la tua posizione in un sito, ma altre usano le briciole di pane basate sul percorso per indicare come un utente è arrivato a dove si trova nel sito. Direi che quest'ultimo è più fedele al concetto di "pangrattato". Il contenuto del tuo sito è un grande fattore nel determinare quale è meglio.

D'accordo, forse si presenta così. Mi riferivo principalmente al suggerimento "Aggiungi la pagina corrente a breadcrumb" che avrebbe prodotto l'output di cui ho dato un esempio.

0

Devo essere in disaccordo con la caratterizzazione del pangrattato nella maggior parte delle risposte perché c'è una differenza (nella mia comprensione) tra categorie o tassonomia (la gerarchia nidificata di categorie che portano dal più generale al più specifico, ad es. Categoria di prodotto> Sottocategoria di prodotto> Prodotto> Modello o automobili> berline> chevy> impala> x5000) e il percorso attraverso un sito Web (non sto parlando della cronologia del browser, ma di un percorso sensibile al contesto).

Se si cercasse berline a quattro porte e si trovasse un elenco di candidati, quindi si analizzasse in uno o più di questi, sarebbe più importante risalire all'elenco restituito dal risultato della ricerca piuttosto che risalire alle categorie per qualunque prodotto tu abbia scelto. (Quindi, l'esempio sopra potrebbe essere "home> ricerca> chevy impala x5000" anziché "auto> berline> chevy> impala> x5000"

L'uso del pangrattato per essere un marcatore di dove sei stato è simile alla scelta 1, tranne per il fatto che non aggiungi indefinitamente briciole alla fine perché il pangrattato deve essere raccolto per tracciare il tuo percorso all'indietro (e quando raccogli un pangrattato, tutto dei cumbs che seguono vengono rimossi perché hai scelto un punto particolare nel percorso e navigherai da lì.

Se "breadcrumb" è un albero di categoria come alcuni hanno suggerito qui, perché li chiamiamo "breadcrumb"? La mia comprensione del pangrattato è che sono specifici del percorso e non specifici del modello.


Dipende da chi chiedi . (In realtà elencano un altro modello lì.) A questo punto, il termine sostanzialmente sta per il widget visivo generale "x> y> z", con una seconda decisione presa dall'implementatore su quale metodologia effettiva stanno usando .
Su '
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.