Leivapuru viib meid tagasi vana muinasjutu juurde, mida võisite oma lasteaia-aastatel lugeda. Kaks last Hansel ja Gretel on sunnitud oma kodust metsas välja minema, kui Hansel otsustab rajada leivapuru, et jälgida nende koduteed. Kuigi riivsai söövad metsas tüütud linnud, suutsid nad palju aastaid pärast loo kirjutamist mulje jätta.

Veebikujunduses täidavad riivsaiad sama eesmärki kui Hansel. Koormustükid on teie veebisaidi navigeerimisel teisene navigeerimisseade, mis aitab külastajatel olla kindel, et pärast ühelt lehelt teisele minekut ei eksiks tee. Nagu vana muinasjutt, aitab see kasutajale näidata, kuhu ta on maandunud ja mis oli tema viimane asukoht.

Kui leivakruus on veebisaidi hierarhilises struktuuris integreeritud, saavad kasutajad minna tootekategooriatesse sügavamale ja navigeerida tagasi sinna, kust nad alustasid, ilma, et nad hakkaksid nuputama "Tagasi".

Koormustükk toimib ka graafilise juhtelemendina, mis aitab vähem kogenud külastajatel poodide veebisaitidel navigeerida. Selliste veebisaitide sisemine struktuur peab olema arukalt kujundatud. Leivapuru abil on veebipõhise ostuplatvormi jaoks hädavajalik mitte ainult pakkuda külastajatele kasutusmugavust, vaid ka takistada potentsiaalsetel klientidel oma lehti eksimise tõttu hülgamast.

Piirkonnas navigeerimine

Leivapuru on tõhus vahend külastajate juhendamiseks, määrates kindlaks nende praeguse asukoha ja kohad, mida nad oma teel on külastanud. Need toimivad visuaalse abivahendina saidi hierarhias. Kuid klientide kasutuskogemuse osas aitab leivapuru neil vastata neile kolmele küsimusele.

Kus ma olen?

Katsed hoiavad kasutajaid kursis nende asukohaga saidil, mis alustab teekonda.
Kuhu ma saan minna?

See on kasutajatele abiks, soovitades neile, kuhu edasi minna. Kuna struktuur on juba nende ees, ei pea kasutajad enam otsima ja leidma kategooriaid ega saidi sektsioone.
Kas ma peaksin sinna minema?

Koormustee aitab edendada paremat sirvimist ja kuvab kasutajale sisu väärtust. Näiteks kui klient satub toodet otsides veebilehele, võib ta leida muid tooteid, mis võiksid osutuda tema vajadustele hästi sobivaks. See aitab vähendada veebisaidi põrkemäära.

Kasu

Vähendab toiminguid

Kõrgema taseme lehele jõudmiseks aitab riivsai vähendada nr. toimingud, mida saidi külastaja sinna jõudmiseks nõuab. Külastajad saavad lihtsalt tagasiliikumiseks kasutada teeriba, selle asemel et kasutada lakkamatult nuppu „Tagasi" või veebisaidi peamist navigeerimist.

Nõuab minimaalselt ruumi

See võtab vaid horisontaalse joone, mis on täidetud tekstilinkidega. See hõlbustab tervislikku veebidisaini struktuuri, võttes minimaalselt ruumi ja võimaldades teistel veebisaidi elementidel hingata. See aitab ka veebisaidil paremat laadimiskiirust saada.

Iga kasutaja teab, kuidas riivsaia kasutada

Seda on lihtne mõista ja nendega suhtlemiseks pole vaja tehnilisi teadmisi. Tekst selgitab, kus kasutaja oli, on ja võib minna. See on iseenesestmõistetav navigatsioonisüsteem, mis on universaalne igale kasutajale.

Millal riivsaia kasutada?

Saidikaardi koostamine veebisaidi navigeerimisstruktuuri kuvamiseks on üks parimaid vahendeid, et teha kindlaks, kas teie veebisaidil on leivapuru kasu. Seejärel saate prooviversiooniga analüüsida ja testida, kas navigeerimisriba aitab kasutajatel teie veebisaidi sisu läbi vaadata või mitte.

Leivapuru on kõige parem kasutada siis, kui sisu on oluliselt suurem, mis tuleb korraldada kategooriate piires ja puhtas lineaarses struktuuris. Enamikul poodide veebisaitidel kasutatakse sama kriteeriumi suure hulga toodete rühmitamiseks loogilistesse kategooriatesse.
Koormusteid ei tohi kasutada veebisaitidel, millel puudub sisu või toodete rühmitamise loogiline hierarhia.

