Skip to main content

Navigazione breadcrumb (Breadcrumb Trail)

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à)