Brødsmuler tar oss tilbake til det gamle eventyret du kanskje har lest i barnehageårene dine. To barn Hansel og Gretel blir tvunget ut av hjemmet sitt i skogen når Hansel bestemmer seg for å legge et spor av brødsmuler for å spore veien hjem. Selv om brødsmulene blir spist av de irriterende fuglene i skogen, klarte de å etterlate et inntrykk mange år etter at historien ble skrevet.

I webdesign tjener brødsmuler et lignende formål som det Hansel hadde i tankene. Brødsmuler fungerer som en sekundær navigasjon i navigasjonen på nettstedet ditt for å hjelpe besøkende med å være trygge fra å miste veien etter å ha gått fra en side til en annen. I likhet med det gamle eventyret hjelper det å vise brukeren hvor de har landet og hva som var deres siste plassering.

Når brødsmuler er integrert i nettstedets hierarkiske struktur, kan brukerne gå dypt inn i produktkategorier og navigere tilbake til der de startet uten å gå på en "Tilbake"-knapp-vanvidd.

Brødsmuler fungerer også som et grafisk kontrollelement for å hjelpe mindre erfarne besøkende med å navigere på e-handelsnettsteder. For slike nettsteder må den interne strukturen være intelligent utformet. Med brødsmuler blir det viktig for nettbaserte shoppingplattformer å ikke bare gi brukervennlighet for sine besøkende, men også forhindre potensielle kunder fra å forlate sidene sine som følge av å gå seg vill.

Brødsmule-navigering

Brødsmuler er et effektivt middel for å veilede besøkende ved å bestemme deres nåværende plassering og stedene de har besøkt på veien. De fungerer som et visuelt hjelpemiddel innenfor nettstedets hierarki. Men når det gjelder brukeropplevelse, hjelper brødsmuler dem med å svare på disse 3 spørsmålene.

Hvor er jeg?

Brødsmuler holder brukerne informert om hvor de befinner seg på siden som starter reisen.
Hvor kan jeg gå?

Den fungerer som en hjelp for brukerne ved å foreslå dem hvor de skal gå videre. Siden strukturen allerede er lagt foran dem, trenger ikke brukerne lenger å søke og finne kategorier eller nettstedsdelene.
Bør jeg gå dit?

Brødsmuler bidrar til å fremme bedre surfing og viser innholdsverdi for brukeren. For eksempel, hvis en kunde lander på en nettside for å søke etter et produkt, kan han finne andre produkter som kan vise seg å være en god match for hans behov. Dette bidrar til å redusere nettstedets fluktfrekvens.

fordeler

Kutter ned handlinger

For å nå en side på høyere nivå, bidrar brødsmuler til å redusere antallet. handlinger som kreves av den besøkende på nettstedet for å komme dit. Besøkende kan ganske enkelt bruke brødsmuler for å navigere tilbake i stedet for ustanselig å bruke "Tilbake"-knappen eller nettstedets primære navigasjon.

Krever minimal plass

Det tar bare en horisontal linje fylt med tekstlenker. Dette legger til rette for en sunn webdesignstruktur ved å ta minimalt med plass og la andre elementer på nettstedet puste. Dette hjelper også med å få bedre lastehastigheter for nettstedet.

Hver bruker vet hvordan man bruker brødsmuler

Det er lett å forstå og krever ingen teknisk kunnskap for å samhandle med dem. Teksten forklarer hvor brukeren var, er og kan gå. Det er et selvforklarende navigasjonssystem som er universelt for enhver brukers forståelse.

Når skal man bruke brødsmuler?

Å lage et nettstedskart for å vise nettstedets navigasjonsstruktur er en av de beste måtene å finne ut om nettstedet ditt kan dra nytte av brødsmuler. Du kan deretter analysere ved å prøve og teste om brødsmulenavigasjonen hjelper brukerne gjennom innholdet på nettstedet ditt eller ikke.