Millal nende kasutamist vältida

Kui riivsai on veebisaidi ülesehituse jaoks hädavajalik, tuleks neid ka vältida. Kui on veebisait, mis koosneb ühetasandilisest struktuurist ilma selgete viideteta rühmitamise kohta, on see veebisaidi huvides vältida riivsaia lisamist. Nagu me eespool mainisime, võib diagramm või saidiskeem olla veebisaidi navigeerimisarhitektuuri määramisel üsna abiks.

Katsed on kasulikud ainult siis, kui neid toetab esmane navigeerimine. Leivapuru toimivad lihastena, samas kui peamine navigeerimine on skelett, mis neid koos hoiab. Ilma nende täieliku liikumiseta ei saa veebisaidi hierarhia produktiivselt toimida.

Leivapuru tüübid

Peaksite teadma kolme tüüpi leivakruusid: asukoht, tee ja atribuut.

1 Asukohapõhine

Veebisaidi põhistruktuuri kuvamiseks kasutatakse asukohapõhist leivakrunti. Need võimaldavad kasutajatel navigeerida veebisaitidel, millel on mitu taset ja ulatuslikud sisurajad. Seda tüüpi riivsai on väga kasulik külastajatele, kes sisenevad veebisaidile välisest allikast ja sisenevad sisu sügavamale tasemele. Näiteks kui otsite teatud tüüpi toodet ja klõpsate Google’i kuvatud otsingutulemustel, leiate end veebilehele sisenedes paljude kategooriate vahel. Leivakruus aitab teil määrata oma asukoha ja liikuda hierarhilise struktuuri võimaluste juurde. Need veebisaidid, mis sisaldavad sügavat sisu, sobivad väga hästi asukohapõhiste leivakruustega. Ideaalne näide on eBay.

2 Teepõhine

Need leivad on veebisaidi ajalooraja navigeerimise jaoks olulised. Teepõhised leiuteekonnad näitavad põhimõtteliselt kõiki kasutajate külastatud teid, et jõuda oma praegusesse asukohta. Tavaliselt genereeritakse sellised leivatee lingid dünaamiliselt. Kuigi teepõhised pistikprogrammid võivad olla abiks kasutajatele, kes veedavad palju aega veebisaite sirvides, on need enamiku kasutajate jaoks enamasti hämmingus. Kuna enamik külastajaid sirvib oma äranägemise järgi, liikudes ühelt lehelt teisele. Brauseri nupp „Tagasi” lahendab enamiku nende vajadustest oma teed muuta. See muudab selle kasutuks eriti nende külastajate jaoks, kes jõuavad saidi lehele, mis on juba veebisaidil sügaval.

3 Atribuudipõhine

Poodide veebisaidid saavad kõige rohkem kasu atribuudipõhisest leivakruust. Need aitavad kategooriaid konkreetse lehe või toote järgi loetleda. Seda tüüpi riivsai on väga kasulik, et julgustada kasutajaid mõistma toodete omavahelist seost. Näiteks kui veebisaidil müüakse teksaseid, kasutavad nad atribuudipõhist riivsaia, et aidata klientidel valida tavaliste, õhukeste või kitsaste teksade vahel.

Breadcrumb-navigeerimise parimad tavad

Liivatee navigeerimise kujundamisel pidage kindlasti meeles järgmisi asju. Koormustee navigeerimine on täiendav abivahend teie saidi kasutajakogemuse parandamiseks.

Vältige dubleerivaid elemente

Kui olete tõesti valmis oma veebisaidile riivsaia lisama, võite seda teha ka õigel viisil. Kõigepealt peate eemaldama kõik topeltelemendid, mis võivad riivsaia vahele sattuda. Kahjuks olen seda näinud paljudel tipptasemel veebisaitidel, kus samad lehed jagunevad mitmesse kategooriasse või kuvatava sisu tasemega. See mitte ainult ei aja külastaja segadusse, vaid kajastub halvasti ka teie veebisaidil.

SEO ühilduvus

Koormustükid pole teie külastajate jaoks mitte ainult navigeerimise juhtelemendid, vaid ka suurepärane vahend teie SEO praktikas. Otsingumootorites paremusjärjestuse parandamiseks saate kasutada märksõnu riivsaia sees. Soovitatav on valida oma veebisaidi kategooriate jaoks SEO-sõbralikud nimed, et otsingumootorid saaksid hõlpsasti oma tulemustes leivapurusse lisada.

