What is Breadcrumb & How It Eases Navigation? Selitetty esimerkeillä

emmekö me kaikki ole olleet teemapuistossa ja eksyneet yrittäessään löytää uloskäyntiä? Emme hyväksy sitä, mutta pieni turhautumisen taimi on nostamassa päätään.

katsomme epätoivoisesti ympärillemme, kysymme ohikulkijalta ja he osoittavat meille kartan, joka kertoo, missä päin puistoa olemme.

yhtäkkiä tietää, missä on ja missä sisäänkäynti ja uloskäynti ovat sijaintiinsa nähden. Paniikki haihtuu! Ja sitten mentiin!

työmaasuunnistuksessa leivänmurut tekevät jotain vastaavaa.

korppujauho antaa suuntaa ja näyttää verkkosivulla tarkalleen missä olet.

tässä on mitä opit tästä viestistä:

• mikä on Leipäkruunun Suunnistus?
• evolutiivinen tarpeemme leivänmurujen navigointiin
• leivänmurujen tyypit verkkosivuille
• 5 leivänmurujen hyötyä
• 10 parasta käytäntöä leivänmurujen käyttöön
• leivänmurujen Navigointiongelma
• viimeinen sana Leivänmuruissa

mikä on leivänmurujen navigointi?

leivänmurut ovat toissijainen navigointiapu, joka auttaa käyttäjiä helposti ymmärtämään sivun (kuten tuotesivun) ja korkeamman tason sivujen (esimerkiksi luokkasivun) sijainnin välisen suhteen. Termi on lainattu Hannun ja Kertun tarinasta, jossa lapset pudottavat leivänmurujäljen jäljittääkseen tiensä takaisin.

korppujauhoilla jos on päässyt sivulle, jolla ei halua olla, voi helposti löytää tiensä takaisin tai mennä askeleen tai pari taaksepäin ja aloittaa alusta.

korppujauhot eivät ole yksinomaan verkkosivujen aineksia. Microsoft esitteli leivänmuruja Windows Vistassa ja se on ollut ominaisuus siitä lähtien jokaisessa Windows-painoksessa.

Our Need for Craughts Has a Evolutionary Reason

Peter Pirolli löysi mielenkiintoisia yhtäläisyyksiä eläinten tavasta etsiä ravintoa ja ihmisten tavasta etsiä hyödyllistä tietoa. Luonnostaan me kaikki elämme heuristisen säännön mukaan-älä käytä enemmän energiaa ruoan tavoitteluun kuin mitä ruoka tarjoaa. Mieti tapaa, jolla etsimme tietoa Internetistä: etsimme jotain, hakukone esittelee monia tuloksia. Skannaamme linkkejä ja ellemme tunne vihjeitä (SEO otsikko, meta, jne.) että linkki antaa meille tietoa olemme jälkeen, emme klikkaa läpi. Se on samanlainen kuin savannilla saalistava eläin; peto latautuu vasta, kun hajujälki on tarpeeksi vahva oikeuttamaan sen energian, joka on käytettävä jahtaamiseen.

sivustolla, useiden navigointipolkujen läsnä ollessa, on parasta, jos käyttäjät pystyvät selkeästi tunnistamaan polun, joka johtaa haluamaansa. Ilman sitä ne saattavat luovuttaa ja pomppia.

perustasolla ihmiset ansaitsevat leipänsä, mutta kaipaavat korppujauhoja.

sivuston suunnittelussa käytetyt leivänmurut

paikkaan tai hierarkiaan perustuvat leivänmurut

sijaintiin perustuvat leivänmurut auttavat käyttäjää siirtymään laajempaan kategoriaan (korkeamman tason sivulle) siltä sivulta, jolla he ovat. Harkitse joku, joka etsii pari desert kengät Google, he löytävät hakutuloksen ja laskeutuu yksi tuotesivuilla. He eivät pidä näkemästään ja haluavat tutkia muita vaihtoehtoja. Miten henkilö pääsee takaisin pääkategoriasivulle (miesten kengät) tai alakategoriasivulle (miesten kengät-Aavikkokengät)?

