Breadcrumb Navigation Najbolje prakse i primjeri

Krstić za navigaciju često se previdi u procesu oblikovanja i razvoja. Neki ljudi to mogu smatrati nepotrebnim, dok drugi mogu osjećati da je to prevelika gnjavaža za ono što vrijedi. Činjenica je u tome da će navigacija za kruh uvelike povećati upotrebljivost web-lokacije.

Kruške daju korisnicima alternativnu metodu navigacije, omogućuju im da vide gdje stoje u hijerarhiji web-lokacije i smanjuju broj koraka potrebnih za navigaciju na višu razinu unutar web-lokacije..

Ovdje su opisane različite vrste navigacijske navigacije koje se danas koriste, zašto su one važne i kako ih je najbolje implementirati na mreži. Ovdje su također uključeni za vašu referencu više od 30 primjera kako se danas koriste mrežne mrvice.

Zapamtite, iako je vjerojatno da navigacija za krušnu dršku neće napraviti ili slomiti web-lokaciju, ona će korisnicima pružiti dodatnu korist povećanjem ukupne upotrebljivosti i funkcionalnosti vaše web-lokacije.

Vrste kruha

Staza

Kružne mrvice temeljene na stazi označavaju korake ili putanju koje je korisnik primio kako bi došao na trenutnu stranicu web-lokacije. Nadalje, korisnici će vidjeti linkove na stranice koje su prethodno posjetili da bi došli do trenutne stranice. Od tri vrste navigacijske navigacije, navigacija temeljena na putanji najmanje je popularna na mreži. Razlog je, navigacijska navigacija temeljena na putanji pruža sličnu funkcionalnost “Naprijed” i “leđa” na pregledniku. Za većinu web-mjesta temeljena na lokacijama i navigacijska navigacija temeljena na atributima nudi bolju funkcionalnost.

Mjesto

Kruške mrvice temeljene na lokaciji ukazuju korisniku gdje trenutna stranica stoji u hijerarhiji web-lokacije. Ova vrsta navigacijske navigacije najčešće se vidi na web-lokacijama s više od dvije razine dubine ili sadržaja. Nakon daljnjeg prelaska na web-lokaciju korisnicima se daju veze na stranice ili kategorije koje djeluju kao “roditelj” ili na višu razinu od stranice koju trenutno gledaju. Na primjer, korisnik može biti na “Govoriti” stranicu, međutim “Što radimo” Stranica je roditelj “Govoriti” dok je stranica “Dom” Stranica je roditelj “Što radimo” stranica.

Clearleft Ltd

Atribut

Kružne mrvice temeljene na atributima ukazuju korisniku atribute ili kategorije pripisane trenutnoj stranici unutar web-lokacije. Često viđeni na e-commerce web stranicama, proizvodi ne samo da mogu spadati u kategoriju već i pod određenim atributima. Na primjer, vozilo se može kategorizirati kao SUV, a zatim imati atribute crne boje i izdati u 2010..

Cars.com

Zašto koristiti krušne mrvice?

Velika upotrebljivost

Krumpiri pružaju dodatno sredstvo pomoću kojega korisnici mogu jednostavno navigirati web-lokacijom. Ako korisnik dođe na internu stranicu na vašoj web-lokaciji iz drugih izvora, krušne mrvice omogućit će korisniku da vidi točno gdje se oni nalaze unutar hijerarhije web-lokacije. Korisniku se također daje mogućnost premještanja na višu razinu web-lokacije u bilo kojem trenutku bez ikakvih problema.
Jednostavno za povratak

Primarne navigacije nisu osmišljene kako bi ih se slijedilo unatrag. Budući da je backtracking iznimno popularan na mreži, pruža dodatnu pomoć.
Uklonite dodatne klikove

Breadcrumbs omogućuju korisnicima da prelaze s jedne razine na drugu web stranicu bez korištenja “naprijed” ili “natrag” na pregledniku. Osim toga, krušne mrvice eliminiraju potrebu da korisnici neprestano pribjegavaju glavnoj navigaciji.
Prikazuje hijerarhiju korisnika

Primarna navigacija web-lokacije neće odražavati hijerarhiju svake stranice unutar web-lokacije. Davanje korisnicima krušnih mrvica omogućit će im da vide hijerarhiju stranice unutar web-lokacije.
Vizualno ugodan

Ne samo da krušne mrvice korisnicima pružaju dodatnu upotrebljivost, one to čine bez zauzimanja mnogo prostora ili prostora na stranici. Breadcrumbs se lako implementiraju u vizualni dizajn vaše web stranice i pružaju veliku korist korisnicima.
Pruža dodatnu pomoć

Potpuno je moguće da neki korisnici možda ne razumiju kako funkcionira primarna navigacija na web-lokaciji, au nekim slučajevima korisnici možda čak i ne znaju što traže. Davanje korisnicima krušnih mrvica omogućit će im da vide cjelokupni napredak i strukturu web-lokacije, što će im omogućiti bolje kretanje web-lokacijom.
Niže stope otkazivanja