Kasutage alternatiivse navigeerimisvahendina leivapuru

Kuigi riivsai on suurepärane allikas, mis aitab kasutajatel ühest punktist teise navigeerida, on oluline, et neid käsitletaks ainult teisese allikana. Leivapuru on lisafunktsioon, mis parandab külastaja kasutatavust ja ei saa mingil juhul asendada veebisaidi peamist navigeerimisstruktuuri.

Praeguse lehe linkimine Breadcrumb Navigatsioonis on mõttetu

Kuigi külastaja hetkeasukoha näitamine leivariba rajal on valikuline, peate veenduma, et lineaarses struktuuris kuvatav link pole puudutatav ega klõpsatav. See tekitaks külastajas vaid segadust, kui näitaks talle selle lehe linki, millel ta parasjagu asub.

Lisa eraldajad

Eraldajate kasutamine on suurepärane tava, et anda oma riivsaia navigeerimisele selge ja märgatav välimus. See takistab teksti liiga lähedale jõudmist, kui kasutaja läheb sügavamale tasandile, ja loob dünaamilise struktuuri, mida on lihtne mõista ja millega on lihtne suhelda.

Võite kasutada hierarhia tähistamiseks märki ›, kuna seda kasutatakse tavaliselt kategooriavormingutes, nagu näiteks riided › särgid › kraega särgid jne. Muude sümbolite hulka kuuluvad nooled (→), täisnurga jutumärgid (») ja kaldkriipsud (⁄).

Tutvustage riivsaia suurust ja polsterdust

Riivsaia kujundamisel peate arvestama polsterduse ja sihtsuurusega. Ühe riivsaia vaheline kaugus peab olema märgatav, vastasel juhul ei pruugi külastajad neid tõhusalt kasutada. Samal ajal veenduge, et leivapuru suurus ei kahjustaks teisi ümbritsevaid elemente, nii et esmane navigeerimine ei muutuks.

Ärge kunagi keskenduge leivapuru kujundusele rohkem kui nõutud

Ärge kunagi kasutage riivsaia kujutamiseks erksaid värve ega uhkeid fonte. Kuigi leivatee rada on kasutajate jaoks oluline pärast lehele sattumist, ei tohiks see olla esimene asi, mis neile tähelepanu pöörab. Liivatee navigeerimisele glasuuri lisamine võib põhjustada selle, et kasutaja eirab veebisaidi peamist navigeerimist. See võib kasutaja tähelepanu kõrvale juhtida lehele sisenemise tegelikust kavatsusest ja põhjustada poe potentsiaalse konversiooni kadumise. Google on selles osas parim näide. Kuna otsitud sisu on nii palju tasemeid, kuvatakse sellel lihtne navigeerimisrada, mis ei sisalda ühtegi väljamõeldud kirjatüüpi ega värvi, et kasutajad saaksid hõlpsasti leida ja nendega suhelda.

Millist tüüpi tuleks vältida?

See on vaidlusalune argument selle kohta, kas kasutada saidi hierarhia kuvamiseks asukoha-/atribuudipõhist liikumisteed või teepõhist liikumisteed. Rusikareegel on, et leivakruus ei tohi näidata kasutaja ajalugu, vaid saidi hierarhiat. Meie hinnangul ja arvates ei peaks te ilmselt enam vaeva nägema rajapõhise riivsaiaga. Esiteks ei aita see UX-i puhul, kuna see võib erinevate tasemete hierarhia puudumise tõttu külastajates segadust tekitada. Seetõttu eelistatakse asukoha- ja atribuudipõhiseid leiuteesid teepõhistele leiureale.

Viimased Mõtted

Leivapuru on sama oluline kui mis tahes muu veebisaidi element. Nüüd, mil tehnoloogia on võimaldanud salvestada suuremaid andmemahte, kiiremat Interneti-kiirust ja veelgi lühemat laadimisaega, saab navigeerimist hierarhia kõrgematel tasanditel kõikehõlmavamalt kuvada, ilma et peaksite higistama. Riivsaia abil ei tooda teie veebisait mitte ainult paremat kasutajakogemust, vaid ka klientidelt suuremat müüki. Sujuvam ja keerukam navigeerimine tähendab lihtsamat juurdepääsu tootelehtedele ja takistab väiksemat ostuprotsessi.