Breadcrumb Navigation Najboljše prakse in primeri

Breadcrumb navigation je pogosto spregledana v procesu oblikovanja in razvoja. Nekateri ljudje lahko menijo, da je to nepotrebno, medtem ko lahko drugi menijo, da je prevelika težav za to, kaj je vredno. Dejstvo je, da bo krušna drsna navigacija močno povečala uporabnost spletne strani.

Mešanice omogočajo uporabnikom alternativno metodo navigacije, jim omogočajo, da vidijo, kje stojijo v hierarhiji spletnega mesta, in zmanjšajo število potrebnih korakov za navigacijo na višjo raven v spletnem mestu..

Tukaj so opisane različne vrste navigacijske navigacije, ki se uporabljajo danes, zakaj so pomembne in kako jih je najbolje izvajati na spletu. Vključeni so tudi tukaj za vaše reference več kot 30 primerov, kako se danes uporabljajo spletne drobtine.

Ne pozabite, da je verjetno, da navigacijska navigacija ne bo povzročila ali prekinila spletnega mesta, vendar bo uporabnikom zagotovila dodatno korist, saj bo povečala splošno uporabnost in funkcionalnost vašega spletnega mesta..

Vrste kruha

Pot

Drobtine, ki temeljijo na poti, označujejo korake ali pot, ki jih je uporabnik sprejel, da bi prišel na trenutno stran spletnega mesta. Poleg tega bodo uporabniki videli povezave na strani, ki so jih že obiskale, da bi dosegle trenutno stran. Od treh vrst navigacije po poti, je navigacijska navigacija s potjo najmanj priljubljena na spletu. Razlog za to je, da navigacijska navigacija, ki temelji na poti, zagotavlja podobno funkcionalnost kot “Naprej” in “Nazaj” v brskalniku. Za večino spletnih mest, ki temeljijo na lokacijah in navigacijskem sistemu, ki temelji na atributih, ponuja boljšo funkcionalnost.

Lokacija

Drobtine, ki temeljijo na lokaciji, kažejo uporabniku, kje trenutna stran stoji v hierarhiji spletnega mesta. Ta vrsta navigacijske navigacije se najpogosteje vidi na spletnih straneh z več kot dvema stopnjama globine ali vsebine. Ob nadaljnji selitvi v spletno stran se uporabnikom zagotovijo povezave do strani ali kategorij, ki delujejo kot “staršev” ali višje od strani, ki jo trenutno gledate. Uporabnik je lahko na primer na “Govoriti” strani, vendar “Kar počnemo” stran je nadrejena “Govoriti” stran “Domov” stran je nadrejena “Kar počnemo” stran.

Clearleft Ltd

Atribut

Drobtine, ki temeljijo na atributih, uporabniku označujejo atribute ali kategorije, pripisane trenutni strani v spletnem mestu. Pogosto na spletnih straneh e-trgovine lahko izdelki spadajo v kategorijo, vendar pod določenimi lastnostmi. Na primer, vozilo je lahko kategorizirano kot SUV, potem pa ima atribute, da je črna barva in se sprosti v letu 2010.

Cars.com

Zakaj uporabljati krušne drobtine?

• Velika uporabnost

  Krušne drobtine so dodatno sredstvo, s katerim lahko uporabniki preprosto krmarijo po spletnem mestu. Če uporabnik pristane na notranji strani na vašem spletnem mestu iz drugih izvornih krušnih drobtin, bo uporabnik lahko videl, kje so v hierarhiji spletnega mesta. Uporabniku je dana tudi možnost, da se premakne na višjo raven spletnega mesta v danem trenutku brez težav.

• Enostavno vrnitev

  Primarne navigacije niso zasnovane tako, da bi jih spremljali nazaj. Ker je backtracking izjemno priljubljen na spletu, lahko z malo dodatne pomoči pridete daleč.

• Odstranite dodatne klike

  Breadcrumbs omogočajo uporabnikom, da skočijo z ene ravni spletne strani na drugo, ne da bi morali uporabiti “naprej” ali “nazaj” v brskalniku. Poleg tega krušne drobtine odpravljajo potrebo, da uporabniki nenehno uporabljajo glavno navigacijo.

• Prikazuje hierarhijo uporabnikov

  Primarna navigacija spletnega mesta ne bo odražala hierarhije vsake strani znotraj spletnega mesta. Dajanje drobtin uporabnikom jim bo omogočilo, da vidijo hierarhijo strani znotraj spletnega mesta.

• Vizualno prijetno

  Ne samo, da drobtine uporabnikom omogočajo dodatno uporabnost, ampak tudi to, ne da bi na strani zasedle veliko prostora ali prostora. Breadcrumbs so enostavne za implementacijo v vizualno oblikovanje vaše spletne strani in zagotavljajo veliko korist za uporabnike.

• Ponuja dodatno pomoč

  Popolnoma je možno, da nekateri uporabniki ne razumejo, kako deluje primarna navigacija spletnega mesta, v nekaterih primerih pa uporabniki morda niti ne vedo, kaj iščejo. Dajanje drobtin uporabnikom jim bo omogočilo, da bodo videli celoten napredek in strukturo spletne strani, kar jim bo omogočilo boljšo navigacijo po spletni strani..

