Hvernig á að nota bragðsmörk (réttan hátt)
Brauð mola ... þau koma upp samtökum við ævintýri Hansel og Gretel, þar sem Hansel skilur brauðmola til að hjálpa honum að finna leið sína heim aftur. Þrátt fyrir að tengsl við brauð mola er kannski enn sterkari í ríki Grimm sögunnar, breytist það smám saman sem breadcrumbs í leiðsöguhjálp vefur hönnuðir skapa betri notendaupplifun fyrir gesti á staðnum.
Þessi grafíska stjórnbúnaður þjónar mjög gagnlegum tilgangi sem siglingaaðstoð á vefsvæðinu, að því tilskildu að það sé hannað með greindum hætti. Það getur verið godsend fyrir minna reynda gesti sem þurfa að treysta á slóð til að hjálpa þeim að halda utan um hvar þau eru á vefsvæði viðskiptavinar þíns.
A slóð af breadcrumbs mun halda utan um og birta hverja síðu sem hefur verið skoðað af gestum, stundum í þeirri röð sem sögðu síður voru skoðuð, öðrum sinnum í mismunandi fyrirkomulagi.
Hér er hvernig á að samþætta breadcrumbs í vafranum þínum með þýðingu:
Þrjár helstu gerðir breadcrumb siglingar
Það eru þrjár helstu gerðir af breadcrumbs sem þú munt venjulega lenda á hverjum stað, þar sem tveir eru vinsælari en sá síðasti.
Staðsetning breadcrumbs
Einn af tveimur vinsælustu tegundum sem þú munt lenda í, staðsetning breadcrumbs segja notendum þínum hvar þeir eru með hliðsjón af stigveldi síðunnar. Einföld skipulag þess sem miðlar notendum á skýran hátt á vefsvæðinu gerir þessa gerð mjög mikið notaður.
Vinsælt á síðum sem innihalda fjölmargir innihaldsefni og lag af flakki, staðsetning breadcrumbs heimila notendum að duglegur að komast aftur á fyrri, hærra stig af efni með einföldum smellum. Einnig er staðsetning brauðmúður truflanir (þau breytast aldrei), sem gerir þeim áreiðanlega leið til að aðstoða við að endurskipuleggja notendur.
1-800 Blóm veitir klassískt dæmi um hagnýta staðsetningu breadcrumbs. Í hvert skipti sem kaupandi heimsækir blaðsíðuna fyrir afmælisdaginn minn, mun hann sjá að hann þurfti fyrst að smella á afmælisflokkinn eftir að hann byrjaði á heimasíðunni. Auðvitað getur hann smellt á hvert hærra stig breadcrumb til að komast þangað strax.
Eiginleikar breadcrumbs
Attribute breadcrumbs eru önnur stór tegund sem þú munt lenda í. Ólíkt bragðarefnum í stað þessara vinnu, er það eins og síaúrval vegna þess að þau eru ekki truflanir og breytast stöðugt miðað við óskir notandans.
Þeir munu ekki segja þér staðsetningu þína á vefsvæðinu, en í staðinn sýna metagögn um innihald síðunnar. Eiginleikar breadcrumbs eru því vinsælar hjá e-verslunarsvæðum þar sem þú ert fær um að aðlaga það sem þú vilt kaupa, svo sem á vefsíðum bílsins.
Þess vegna getur þú ekki endilega notað þessa tegund af breadcrumb nálgun til að finna leið aftur á síður sem þú hefur þegar heimsótt.
Til að sjá hvað ég er að tala um, skoðaðu Cars.com er brauðmylsna. Þegar þú leitar að bílum eftir gerð og líkani skaltu taka eftir breadcrumbs nærri vinstra megin á skjánum, rétt fyrir neðan merkið. Árið, gerð og líkan eru öll fyrri leitir á vefsvæðinu, en þeir veita ekki áreiðanlegan slóð til að skoða gamla síður sem þú hefur skoðað.
Athugaðu muninn á þessari tegund af breadcrumb og staðsetningu breadcrumbs, sem gerir þér kleift að endurskoða nákvæmlega þær síður sem þú hefur nýlega heimsótt.
Path breadcrumbs
Path breadcrumbs eru minnst vinsælar af þremur vegna þess að, alveg satt, allt sem þeir gera er að endurtaka hvað afturhnappur vafrans gerir þegar! Það hjálpar ekki við að bæta UX yfirleitt; það er frekar nokkuð óþarfi.
Einnig þekktur sem söguslóð, slóð brauðsmúður eru ekki mjög gagnlegar þar sem þeir gefa ekki frekari samhengi eða upplýsingar til gesta sem lenda á síðu sem er nú þegar djúpt innan stigs svæðisins. Dæmi væri gestur landing á vöru síðu vegna þess að hann fann leitarniðurstöður sem hann smellti á.
Vegna þessara UX vandamál sem þessi tegund af breadcrumb veldur er það sífellt sjaldgæft að finna það á vefsvæðum í dag.
Hvaða tegund er hentugur fyrir hvaða síðu?
Sundurliðun á þremur helstu gerðum brauðkrumum bendir á augljós spurning, sem er hentugur í hvaða tilgangi?
Við skulum byrja á því sem þú líklega ætti ekki að trufla með lengur: slóð brauðsmúður. Að minnsta kosti hjálpar þetta ekki UX; Versta fallið er að notendur gætu raunverulega orðið ruglaðir af brauðsmellum vegna þess að þeir sýna ekki rétta stigveldið á mismunandi stigum innan svæðisins.
Nú þegar við höfum það út af leiðinni, skulum við einbeita okkur að staðsetningu og eiginleikum breadcrumbs.
Staðsetning breadcrumbs eru meira viðeigandi fyrir stærri síður sem hafa mjög djúp og innihaldsefni. Frábært dæmi um þetta er eBay, sem er stór verslun vegna allra þeirra vara sem eru til sölu eða uppboð. Í samræmi við það er staðsetning breadcrumbs fullkominn fyrir þessa dýpt innihaldsins, þar sem gestir geta greinilega notað auka stefnuna.
Nú skulum við athygli okkar að eigna breadcrumbs.
Eins og sést í dæminu hér að ofan með Cars.com, geta eCommerce vefsvæði sem bjóða viðskiptavinum margra sérhannaðar valkosti mjög gagn af því að hafa þessa tegund af siglingaaðstoð. Síður með mismunandi valkosti customization geta verið yfirgnæfandi fyrir kaupendur. Þess vegna gefur þeim þessum síum meira vit í stað brauðsmíðar þar sem kaupandi vill halda utan um hinar ýmsu breytingar sem þeir hafa gert á leitarniðurstöðum sínum og pöntunum.
Besta venjur fyrir breadcrumbs
Almennt, þegar þú fylgir þessum ráðum þegar þú ert að hanna breadcrumb flakk fyrir vefsvæði viðskiptavinar þíns geturðu ekki farið úrskeiðis:
- Gakktu úr skugga um að engar hliðarþættir séu í slóð þinni á breadcrumbs (lesið: síður sem falla í margar flokka eða stig efnis) þar sem það getur raunverulega ruglað notendum.
- Notaðu stærra en táknið (>) til að brjóta upp tenglana í breadcrumbs þínum, þar sem það er það sem notendur eru nú þegar búnir að búast við frá ára þekkingu og samningum á síðuna.
- Notaðu leitarorð sem þú vilt virkilega staða fyrir í SEO þegar þú ákveður á nöfn mismunandi flokka innan breadcrumbs þinnar, þar sem þetta hjálpar SEO.
Breadcrumbs: frábær hugmynd, en ekki alltaf notuð rétt
Eins og með mörg hugtök í hönnun og UX er frábær hugmynd sem getur verið mjög gagnlegt fyrir notendur, erfitt ef það er ekki rétt til framkvæmda. Það er það sem þetta stutta leiðarvísir er fyrir: að búa þig með þekkingu til að styrkja þig til að hanna breadcrumbs til að hagræða UX í stað þess að hafa engin áhrif eða jafnvel meiða það.
Þó að ekki sé alger þörf á hvers kyns vefsvæði, getur breadcrumbs veitt notendum viðbótarlagi siglingaaðstoðar þegar þeir eru annað hvort frammi fyrir mörgum lögum af efni eða fullt af valkostum sem þeir vilja sía. Hins vegar kemur nothæfi úr breadcrumbs að lokum niður hvernig hönnuðir innleiða þær á vefsvæðum viðskiptavina sinna.
Með því að ganga úr skugga um að þú skiljir tilganginn á bak við hverja tegund af breadcrumb siglingu, aðstoða þig við að gera rétt val fyrir tegund vefsvæðis sem þú ert að hanna. Og þegar þú velur greindur, munt þú hafa ánægðir notendur, hamingjusamur viðskiptavinir og góðar tilvísanir, svo vertu viss um að hafa í huga næstu skipti sem þú ert að vinna með breadcrumbs.