hierarkiapohjaisilla leivänmuruilla käyttäjä näkee helposti missä päin sivustosi arkkitehtuuria he ovat ja siirtyy helposti ylätason sivulle. Katso, miten Best Buy tekee sen.

polku-tai Historiapohjainen leipäkrumba

ne palvelevat samaa tarkoitusta kuin selaimen palautuspainike, antaen käyttäjän palata yhdelle aiemmista sivuista, joilla hän vieraili. Tästä voi olla hyötyä, kun käyttäjä on saavuttanut tuotesivun sovellettuaan useita suodattimia luokkasivulla. Historiapohjaisten leivänmurujen avulla käyttäjä voi hypätä nopeasti yhdelle matkansa aiemmista sivuista, jolloin kaikki valinnat ovat ehjiä.

kuitenkin yleisin historiapohjaisten korppujauhojen sovellus on ”takaisin tuloksiin” – linkin käyttö.

Attribuuttipohjaiset korppujauhot

Attribuuttipohjaiset korppujauhot yksinkertaisesti näyttävät käyttäjän valitsemat attribuutit sivulla. Tällaiset leivänmurut löytää sovelluksen eCommerce Luokka sivut tarjoamia useimmat eCommerce alustat, joissa käyttäjät voivat valita attribuutteja suodattaa hakutulokset.

5 korppujauhon käytön hyödyt

alun perin käsitetysti yksinkertaisena navigointiapuna, nykyään korppujauhot ovat alkaneet vaikuttaa moniin verkkokokemuksen osa-alueisiin.

kannustaa selaamaan ja vähentää Bouncea

Jos käyttäjä saavuttaa tuotesivun, josta ei ole kiinnostunut, hän joko pomppaa tai palaa luokkasivulle aloittaakseen alusta. Korppujauhot kannustavat käyttäjää aloittamaan alusta eikä pomppimaan vielä. Hullin tekemässä tutkimuksessa S. S. (2004), havaittiin, että käyttäjät, jotka saivat opetusta käyttää korppujauhoja, suorittivat tehtävät paljon nopeammin kuin käyttäjät, jotka eivät käyttäneet korppujauhoja. Käyttäjille, jotka käyttävät Internetiä päivittäin (jopa intranets kuten organisaation) käyttämällä leivänmuruja voi merkittävästi lisätä tuottavuutta ja ajansäästöä.

: 14 tapaa vähentää pomppimista ja lisätä sitoutumista verkkokauppasivustollasi

parantaa sivustosi löydettävyyttä

Peter Morville, yksi World Wide Webin tietoarkkitehtuurin perustajista, kehitti käyttäjäkokemuksen hunajakennon, joka kuvaa suuren käyttäjäkokemuksen seitsemää tärkeintä puolta. Auttamalla käyttäjiä helposti navigoimaan ja löytämään etsimänsä leivänmurut auttavat parantamaan sivuston löydettävyyttä.

: 15 tehokkaan verkkokaupan tuotesivun olennaiset elementit

leivänmurut tarjoavat SEO-etuja

Google on ilmoittanut korvaavansa URL-osoitteen hakutuloksissaan sivuston nimellä ja leipäkrumban navigointipolulla. Tämä tapahtuu mobiililaitteille nyt ja voidaan rullata työpöydälle, liian, lähipäivinä. Google arvioi käyttämällä real world nimi sivuston auttaa parantamaan käytettävyyttä ja linkkiprinkit näyttää käyttäjille tarkalleen, mihin ne viedään klikkaamalla hakutulosta.

Webmasterit voivat käyttää leivänmurujen merkintää viestiäkseen hakukoneelle tehokkaammin. Korppujauhot tullut ylimääräinen tapa voit paremmin selittää hakukoneille, mitä sivut ovat noin ja saada että vähän ylimääräistä SEO hyötyä. Ne toimivat myös ylimääräisiä linkkejä hakutuloksissa antaa sinulle enemmän mahdollisuuksia klikata.

koska ei ole mitään hyvää syytä olla käyttämättä niitä

Jakob Nielsen sanoo suositelleensa leivänmuruja jo vuodesta 1995. Syyt ovat yksinkertaiset.

