Cum să utilizați modul corect de navigare prin breadcrumb

Pesmet ne duce înapoi la vechiul basm pe care poate l-ai citit în anii tăi de grădiniță. Doi copii, Hansel și Gretel, sunt forțați să părăsească casa lor din pădure, când Hansel decide să așterne o urmă de pesmet pentru a-și urmări drumul înapoi spre casă. Deși pesmetul este mâncat de păsările plictisitoare din pădure, ele au reușit să lase o impresie la mulți ani după ce povestea a fost scrisă.

În designul web, pesmeturile servesc unui scop similar cu ceea ce a avut în vedere Hansel. Breadcrumb-urile servesc ca o navigare secundară în navigarea pe site-ul dvs. pentru a ajuta vizitatorii să fie siguri că nu își pierd drumul după ce au trecut de la o pagină la alta. La fel ca vechiul basm, îi ajută să arate utilizatorului unde a aterizat și care a fost ultima lor locație.

Odată ce breadcrumb-urile sunt integrate în structura ierarhală a site-ului web, utilizatorii pot intra în adâncime în categoriile de produse și pot naviga înapoi la locul în care au început fără a intra în frenezia butonului „Înapoi”.

Pesmeturile servesc și ca element de control grafic pentru a ajuta vizitatorii mai puțin experimentați să navigheze pe site-urile de comerț electronic. Pentru astfel de site-uri web structura internă trebuie să fie proiectată inteligent. Cu ajutorul breadcrumb-urilor, devine imperativ ca platformele de cumpărături online să ofere nu numai ușurință de utilizare vizitatorilor lor, ci și să împiedice clienții potențiali să-și abandoneze paginile ca urmare a pierderii.

Navigare pe breadcrumb

Pesmeturile sunt un mijloc eficient de a ghida vizitatorii prin determinarea locației lor actuale și a locurilor pe care le-au vizitat pe drum. Ele servesc ca ajutor vizual în ierarhia site-ului. Dar în ceea ce privește experiența utilizatorului clienților, breadcrumb-urile îi ajută să răspundă la aceste 3 întrebări.

1. Unde sunt?

   Breadcrumb-urile îi țin pe utilizatori informați despre locul în care se află pe site, începând călătoria.

2. Unde pot să merg?

   Acesta servește drept ajutor pentru utilizatori, sugerându-le unde să meargă în continuare. Întrucât structura este deja pusă în fața lor, utilizatorii nu mai trebuie să caute și să găsească categorii sau secțiunile site-ului.

3. Ar trebui să merg acolo?

   Breadcrumb-urile ajută la promovarea unei navigări mai bune și prezintă valoare de conținut pentru utilizator. De exemplu, dacă un client ajunge pe o pagină web în căutarea unui produs, el ar putea găsi alte produse care s-ar putea dovedi a fi potrivite pentru nevoile sale. Acest lucru ajută la reducerea ratei de respingere a site-ului.

Beneficii

Reduce acțiunile

Pentru a ajunge la o pagină de nivel superior, pesmeturile ajută la reducerea nr. acțiunilor solicitate de vizitatorul site-ului pentru a ajunge acolo. Vizitatorii pot folosi pur și simplu breadcrumbs pentru a naviga înapoi, în loc să folosească neîncetat butonul „Înapoi” sau navigarea principală a site-ului.

Necesită spațiu minim

Este nevoie doar de o linie orizontală plină cu link-uri text. Acest lucru facilitează o structură de design web sănătoasă, luând spațiu minim și permițând altor elemente de pe site să respire. Acest lucru ajută, de asemenea, la obținerea unor viteze de încărcare mai bune pentru site-ul web.

Fiecare utilizator știe cum să opereze pesmeturile

Este ușor de înțeles și nu necesită cunoștințe tehnice pentru a interacționa cu ei. Textul explică unde a fost, este și unde poate merge utilizatorul. Este un sistem de navigație care se explică de la sine, universal pe înțelesul fiecărui utilizator.

Când să folosiți pesmet?

Construirea unei hărți a site-ului pentru a afișa structura de navigare a site-ului dvs. este unul dintre cele mai bune mijloace pentru a determina dacă site-ul dvs. poate beneficia de breadcrumbs. Puteți apoi să analizați prin încercare și să testați dacă navigarea prin breadcrumb ajută utilizatorii sau nu prin conținutul site-ului dvs.

