
TL; DR
La navigazione breadcrumb si riferisce all'elemento visivo posizionato sul sito Web o sull'applicazione per visualizzare il collegamento esatto o il percorso del documento. Ecco un esempio: Risorse del computer > Desktop > Nome cartella 1 > Nome cartella 2 > Documento o "Pagina di destinazione > Panoramica prodotto > Dettagli prodotto A".
Che cos'è la navigazione breadcrumb?
Un breadcrumb (o breadcrumb trail) rappresenta l'elemento grafico utilizzato per fornire l'esatto percorso di collegamento della posizione dell'utente sul sito (es. tuositoweb.com > home > blog > blog-post-name). Questo aiuta i visitatori del sito Web o alcuni utenti di app a tenere traccia delle loro posizioni all'interno di programmi, documenti o pagine all'interno dei siti, proprio come la scia di briciole di pane lasciate da Hansel e Gretelnella fiaba tedesca per tornare a casa, da qui il anche il nome del termine.
Perché la navigazione breadcrumb è essenziale per un sito web?
Se un sito Web ha più pagine o un'architettura elaborata, la navigazione breadcrumb migliora l'esperienza dell'utente e la reperibilità delle pagine del sito.
Le persone possono tornare facilmente a determinate pagine o categorie e fornisce più contesto in termini di informazioni, poiché è visibile la posizione del visitatore nella gerarchia del sito. Esistono diversi tipi di breadcrumb:
- Breadcrumb che forniscono la posizione esatta sul sito, la struttura gerarchica e un percorso che l'utente deve seguire fino al punto di partenza o di ingresso: Home page > Blog > Post del blog o Homepage > Libri > Letteratura e narrativa > Classici
- Breadcrumb in base alla cronologia di visualizzazione: Homepage > Pagina 1 visualizzata > Pagina 2 visualizzata > Pagina 3 visualizzata > Pagina 1 visualizzata > Pagina iniziale. Ad esempio, in questo scenario, un visitatore di un sito web visita 6 pagine: Home page > Prezzi > Chi siamo > Home page > Recensioni > Home page
È possibile utilizzare la navigazione breadcrumb per i seguenti tipi di siti Web:
- Siti Web di grandi dimensioni con pagine disposte gerarchicamente (come siti Web di servizi pubblici)
- Siti e-commerce, per individuare facilmente i prodotti in base alle categorie
- Siti web didattici o siti che richiedono molte procedure e documentazione pubblicata (come le università)