leivänmurut eivät koskaan aiheuta ongelmia käyttäjätesteissä. Käyttäjät kiinnittävät huomiota korppujauhoihin vain 30% ajasta; kun ne tekevät, se auttaa ja vaikka eivät, se ei aiheuta haittaa.

ne vievät hyvin vähän tilaa sivulla, joten kiinteistöt eivät voi olla syy, miksi päätät olla käyttämättä korppujauhoja.

korppujauho on pysynyt melko yhtenäisenä ulkoasultaan useiden vuosien ajan. Tällainen pitkäaikainen tuttuus tekee siitä heti tunnistettavan ja siksi hyödyllisen.

korppujauhot auttavat vähentämään käyttäjän ahdistusta

korppujauhot voivat vähentää käyttäjän ahdistusta siitä, mitä odottaa näyttämällä heille prosessin koko polun. Esimerkiksi, perustamalla tilin VWO on muutamia vaiheita. Käyttämällä korppujauhoja voimme kertoa käyttäjälle tarkalleen, kuinka monta vaihetta prosessiin liittyy ja antaa niiden palata mihin tahansa aikaisempaan vaiheeseen missä tahansa vaiheessa. Tämä antaa käyttäjälle käsityksen sitoutumisesta (aikaa ja vaivaa), joka häneltä vaaditaan prosessin perustamiseen. Kun joku aloittaa yrityksen, tällaiset visuaaliset vihjeet voivat toimia vahvana motivaattorina prosessin loppuun saattamiseen.

keskustelu käy kiivaana siitä, pitäisikö tätä toimintoa kutsua ”edistymispalkiksi” vai ”leipäkrumbinavigoinniksi”. Mutta suosittu viisaus ehdottaa, että jos polku antaa käyttäjien navigoida takaisin edelliseen vaiheeseen, se on yhtä hyvä kuin leipäkrumba.

10 suositellut käytännöt korppujauhojen käytölle

yleisesti korppujauhot näkyvät vaakasuoralla viivalla, joka näyttää polun korkeimman tason sivulta (home) sille sivulle, jolla käyttäjä on. Alla on luettelo 10 parhaista käytännöistä, joista jotkut ovat suositelleet tykkää Steve Krug, kirjoittaja ’ Don ’t Make Me Think’ ja web design God in his own right.

Näytä aina koko polku: anna käyttäjille konteksti. Hyvä leivänmurujälki toimii kuin vilkut, jotka pitävät käyttäjän keskittyneenä käsillä olevaan tehtävään.

Aloita kotisivulta: polut toimivat parhaiten, kun ne näyttävät matkan päästä toiseen. Kotisivun sisällyttäminen polkuun toimii kuin vahva ankkuri, joka antaa käyttäjille vahvan suuntautumisen tunteen.

käytä”> ” erotuksena tasojen välillä: se toimii, koska se on aina toiminut. ”> ” osoittaa nopeasti korkeamman tason sivujen ja alemman tason sivujen välisen suhteen. Jakob Nielsen oli alun perin suositellut Colonin(:) käyttöä leipäkrumbin navigointipalkissa. Käyttäjätestauksen jälkeen hän muutti suosituksensa muotoon ”>, koska se kuvaa helposti korkeamman tason sivujen ja alemman tason sivujen välistä suhdetta.

laita muruset yläreunaan: navigointipalkit sijoitetaan tyypillisesti aivan verkkosivun yläreunaan. Koska leivänmurut toimivat toissijaisena suunnistusapuna, se kannattaa sijoittaa sisällön yläpuolelle. Nielsen Norman group teki käyttäjätestejä ja havaitsi, että käyttäjät odottavat leivänmuruja sivun yläreunassa. Hyvä sijoitus leivänmuruille on päänavigointipalkin alapuolella ja sivun otsikon yläpuolella.

näyttää jonkin verran kontrastia: kontrasti auttaa korppujauhoa erottumaan tärkeänä toiminnallisuutena. Koska ne vievät vähemmän tilaa ja ovat enimmäkseen vain tekstipohjaisia, kontrastista tulee ratkaiseva tekijä niiden onnistumiselle.

käytä pientä tyyppiä: pienen tyypin käyttäminen auttaa viestimään käyttäjälle leivänmurujen suhteellisesta merkityksestä suhteessa päänavigointipalkkiin. Sitä ei pidä koskaan sekoittaa ensisijaiseen suunnistusapuun.