• Pesmeturile sunt cel mai bine folosite atunci când există conținut substanțial mai mare care trebuie organizat în categorii și într-o structură liniară curată. În majoritatea site-urilor de comerț electronic, același criteriu este utilizat pentru gruparea unei mari varietăți de produse în categorii logice.
• Breadcrumb-urile nu trebuie folosite pentru site-uri web care lipsesc din orice ierarhie logică pentru gruparea conținutului sau produselor.

Când să evitați să le folosiți

Acolo unde pesmeturile sunt esențiale pentru structura site-ului web, există și cazuri în care ar trebui evitate. Atunci când există un site web care constă într-o structură pe un singur nivel, fără nicio indicație clară de grupare, atunci este în interesul site-ului web pentru a evita adăugarea de breadcrumbs. După cum am menționat mai sus, o diagramă sau o hartă a site-ului poate fi de mare ajutor în determinarea arhitecturii de navigare a site-ului web.

Breadcrumb-urile sunt utile numai dacă sunt acceptate de navigarea primară. Pesmetul acționează ca mușchi, în timp ce navigația principală este scheletul care îi ține împreună. Fără locomoția lor completă, ierarhia site-ului web nu poate funcționa productiv.

Tipuri de pesmet

Există trei tipuri de pesmeturi despre care ar trebui să știți, Locație, Cale și Atribut.

1. Bazat pe locație

Pesmeturile bazate pe locație sunt folosite pentru a afișa structura de bază a site-ului. Acestea permit utilizatorilor să navigheze pe site-uri web care au mai multe niveluri și trasee cuprinzătoare de conținut. Un astfel de tip de pesmet sunt extrem de utile pentru vizitatorii care ajung pe un site web de la o sursă externă și intră într-un nivel mai profund de conținut. De exemplu, dacă căutați un anumit tip de produs și faceți clic pe rezultatele căutării afișate de Google, vă veți găsi între multe categorii odată ce intrați pe pagina web. Pesmeturile vă vor ajuta să vă determinați locația și să navigați către posibilitățile din structura ierarhică. Acele site-uri web care conțin niveluri profunde de conținut sunt foarte potrivite pentru breadcrumbs bazate pe locație. Un exemplu ideal este eBay.

2. Bazat pe cale

Aceste breadcrumbs sunt semnificative pentru navigarea în istoricul unui site web. Breadcrumb-urile bazate pe căi arată practic fiecare cale vizitată de utilizator pentru a ajunge la locația lor curentă. În mod normal, astfel de legături de tip breadcrumb sunt generate dinamic. În timp ce pluginurile bazate pe căi pot fi utile utilizatorilor care petrec o cantitate mare de timp navigând pe site-uri web, acestea sunt în mare parte nedumerite pentru majoritatea utilizatorilor. Deoarece majoritatea vizitatorilor navighează la discreția lor, trecând de la o pagină la alta. Butonul „Înapoi” din browser le rezolvă majoritatea nevoilor de a-și schimba calea. Acest lucru îl face inutil în special pentru acei tipuri de vizitatori care ajung pe pagina site-ului care este deja adânc în interiorul site-ului.

3. Bazat pe atribute

Site-urile de comerț electronic beneficiază cel mai mult de pesmeturile bazate pe atribute. Ele ajută la listarea categoriilor în funcție de pagina sau produsul specific. Un astfel de tip de pesmet este extrem de util pentru a încuraja utilizatorii să înțeleagă relația dintre produse. De exemplu, dacă site-ul web vinde blugi, aceștia vor folosi pesmeturi bazate pe atribute pentru a ajuta clienții să navigheze de la blugi Regular fit, Slim fit sau Skinny.

Cele mai bune practici de navigare prin breadcrumb

Atunci când proiectați o navigare de tip breadcrumb, asigurați-vă că aveți în vedere următoarele lucruri. Navigarea prin breadcrumb este un ajutor suplimentar pentru a îmbunătăți experiența utilizatorilor pe site-ul dvs.

Evitați elementele duplicat

Dacă chiar vrei să adaugi pesmet pe site-ul tău, ai putea la fel de bine să le faci în modul corect. În primul rând, trebuie să eliminați orice elemente duplicat care ar putea apărea între urma de pesmet. Din păcate, am văzut acest lucru pe multe site-uri de top, unde aceleași pagini se încadrează în mai multe categorii sau niveluri de conținut afișate. Acest lucru nu numai că derutează vizitatorul, dar se reflectă și pe site-ul dvs.

Compatibilitate SEO