Brødsmuler brukes best når det er vesentlig større innhold som må organiseres innenfor kategorier og i en ren lineær struktur. På de fleste e-handelsnettsteder brukes det samme kriteriet for å gruppere et stort utvalg produkter i logiske kategorier.
Brødsmuler må ikke brukes for nettsteder som mangler et logisk hierarki for gruppering av innhold eller produkter.

Når bør du unngå å bruke dem

Der brødsmuler er avgjørende for nettstedets struktur, er det også tilfeller der de bør unngås. Når det er et nettsted som består av struktur på ett nivå uten noen klar indikasjon på gruppering, er det i nettstedets beste interesse for å unngå tilsetning av brødsmuler. Som vi nevnte ovenfor, kan et diagram eller et nettstedskart være ganske nyttig for å bestemme navigasjonsarkitekturen til nettstedet.

Brødsmuler er bare nyttige hvis de støttes av den primære navigasjonen. Brødsmuler fungerer som muskler, mens den primære navigasjonen er skjelettet som holder dem sammen. Uten deres fullstendige bevegelse kan nettstedhierarkiet ikke fungere produktivt.

Typer brødsmuler

Det er tre typer brødsmuler du bør vite om, plassering, bane og attributt.

1 Stedsbasert

Stedsbaserte brødsmuler brukes for å vise nettsidens grunnleggende struktur. De lar brukere navigere på nettsteder som har flere nivåer og omfattende innholdsspor. Slike typer brødsmuler er svært nyttige for besøkende som lander på et nettsted fra en ekstern kilde og går inn på et dypere innholdsnivå. For eksempel, hvis du søker etter en bestemt type produkt og klikker på søkeresultatene som vises av Google, vil du finne deg selv i mellom mange kategorier når du kommer inn på nettsiden. Brødsmulene hjelper deg med å finne posisjonen din og navigere til mulighetene i den hierarkiske strukturen. De nettstedene som inneholder dype innholdsnivåer er godt egnet for stedsbaserte brødsmuler. Et ideelt eksempel er eBay.

2-banebasert

Disse brødsmulene er viktige for et nettsteds historiespornavigasjon. Banebaserte brødsmuler viser i utgangspunktet hver sti som brukeren besøker for å nå sin nåværende plassering. Normalt genereres slike brødsmulekoblinger dynamisk. Mens stibaserte plugins kan være nyttige for brukere som bruker mye tid på å surfe på nettsteder, er de for det meste forvirrende for majoritetsbrukere. Siden de fleste besøkende surfer etter eget skjønn, flytter de fra den ene siden til den andre. "Tilbake"-knappen i nettleseren løser de fleste av deres behov for å endre banen. Dette gjør det ubrukelig spesielt for den typen besøkende som kommer til siden som allerede er dypt inne på nettstedet.

3 Attributtbasert

Netthandelsnettsteder drar mest nytte av attributtbaserte brødsmuler. De hjelper til med å liste kategoriene i henhold til den spesifikke siden eller produktet. En slik type brødsmuler er svært nyttig for å oppmuntre brukere til å forstå forholdet mellom produkter og hverandre. For eksempel, hvis nettstedet selger jeans, vil de bruke attributtbaserte brødsmuler for å hjelpe kunder med å navigere fra Regular fit, Slim fit eller Skinny jeans.

Beste fremgangsmåter for brødsmulenavigasjon

Når du designer en brødsmule-navigasjon, sørg for å ha følgende ting i tankene. Brødsmule-navigering er et ekstra hjelpemiddel for å forbedre brukernes opplevelse på nettstedet ditt.

Unngå dupliserte elementer

Hvis du virkelig har lyst til å legge til brødsmuler på nettstedet ditt, kan du like godt gjøre det på riktig måte. For det første må du eliminere alle dupliserte elementer som kan komme inn mellom sporet av brødsmuler. Dessverre har jeg sett dette på mange topprangerte nettsteder der de samme sidene faller inn i flere kategorier eller innholdsnivåene som vises. Dette forvirrer ikke bare den besøkende, men reflekterer også dårlig på nettstedet ditt.

SEO-kompatibilitet