Obično će krušne mrvice pružiti detaljniju navigaciju od primarne navigacije. Pritom će korisnicima biti dano više mogućnosti za navigaciju web-lokacijom. Omogućiti im da lako prate nekoliko razina unutar web-lokacije smanjit će stopu posjeta.
Gradi interes

Kada korisnik pristane na internu stranicu web-mjesta, izgledi da su već na stranici od interesa. Krumpići mogu sadržavati poveznice na dodatne stranice i informacije o kojima je korisnik također zainteresiran, a da ih ne započnu od četvrtog stupnja.

Breadcrumb Best Practices

Koristite krušne mrvice na vrhu stranice

Najčešći i instinktualni položaj krušnih mrvica nalazi se na vrhu stranice. To korisnicima omogućuje da na jednostavan način pronađu krušne mrvice i da ih u skladu s tim iskoriste.
Koristite kruhove mrlje dosljedno

Ako odlučite koristiti krušne mrvice, pobrinite se da ih koristite na cijeloj web-lokaciji. Davanje korisnika krušnim mrvicama na nekim stranicama, a ne drugima, samo će ih zbuniti i frustrirati. (Jedan od glavnih primjera je Amazon dok uklanjaju hljebove s pojedinih stranica proizvoda.)
Kruhove mrvice treba degradirati

Krumpići uvijek trebaju početi s početnom stranicom i degradirati na trenutačnu stranicu. Na taj način vaše krušne mrvice moraju ići od najviše razine do najniže razine jedan korak u isto vrijeme.
Odgovarajuće stilizirane krušne mrvice

Želite da se vaše krušne mrvice vide, ali ne želite da budu žarišna točka. Također želite da vam bude jasno da vaše krušne mrvice nisu dio glavnog sadržaja na stranici, već samo dodatna podrška. Pronađite sretan medij u kojem su vidljive krušne mrvice, ali ne previše.
Jasno razvrstajte stranice

Ako imate stranice koje spadaju u dvije ili više kategorija, možda ne želite koristiti krušne mrvice na svojoj web-lokaciji. Pokušaj postavljanja stranice pod dvije ili više kategorija vjerojatno će proizvesti samo nejasne krušne mrvice i slagati korisnika. Pobrinite se da vaša web-lokacija ima organiziranu hijerarhiju i da je prikazana u skladu s vašim krušnim mrvicama.
Jasno odvojite svaku razinu

Provjerite jesu li korisnici u mogućnosti razlikovati razliku između razine krušne mrvice. Najčešći separator između razina je znak "veći od" (>). Ostali dobri separatori uključuju navode desnog dvostrukog kuta (»), kose crte (/) i strelice (→). Ako koristite znak običnog teksta, upotrijebite samo jedan. (»Je privlačniji i učinkovitiji od >>)
Izdvojite trenutnu stranicu

Koristite drugi stil na posljednjoj stavci popisa za krušnu strelicu da biste utvrdili je li to trenutačno prikazana stranica. To možete postići izradom stavke odvažan, mijenja boju, ili naglašavajući to.
Nemojte napraviti trenutnu stranicu vezom

Nema potrebe da posljednju stavku krušne mrvice postavite na vezu jer je to trenutna stranica koja se pregledava. Stvaranje veze ovdje će samo zbuniti korisnike, pogotovo kada kliknu na njega i ne budu preusmjereni na novu stranicu.
Nemojte koristiti krušne mrvice kao naslov stranice

Korištenje posljednje stavke krušne strelice kao zaglavlja trenutne stranice je neučinkovito. Ako se odlučite za korištenje krušnih mrvica, učinite to i dodavanjem zaglavlja stranice.
Kracke mrvice ne zamjenjuju primarnu navigaciju

Krunice se mogu koristiti samo kao potpora primarnoj navigaciji, a ne kao zamjena za primarnu navigaciju. Korisnicima biste uvijek trebali pružiti primarnu navigaciju iz koje se mogu kretati web-lokacijom prije korištenja navigacijske navigacijske trake.

Veliki primjeri krušnih mrvica

Vitra Direct

Trek bicikli

Illy

SiteInspire

Mia i Maggie

Intridea

Ljudski dizajn

Roxy

Blik

SitePoint

Cilj

Walmart

1-800-cvijeće

bestbuy

Amazon.com

Barns & Noble

Kraj kraja

Jabuka

Google

loviti

AbsolutePunk.net

Littman Bros Rasvjeta

Guardian.co.uk

PODRUČJE 17

Wufoo

Izviđači iz Srednjeg Tennesseeja

Kolektiv Glasgow

prvorođenče

Bell Canada

Grooveshark

Devlounge

O autoru - Shay Howe je profesionalni dizajner web i korisničkog sučelja koji trenutno živi u Chicagu, IL. On piše o web dizajnu u svom blogu preko na Lettcountedays i volio bi čuti od vas na Twitteru. Slobodno mu recite zdravo!