• Nižje stopnje odpisov

  Običajno krušne drobtine zagotavljajo podrobnejšo navigacijo kot primarna navigacija. Pri tem bodo uporabniki dobili več možnosti za navigacijo po spletnem mestu. Če jim boste dali priložnost, da zlahka spremljate nekaj ravni znotraj spletnega mesta, boste znižali stopnjo obiskov ene strani.

• Gradi zanimanje

  Ko uporabnik pristane na notranji strani spletnega mesta, so možnosti, da so že na strani, ki vas zanima. Mešanice lahko vsebujejo povezave do dodatnih strani in informacije, ki jih uporabnik zanima, ne da bi jih začeli s prvim kvadratom.

Breadcrumb Best Practices

• Uporabite krušne drobtine na vrhu strani

  Najpogostejša in instinktivna postavitev krušnih drobtin je na vrhu strani. To uporabnikom omogoča, da poiščejo drobtine na preprost način in jih ustrezno uporabijo.

• Dosledno uporabljajte drobtine

  Če se odločite za uporabo drobtin, se prepričajte, da jih uporabljate na celotnem spletnem mestu. Dajanje drobtin uporabnikom na nekaterih straneh in ne drugim jih bo zmedlo in onemogočilo. (Eden odličnih primerov tega je Amazon, ko odstranijo drobtine s posameznih strani izdelka.)

• Breadcrumbs naj se razglasijo dobro

  Mešanice naj se vedno začnejo z domačo stranjo in se razgradijo na trenutno stran. Pri tem morajo vaše drobtine iti od najvišje ravni do najnižje ravni en korak naenkrat.

• Ustrezno prekrivajte drobtine

  Želite, da se vaše drobtine vidijo, vendar ne želite, da bi bile osrednja točka. Prav tako želite, da postane očitno, da vaše drobtine niso del glavne vsebine na strani, temveč le dodatna podpora. Poiščite srečen medij, kjer so opazne vaše drobtine, vendar ne preobremenjene.

• Kategorije strani jasno razvrstite

  Če imate strani, ki spadajo v dve ali več kategorij, morda ne želite uporabljati drobtinic na vaši spletni strani. Poskus, da stran postavite pod dve ali več kategorij, bo verjetno povzročil samo nejasne drobtine in uganke za uporabnika. Prepričajte se, da ima vaše spletno mesto organizirano hierarhijo in je ustrezno prikazano skozi vaše drobtine.

• Jasno ločite vsako raven

  Prepričajte se, da lahko uporabniki razlikujejo razliko med posameznimi nivoji. Najpogosteje ločilo med ravnmi je znak "več kot" (>). Drugi dobri ločilniki vključujejo kotnike z desnim kotom (»), poševnice (/) in puščice (→). Če uporabljate navaden besedilni znak, uporabite samo enega. (»Je bolj privlačno in učinkovito kot >>)

• Izklopite trenutno stran

  Uporabite drugačen slog na zadnjem elementu na seznamu, da ugotovite, ali je trenutno prikazana stran. To lahko dosežete tako, da naredite element krepko, spreminja barvo, ali poudarjajo to.

• Ne ustvarjajte trenutne strani povezave

  Ni potrebe, da bi zadnji element v drobovini navedli povezavo, ker je to trenutna stran, ki si jo ogledujete. Ustvarjanje povezave bo le zmedlo uporabnike, še posebej, ko bodo kliknili nanj in se ne bodo preusmerili na novo stran.

• Ne uporabljajte drobtinic kot naslov strani

  Uporaba zadnjega elementa v seznamu nepodatkov, ker je naslov trenutne strani neučinkovit. Če se odločite za uporabo drobtin, to storite tudi z dodajanjem naslova strani.

• Breadcrumbs Ne zamenjajte primarne navigacije

  Mešanice kruha se lahko uporabljajo le kot podpora primarni navigaciji in nikoli za popolno zamenjavo primarne navigacije. Vedno morate uporabnikom zagotoviti primarno navigacijo, s katero se lahko premikajo po spletnem mestu, preden uporabijo navigacijsko navigacijo.

Veliki primeri krušnih drobtin

Vitra Direct

Trek Bikes

Illy

SiteInspire

Mia in Maggie

Intridea

Ljudsko oblikovanje

Roxy

Blik

SitePoint

Cilj

Walmart

1-800-Cvetje

Najboljši nakup

Amazon.com

Barns & Noble

Konec tal

Apple

Google

lov

AbsolutePunk.net

Littman Bros Lighting

Guardian.co.uk

OBMOČJE 17

Wufoo

Dekleta iz Srednjega Tennesseeja

Glasgow kolektiv

Prvorojeno

Bell Canada

Grooveshark

Devlounge

O avtorju - Shay Howe je profesionalni oblikovalec spletnih in uporabniških vmesnikov, ki trenutno živi v Chicagu, IL. On piše o spletnem oblikovanju v svojem blogu preko na naslovih in bi rad slišal od vas na Twitterju. Prosim, prosim, pozdravi ga!