Breadcrumb navigācijas paraugprakse un piemēri

Breadcrumb navigācija bieži tiek ignorēta projektēšanas un izstrādes procesā. Daži cilvēki to var uzskatīt par nevajadzīgu, bet citi var justies par pārāk lielu problēmu par to, kas ir tā vērts. Fakts ir tas, ka navigācija ar rīvmaizi ievērojami palielinās tīmekļa vietnes lietojamību.

Breadcrumbs dod lietotājiem alternatīvu navigācijas metodi, ļauj viņiem redzēt, kur tie atrodas tīmekļa vietnes hierarhijā, un samazinās to pasākumu skaitu, kas nepieciešami, lai tīmekļa vietnē pārvietotos uz augstāku līmeni.

Šeit ir izklāstīti dažādi mūsdienās izmantojamie trauku navigācijas veidi, kāpēc tie ir svarīgi, kā arī to, kā tos vislabāk īstenot tiešsaistē. Šeit ir iekļauta arī jūsu atsauce vairāk nekā 30 piemēri, kā šodien tiek izmantoti rīvmaizi.

Atcerieties, ka, lai gan ir iespējams, ka navigācijas navigācija netiks padarīta vai pārtraukta tīmekļa vietne, tā sniegs papildu labumu jūsu lietotājiem, palielinot jūsu vietnes vispārējo lietojamību un funkcionalitāti.

Breadcrumb veidi

Ceļš

Ceļā balstīti maizes gabali norāda soļus vai ceļu, ko lietotājs ir uzņēmies, lai nonāktu pašreizējā tīmekļa vietnes lapā. Turklāt lietotāji redzēs saites uz iepriekš apmeklētajām lapām, lai sasniegtu pašreizējo lapu. No trīs veidu navigācijas navigācijas ceļiem navigācija uz ceļiem ir vismazāk populāra tiešsaistē. Iemesls ir tāds, ka navigācijas ceļš balstās uz ceļu, kas nodrošina līdzīgu funkcionalitāti “Pārsūtīt” un “Atpakaļ” pogas pārlūkprogrammā. Lielākajai daļai tīmekļa vietņu Atrašanās vietas noteikšana un uz atribūtiem balstīta maizes navigācija piedāvā labāku funkcionalitāti.

Atrašanās vieta

Atrašanās vietas balstīti maizes gabali norāda lietotājam, kur pašreizējā lapa atrodas tīmekļa vietnes hierarhijā. Šis navigācijas veids ir visbiežāk redzams tīmekļa vietnēs, kurās ir vairāk nekā divi dziļuma vai satura līmeņi. Pārvietojoties tālāk uz vietni, lietotājiem tiek piedāvātas saites uz lapām vai kategorijām, kas darbojas kā a “vecāks” vai līmenis, kas ir augstāks par lapu, kuru tie pašlaik skatās. Piemēram, lietotājs var būt “Runāt” lapu, tomēr “Ko mēs daram” lapa ir vecāks par “Runāt” lapā, kamēr “Mājas” lapa ir vecāks par “Ko mēs daram” lappuse.

Clearleft Ltd.

Atribūts

Atribūtu balstīti maizes gabali lietotājam norāda atribūtus vai kategorijas, kas piesaistītas pašreizējai lapai tīmekļa vietnē. Bieži vien e-komercijas tīmekļa vietnēs produkti var ne tikai nonākt kategorijā, bet arī noteiktos atribūtos. Piemēram, transportlīdzeklis var tikt klasificēts kā SUV, un pēc tam tam ir melnās krāsas atribūti, kas izlaisti 2010. gadā..

Cars.com

Kāpēc izmantot Breadcrumbs?

Lieliska lietojamība

Breadcrumbs nodrošina papildu līdzekli, ar kuru palīdzību lietotāji var viegli pārvietoties tīmekļa vietnē. Ja lietotājs nokļūst jūsu vietnes iekšējā lapā no cita avota, rīvmaize ļaus lietotājam precīzi redzēt, kur tie atrodas vietnes hierarhijā. Lietotājam arī tiek dota iespēja jebkurā brīdī pāriet uz augstāku vietnes līmeni, bez problēmu.
Viegli aizraujoša

Primārās navigācijas nav paredzētas, lai tās varētu sekot atpakaļ. Tā kā backtracking ir ļoti populārs tiešsaistē, sniedzot nelielu papildu palīdzību, var iet tālu.
Novērst papildu klikšķus

Breadcrumbs ļauj lietotājiem pāriet no viena tīmekļa vietnes līmeņa uz nākamo, neizmantojot “uz priekšu” vai “atpakaļ” pogas pārlūkprogrammā. Turklāt rīvmaizi novērš nepieciešamību lietotājiem nepārtraukti izmantot galveno navigāciju.
Rāda lietotāju hierarhiju

Mājas lapas primārā navigācija neatspoguļos katras vietnes hierarhiju. Lietotājam piešķirot rīvmaizi, viņi varēs redzēt tīmekļa vietnes lapas hierarhiju.
Vizuāli patīkams

Ne tikai rīvmaizi sniedz lietotājiem papildu lietojamību, bet arī to dara, neaizņemot daudz vietas vai vietas lapā. Breadcrumbs ir viegli realizējams jūsu vietnes vizuālajā dizainā un sniedz lielu labumu lietotājiem.
Nodrošina papildu palīdzību

Ir pilnīgi iespējams, ka daži lietotāji nesaprot, kā darbojas mājas lapa, un dažos gadījumos lietotāji var pat nezināt, ko viņi meklē. Lietotājam piešķirot rīvmaizi, viņi varēs redzēt tīmekļa vietnes vispārējo progresu un struktūru, tādējādi ļaujot viņiem labāk pārvietoties tīmekļa vietnē.
Zemāki lielumi