Brødsmuler er ikke bare navigasjonskontroller for de besøkende, men også store fordeler for SEO-praksisen din. Du kan bruke søkeord i brødsmulene for å forbedre rangeringen din på søkemotorer. Det anbefales at du velger SEO-vennlige navn for kategoriene på nettstedet ditt, slik at søkemotorer enkelt kan liste opp i brødsmulene i resultatene.

Bruk brødsmuler som en alternativ navigering

Mens brødsmuler er en utmerket kilde for å hjelpe brukere med å navigere fra ett punkt til et annet, er det viktig at de kun skal behandles som en sekundær kilde. Brødsmuler er en ekstra funksjon for å forbedre brukervennligheten til den besøkende og kan under ingen omstendigheter erstatte den primære navigasjonsstrukturen til nettstedet.

Det er meningsløst å koble til gjeldende side i Breadcrumb Navigation

Selv om det er valgfritt å vise den besøkendes gjeldende plassering på brødsmulestien, må du sørge for at lenken som vises i den lineære strukturen ikke er trykkbar eller klikkbar. Det ville bare skape forvirring for den besøkende å vise dem koblingen til siden de er på for øyeblikket.

Legg til skilleark

Å bruke separatorer er en god praksis for å gi et rent og merkbart utseende til brødsmulenavigasjonen. Det hindrer at teksten kommer for nært dersom brukeren går på dypere nivåer og skaper dynamisk struktur som er lett å forstå og samhandle med.

Du kan bruke tegnet › for å angi hierarkiet siden det vanligvis brukes i kategoriformater som Klær › Skjorter › Skjorter med krage osv. Andre symboler inkluderer piler (→), rettvinklede anførselstegn (») og skråstreker (⁄).

Introduser størrelsen og polstringen til brødsmuler

Når du designer brødsmulene, må du vurdere polstringen og målstørrelsen. Avstanden mellom den ene brødsmulen til den andre må være merkbar, ellers kan besøkende kanskje ikke bruke dem effektivt. Sørg samtidig for at størrelsen på brødsmulen ikke kompromitterer andre elementer rundt den, slik at den primære navigasjonen forblir upåvirket.

Tegn aldri fokus på utformingen av brødsmuler mer enn det er nødvendig

Bruk aldri lyse farger eller fancy fonter for å representere brødsmulene dine. Selv om brødsmulesporet er viktig for brukerne etter at de har landet på siden, bør det ikke være det første som kommer inn i dem. Å legge til glam i brødsmule-navigasjonen kan føre til at brukeren ignorerer den primære navigasjonen på nettstedet. Dette kan distrahere brukeren fra den virkelige hensikten med å gå inn på siden og resultere i tap av en potensiell konvertering for butikken. Google er det beste eksemplet når det gjelder det. Med så mange nivåer av søkt innhold, viser den en enkel brødsmule-navigasjonssti fri for noen fancy skrifttyper eller farger, slik at brukerne enkelt kan finne og samhandle med brødsmulene.

Hvilken type bør unngås?

Det er et omstridt argument om man skal bruke steds-/attributtbaserte brødsmuler eller banebaserte brødsmuler for å vise nettstedhierarki. Det er en tommelfingerregel at brødsmuler ikke skal vise brukerens historie, men nettstedets hierarkiet. Etter vår vurdering og mening bør du sannsynligvis ikke bry deg med stibaserte brødsmuler lenger. For det første hjelper det ikke med UX siden det potensielt kan forårsake forvirring hos besøkende på grunn av mangelen på hierarki som vises mellom de forskjellige nivåene. Det er derfor steds- og attributtbaserte brødsmuler foretrekkes fremfor banebaserte brødsmuler.

Siste tanker

Brødsmuler er like viktige som alle andre elementer på en nettside. Nå som teknologien har tillatt lagring av større mengder data, raskere internetthastigheter og enda raskere lastetid, kan navigasjon vises mer omfattende på høyere nivåer av hierarki uten å svette. Ved hjelp av brødsmuler vil nettstedet ditt ikke bare gi bedre brukeropplevelse, men også generere større salg fra kundene. En jevnere og usofistikert navigering betyr enklere tilgang til produktsider og hindrer mindre betalingsprosesser.