Breadcrumb-urile nu sunt doar comenzi de navigare pentru vizitatorii dvs., ci și bunuri excelente pentru practica dvs. de SEO. Puteți folosi cuvinte cheie din filierele pentru a vă îmbunătăți clasarea pe motoarele de căutare. Este recomandat să alegeți nume prietenoase cu SEO pentru categoriile site-ului dvs., astfel încât motoarele de căutare să poată enumera cu ușurință în rubrica de pană în rezultatele lor.

Utilizați Breadcrumbs ca navigare alternativă

În timp ce pesmeturile sunt o sursă excelentă pentru a ajuta utilizatorii să navigheze de la un punct la altul, este important ca acestea să fie tratate doar ca o sursă secundară. Breadcrumb-urile sunt o caracteristică suplimentară pentru a spori gradul de utilizare al vizitatorului și în nicio condiție nu pot înlocui structura principală de navigare a site-ului web.

Este inutil să legați pagina curentă în navigarea Breadcrumb

Deși afișarea locației curente a vizitatorului pe traseul breadcrumb este opțională, trebuie să vă asigurați că linkul afișat în structura liniară nu poate fi apasat sau pe care se poate face clic. Ar provoca doar confuzie pentru vizitator să le arate linkul paginii pe care se află în prezent.

Adăugați separatori

Folosirea separatoarelor este o practică excelentă pentru a oferi un aspect curat și apreciabil navigării pe pesmet. Împiedică textul să se apropie prea mult dacă utilizatorul merge la niveluri mai profunde și creează o structură dinamică care este ușor de înțeles și cu care interacționează.

Puteți folosi semnul › pentru a indica ierarhia, deoarece este folosit în mod obișnuit în formate de categorii, cum ar fi Îmbrăcăminte › Cămăși › Cămăși cu guler etc. Alte simboluri includ săgeți (→), ghilimele în unghi drept (») și bare oblice (⁄).

Introduceți dimensiunea și umplutura pesmetului

Atunci când proiectați pesmetul, trebuie să luați în considerare umplutura și dimensiunea țintei. Distanța dintre un pesmet la celălalt trebuie să fie vizibilă, altfel vizitatorii ar putea să nu le poată folosi în mod eficient. În același timp, asigurați-vă că dimensiunea pesmetului nu compromite alte elemente din jurul acestuia, astfel încât navigarea primară să rămână neafectată.

Nu vă concentrați niciodată asupra designului pesmeturilor mai mult decât este necesar

Nu utilizați niciodată culori strălucitoare sau fonturi fanteziste pentru a vă reprezenta pesmeturile. Deși traseul breadcrumb este important pentru utilizatori după ce ajung pe pagină, nu ar trebui să fie primul lucru care le ține seama. Adăugarea de glam la navigarea breadcrumb poate determina utilizatorul să ignore navigarea primară a site-ului web. Acest lucru poate distrage atenția utilizatorului de la intenția reală de a intra pe pagină și poate duce la pierderea unei potențiale conversii pentru magazin. Google este cel mai bun exemplu când vine vorba de asta. Având atât de multe niveluri de conținut căutat, acesta arată un traseu simplu de navigare prin breadcrumb, fără orice font sau culoare fantastică, astfel încât utilizatorii să poată localiza și interacționa cu ușurință cu pesmeturile.

Ce tip ar trebui evitat?

Este un argument disputat cu privire la utilizarea breadcrumbs bazate pe locație/atribut sau breadcrumb bazate pe cale pentru a afișa ierarhia site-ului. Este o regulă generală că pesmeturile nu trebuie să arate istoricul utilizatorului, ci ierarhia site-ului. În evaluarea și opinia noastră, probabil că nu ar trebui să vă mai deranjați cu pesmeturile bazate pe cale. În primul rând, nu ajută cu UX, deoarece poate provoca confuzie în rândul vizitatorilor din cauza lipsei de ierarhie afișată între diferitele niveluri. De aceea, pesmeturile bazate pe locație și atribute sunt preferate față de pesmeturile bazate pe cale.

Gânduri finale

Pesmeturile sunt la fel de importante ca orice alt element de pe un site web. Acum, că tehnologia a permis stocarea unor cantități mai mari de date, viteze mai mari de internet și timp de încărcare chiar mai rapid, navigarea poate fi afișată mai cuprinzător la niveluri superioare de ierarhie, fără a transpira. Cu ajutorul breadcrumb-urilor, site-ul dvs. nu numai că va produce o experiență mai bună pentru utilizator, dar va genera și vânzări mai mari de la clienții săi. O navigare mai lină și nesofisticată înseamnă un acces mai ușor la paginile de produse și împiedică mai puțin procesul de plată.