Boldface The Last Item: Boldfacing The last item (current page) antaa sille näkyvyyttä ja kertoo käyttäjälle ”this is where you are current”.

älä Hyperlinkitä viimeistä kohdetta: koska, miksi hyperlinkittäisit samalle sivulle johtavan tekstin? Se hämmentää käyttäjää.

Älä käytä etusivulla leivänmuruja: kotisivu on paikka, josta käyttäjän matka alkaa, ei ole järkevää, että etusivulla näytetään leivänmuruja.

käytä Leivänmuruissa koko sivun otsikoita: On järkevää sisällyttää koko sivun otsikot korppujauhoihin, jotta käyttäjät tietävät tarkalleen, mihin kukin Hyperlinkit johtavat. Mutta koska pitkä sivun otsikot tai muista syistä sivu, jotkut haluavat leikata sivun otsikot pois käyttäen ellipsejä (katso kuva alla). Tällaisissa tapauksissa on parempi jättää pois lauseita, kuten ”olet täällä”, jotta tilaa tärkeämmille elementeille, jotka ovat sivun otsikot itse.

sivun URL: n tulisi peilata Leivänmurujälkeä: sivun URL antaa kuvan sivuston arkkitehtuurista. On tärkeää varmistaa johdonmukaisuus URL ja leivänmurut, koska muuten, käyttäjät voivat saada epäjohdonmukaisia viestejä molemmista näistä elementeistä.

milloin korppujauhoja ei kannata käyttää?

Tämä on kova, sillä korppujauhot ovat useimmiten vaarattomia. Mutta on eräs varoitus. Jos sivustosi sisältää vain muutaman sivun, ilman monia hierarkiatasoja, leivänmurut eivät välttämättä ole hyödyllisiä. Korppujauhojen sisällyttäminen näihin tapauksiin on lukijalle tarpeetonta ja mahdollisesti hämmentävää.

Jos oikein katsoo metsänpohjan alle, korppujauhot eivät ole kaikki täydellisiä.Leivänmurusuunnistuksen ongelma

yli kymmenen vuotta kestäneessäkään leivänmuruja ei edelleenkään pidetä kovin hyvänä käytäntönä. Siihen on monia syitä:

1. Ihmiset eivät vieläkään ole varmoja, onko se vaivan arvoista: se ei ole make a tai break-toiminto. Ei riitelyä.

2. Uskotaan, että leivänmurut ovat ’välttämättömiä’ vain, jos tietoarkkitehtuuri on sekaisin. Jos käyttäjät voivat helposti navigoida sivustossasi, he tietävät, missä he ovat ilman, että näytät heille. Pohjimmiltaan tämä koulukunta uskoo, että leivänmurut ovat varavaihtoehto, kun arkkitehtuuri on sekaisin. Siksi he kysyvät: jos aiot käyttää aikaa ja vaivaa, miksi et olisi parempi informaatiohierarkiasi kuin Leipäjauhoihin panostaminen?

Tom Scott on kirjoittanut monista asioista, joita voi olla leivänmuruilla.

ongelmat Historiapohjaisten leivänmurujen kanssa

tuottaaksesi dynaamisesti historiapohjaisia leipämuruja, sinun on käytettävä selaimen evästeitä. Se vaatii ylimääräistä koodausta ja vaivaa. Lisäpanostus on järkevää, jos hyödyt ylittävät vaivan. Mutta onko se?

Historiapohjaiset leivänmurut yksinkertaisesti toisintavat takanapin toiminnallisuuden.

no SEO Benefit: koska leivänmurujen on perustuttava käyttäjähistoriaan, hakukonebotit eivät koskaan näe sitä eikä niillä ole SEO-etuja

ei ole hyötyä kaikille: monet käyttäjät pääsevät suoraan sivuille syvälle sivustolle hakukoneiden kautta; tällaiselle kansalle historia perustuu jäljistä ei ole hyötyä.

Yhdistevirhe: Ihmisille, jotka saavuttavat sivun yrityksen ja erehdyksen kautta, on merkityksetöntä, että heillä on epäoptimaalinen navigointihistoria leivänmurujen muodossa.