Parasti rīvmaizi nodrošinās detalizētāku navigāciju nekā primārā navigācija. To darot, lietotājiem tiks dota vairāk iespēju pārlūkot tīmekļa vietni. Dodot viņiem iespēju viegli izsekot dažiem līmeņiem tīmekļa vietnē, tiks samazināts jūsu atlēcienu līmenis.
Veido interesi

Kad lietotājs nokļūst tīmekļa vietnes lapā, izredzes ir tās, kas jau atrodas interesējošā lapā. Breadcrumbs var sniegt saites uz papildu lapām un informāciju, par kuru lietotājs ir ieinteresēts, neveicot tos no kvadrātveida.

Breadcrumb Best Practices

Izmantojiet Breadcrumbs lapas augšpusē

Visbiežāk sastopamā un instinktīvākā vieta rīvmaizei ir lapas augšpusē. Tas ļauj lietotājiem vieglāk atrast maizes riekstus un attiecīgi tos izmantot.
Izmantojiet Breadcrumbs konsekventi

Ja jūs nolemjat izmantot rīvmaizi, pārliecinieties, ka tos izmantojat visā jūsu vietnē. Lietojot rīvmaizi dažām lapām, bet ne citiem, tie tikai sajaukt un sagraut tos. (Viens no lielākajiem piemēriem ir Amazon, jo tie noņem atsevišķas produktu lapas.)
Breadcrumbs vajadzētu pasliktināt graciozi

Breadcrumbs vienmēr jāsāk ar sākumlapu un jānodod līdz pašreizējai lapai. To darot, jūsu rīvmaizei ir jāiet no augstākā līmeņa līdz zemākajam līmenim vienu soli pa solim.
Stilizējiet Breadcrumbs atbilstoši

Jūs vēlaties, lai jūsu rīvmaizes būtu redzamas, taču nevēlaties, lai tās būtu kontaktpunkts. Jūs arī vēlaties, lai būtu skaidrs, ka jūsu rīvmaize nav lapas galvenā satura daļa, tikai papildu atbalsts. Atrodiet laimīgu mediju, kurā jūsu rīvmaizi pamanāt, taču nav pārspīlēti.
Lapu kategorizēšana skaidri

Ja jums ir lapas, kas ietilpst divās vai vairākās kategorijās, iespējams, nevēlaties izmantot rīvmaizi savā vietnē. Mēģinot ievietot lapu divās vai vairākās kategorijās, iespējams, radīsies tikai neskaidri rupja maluma rieksti un puzzle. Pārliecinieties, ka jūsu vietnei ir organizēta hierarhija un tā tiek parādīta atbilstoši jūsu rīvmaizei.
Skaidri atdaliet katru līmeni

Pārliecinieties, vai lietotāji var atšķirt atšķirību starp katru rīvmaizi. Visbiežāk sadalītājs starp līmeņiem ir "lielāks par" raksturu (>). Citi labie atdalītāji ietver labās dubultā leņķa kotācijas (»), slīpsvītras (/) un bultas (→). Ja izmantojat vienkāršu teksta rakstzīmi, izmantojiet tikai vienu. (»Ir pievilcīgāks un efektīvāks par >>)
Vienreizējā lapa

Izmantojiet atšķirīgu stilu pēdējās riekstu saraksta vienības sarakstā, lai noskaidrotu, vai tā ir pašlaik skatāma lapa. To var paveikt, veicot vienumu treknrakstā, mainot tās krāsu, vai uzsverot to.
Neveiciet pašreizējo lapu par saiti

Nav nepieciešams, lai pēdējais posteņa raksts tiktu pievienots saitei, jo tā ir pašreizējā lapa, kas tiek skatīta. Saites izveidošana šeit sajauks tikai lietotājus, jo īpaši, ja tie noklikšķinās uz tās un netiek pārcelti uz jaunu lapu.
Nelietojiet Breadcrumbs kā lapas virsrakstu

Izmantojot pēdējās rindas saraksta vienumu kā pašreizējās lapas virsrakstu, nav nozīmes. Ja izvēlaties izmantot rīvmaizi, to dariet, pievienojot arī lapas virsrakstu.
Breadcrumbs Nenomainiet primāro navigāciju

Breadcrumbs izmanto tikai kā atbalstu primārajai navigācijai, nekad neaizvietojot primāro navigāciju. Jums vienmēr jānodrošina lietotājiem primārā navigācija, no kuras viņi var pārlūkot tīmekļa vietni, pirms izmanto navigācijas funkciju.

Lieliski Breadcrumbs piemēri

Vitra Direct

Trek Bikes

Illy

SiteInspire

Mia un Maggie

Intridea

Cilvēku dizains

Roxy

Blik

VietnePoint

Mērķis

Walmart

1-800-Ziedi

Labākais pirkums

Amazon.com

Barns & Noble

Zemes beigas

Apple

Google

Chase

AbsolutePunk.net

Littman Bros apgaismojums

Guardian.co.uk

ZONA 17

Wufoo

Meitenes skautu vidū Tenesī

Glāzgovas kolektīvs

Pirmdzimtais

Bell Kanāda

Grooveshark

Devlounge

Par autoru - Shay Howe ir profesionāls interneta un lietotāja interfeisa dizainers, kas pašlaik dzīvo Čikāgā, IL. Viņš raksta par tīmekļa dizainu savā emuārā, kas atrodas pie letcounthedays, un labprāt vēlētos dzirdēt no čivināt. Lūdzu, justies brīvi!!