on kuitenkin syytä huomata, että viimeinen kohta juontaa juurensa koko sivuston virheellisestä tietoarkkitehtuurista. Jos käyttäjät eivät pysty helposti tunnistamaan helpointa polkua sivulle, saattaa olla parempi vaihtoehto panostaa sivuston arkkitehtuurin optimointiin kuin korppujauhojen näpertely.

ongelmat Navigointipohjaisten leivänmurujen kanssa

monihierarkisissa sivustoissa, kuten useimmissa new age-verkkokauppasivustoissa, hierarkia on tasaisempi ja jokainen tuotevalikoima voi kuulua useisiin luokkiin. Esimerkiksi hernepussia etsivälle leivänmurupolku voisi näyttää

koti > kalustus > olohuone > Tuolit > Tuolit > Sinkku seater>”the dude abides”bean bag

tai

koti > kalustus > olohuone > tuolit > casual> ”the dude abides” Bean Bag

mitä haluat näyttää?

tarkastellaan ensin tuotesivua.

tuotesivulla yksi järkevä tapa on soittaa, minkälainen leipäkruunu on sopivinta näyttää. Helpoin tai eniten käytetty navigointipolku on hyvä haastaja.

Jos luokkasivullasi käyttäjät voivat valita tuotteen attribuutteja, on hyödyllistä, että tuotesivullasi on sopivin navigaatiofrumba ja ”takaisin tuloksiin” (historiallinen polku) – linkki. Valinnan tekeminen on vaikeaa. Käyttäjille, jotka ovat käyneet läpi, saavutti tuotesivun, eivät ole aivan tyytyväisiä valintaansa ja haluavat tarkistaa toisen tuotteen, joka vastaa määritettä, selaimen Takaisin-painike voi aiheuttaa ahdistusta. Tämä johtuu siitä, että käyttäjät eivät voi olla varmoja, muistaako selain heidän attribuuttivalintansa. ”Takaisin tuloksiin” vaihtoehto voi olla rauhoittava ja pitää kävijä muuntaminen suppilo.

Back To Results | Home > kalustus > olohuone > Papupussit >”The Dude Abides”Papupussi

nyt puhutaan luokkasivusta.

luokkasivulla, jos käyttäjä saa valita tuotteen attribuutit, kuten ”brand” tai ”size”, toinen tapa käyttää leivänmuruja on näyttää sekä standardi navigointipolku että attribuutit yhdessä, mutta asianmukaisesti eroteltuina.

koti> kalustus > Tuolit | yksipaikkainen*

korppujauhot: statukseltaan toissijaiset, arvoltaan primaariset

korppujauhot ovat olleet olemassa yli vuosikymmenen ajan. Mutta he eivät ole koskaan löytäneet paljon valokeilassa, koska niiden pysyvä asema ’toissijainen navigointipalkki’. Tilastaan huolimatta korppujauhot voivat olla tehokas elementti käyttäjäkokemuksen parantamisessa ja sitoutumisen luomisessa. Liiketoiminnan näkökulmasta, se auttaa sekä hankinta (ajatella SEO) ja muuntaminen (helpottaa paikan päällä navigointi).

ajaa pisteen kotiin, sallikaa minun lainata joitakin lukuja kaksi vuotta vanhasta tutkimuksesta, jonka Baymard. 40 verkkokauppasivustoa käsittäneen benchmarking-tutkimuksen jälkeen kävi ilmi, että 68%: lla ei ollut optimaalista käyttöä Leipäkrumbinavigoinnissa. 23%: ssa ei ollut Leipäkrumbia lainkaan. Jotkut pitävät leivänmuruja arkaaisena sisustuselementtinä, jolla ei ole tarvetta tai prioriteettia nykymaailmassa, kun taas toisille se on jalokivi, joka vie vähän kiinteistöjä ja vie vähän vaivaa, mutta vaikuttaa valtavasti yleiseen käyttökokemukseen.

kannattaako Verkkokauppasivustollasi siis olla leivänmuruja? Etsi vastausta käyttäjiltäsi, hyötyvätkö he siitä? Se on ainoa kysymys, joka kannattaa kysyä.