Brödsmulor tar oss tillbaka till den gamla sagan du kanske har läst i dina dagisår. Två barn Hansel och Gretel tvingas ut från sitt hem i skogen när Hansel bestämmer sig för att lägga ett spår av brödsmulor för att spåra vägen hem. Även om brödsmulorna blir uppätna av de irriterande fåglarna i skogen, lyckades de lämna ett intryck många år efter att berättelsen skrevs.

Inom webbdesign tjänar brödsmulor ett liknande syfte som Hansel hade i åtanke. Brödsmulor fungerar som en sekundär navigering inom din webbplatsnavigering för att hjälpa besökarna att vara säkra på att inte tappa vägen efter att ha gått från en sida till en annan. Liksom den gamla sagan hjälper den att visa användaren var de har landat och vad som var deras senaste plats.

När brödsmulor har integrerats i webbplatsens hierarkiska struktur kan användare gå djupt in i produktkategorier och navigera tillbaka till där de började utan att gå på en "Tillbaka"-knappsfrenzy.

Brödsmulor fungerar också som ett grafiskt kontrollelement för att hjälpa mindre erfarna besökare att navigera på e-handelswebbplatser. För sådana webbplatser måste den interna strukturen vara intelligent utformad. Med brödsmulor blir det absolut nödvändigt för online shoppingplattformar att inte bara ge användarna användarvänlighet, utan också förhindra potentiella kunder från att överge sina sidor på grund av att de går vilse.

Brödsmulnavigering

Brödsmulor är ett effektivt sätt att vägleda besökare genom att bestämma deras nuvarande plats och de platser de har besökt på vägen. De fungerar som ett visuellt hjälpmedel inom webbplatsens hierarki. Men när det gäller kundernas användarupplevelse hjälper brödsmulor dem att svara på dessa 3 frågor.

Var är jag?

Brödsmulor håller användarna informerade om var de befinner sig på sajten som börjar sin resa.
Vart kan jag gå?

Det fungerar som ett hjälpmedel för användarna genom att föreslå vart de ska gå härnäst. Eftersom strukturen redan ligger framför dem behöver användarna inte längre söka och hitta kategorier eller webbplatssektioner.
Ska jag gå dit?

Brödsmulor hjälper till att främja bättre surfning och uppvisar innehållsvärde för användaren. Till exempel, om en kund landar på en webbsida för att söka efter en produkt, kan han hitta andra produkter som kan visa sig vara en bra matchning för hans behov. Detta hjälper till att minska webbplatsens avvisningsfrekvens.

Fördelar

Kapar ned åtgärder

För att nå en sida på högre nivå hjälper brödsmulor till att minska antalet. åtgärder som krävs av webbplatsbesökaren för att komma dit. Besökare kan helt enkelt använda brödsmulor för att navigera tillbaka istället för att oavbrutet använda "Tillbaka"-knappen eller webbplatsens primära navigering.

Kräver minimalt utrymme

Det tar bara en horisontell linje fylld med textlänkar. Detta underlättar en sund webbdesignstruktur genom att ta minimalt med utrymme och låta andra element på webbplatsen andas. Detta hjälper också till att få bättre laddningshastigheter för webbplatsen.

Varje användare vet hur man använder brödsmulor

Det är lätt att förstå och kräver ingen teknisk kunskap för att interagera med dem. Texten förklarar var användaren var, är och kan gå. Det är ett självförklarande navigationssystem universellt för alla användares förståelse.

När ska man använda brödsmulor?

Att konstruera en webbplatskarta för att visa din webbplatss navigeringsstruktur är ett av de bästa sätten att avgöra om din webbplats kan dra nytta av brödsmulor. Du kan sedan testa och testa om brödsmulornavigeringen hjälper användare genom ditt webbplatsinnehåll eller inte.

Brödsmulor används bäst när det finns betydligt större innehåll som måste organiseras inom kategorier och i en ren linjär struktur. På de flesta e-handelswebbplatser används samma kriterium för att gruppera ett stort antal produkter i logiska kategorier.
Brödsmulor får inte användas för webbplatser som saknar någon logisk hierarki för gruppering av innehåll eller produkter.

När ska man undvika att använda dem

Där brödsmulor är väsentliga för webbplatsens struktur, finns det också tillfällen där de bör undvikas. När det finns en webbplats som består av en struktur på en nivå utan någon tydlig indikation på gruppering är det i webbplatsens bästa intresse att undvika tillsats av brödsmulor. Som vi nämnde ovan kan ett diagram eller en webbplatskarta vara till stor hjälp för att bestämma webbplatsens navigeringsarkitektur.

Brödsmulor är bara användbara om de stöds av den primära navigeringen. Brödsmulor fungerar som musklerna, medan den primära navigeringen är skelettet som håller ihop dem. Utan deras fullständiga rörelse kan webbplatshierarkin inte fungera produktivt.

Typer av brödsmulor

Det finns tre typer av brödsmulor du bör känna till, plats, sökväg och attribut.

1 Platsbaserad

Platsbaserade brödsmulor används för att visa webbplatsens grundläggande struktur. De tillåter användare att navigera på webbplatser som har flera nivåer och omfattande innehållsspår. Sådana typer av brödsmulor är mycket användbara för besökare som landar på en webbplats från en extern källa och kommer in på en djupare nivå av innehåll. Om du till exempel söker efter en viss typ av produkt och klickar på sökresultaten som visas av Google, kommer du att hamna mellan många kategorier när du väl går in på webbsidan. Brödsmulorna hjälper dig att bestämma din plats och navigera till möjligheterna i den hierarkiska strukturen. De webbplatser som innehåller djupa nivåer av innehåll är mycket lämpade för platsbaserade brödsmulor. Ett idealiskt exempel är eBay.

2-vägsbaserad

Dessa brödsmulor är viktiga för en webbplatss historiksnavigering. Sökvägsbaserade brödsmulor visar i princip varje väg som användaren besöker för att nå sin nuvarande plats. Normalt genereras sådana brödsmulelänkar dynamiskt. Även om sökvägsbaserade plugins kan vara till hjälp för användare som spenderar mycket tid på att surfa på webbplatser, är de mest förbryllande för majoritetsanvändare. Eftersom de flesta besökare surfar efter eget gottfinnande och flyttar från en sida till en annan. "Tillbaka"-knappen i webbläsaren löser de flesta av deras behov att ändra sökväg. Detta gör det värdelöst, särskilt för de typer av besökare som kommer till webbplatssidan som redan är djupt inne på webbplatsen.

3 Attributbaserad

E-handelswebbplatser drar mest nytta av attributbaserade brödsmulor. De hjälper till att lista kategorierna enligt den specifika sidan eller produkten. En sådan typ av brödsmulor är oerhört hjälpsam för att uppmuntra användare att förstå förhållandet mellan produkter och varandra. Om webbplatsen till exempel säljer jeans kommer de att använda attributbaserade brödsmulor för att hjälpa kunderna att navigera från Regular fit, Slim fit eller Skinny jeans.

Bästa tillvägagångssätt för brödsmulnavigering

När du designar en brödsmula-navigering, se till att ha följande saker i åtanke. Brödsmulnavigering är ett extra hjälpmedel för att förbättra dina användares upplevelse på din webbplats.

Undvik dubbletter av element

Om du verkligen vill lägga till brödsmulor på din webbplats kan du lika gärna göra dem på rätt sätt. Först och främst måste du eliminera alla dubbletter som kan komma in mellan spåret av brödsmulor. Tyvärr har jag sett detta på många topprankade webbplatser där samma sidor faller in i flera kategorier eller innehållsnivåerna som visas. Detta förvirrar inte bara besökaren, utan reflekterar också dåligt på din webbplats.

SEO-kompatibilitet

Brödsmulor är inte bara navigeringskontroller för dina besökare, utan också stora tillgångar för din SEO-praxis. Du kan använda sökord i brödsmulorna för att förbättra din ranking på sökmotorer. Det rekommenderas att du väljer SEO-vänliga namn för kategorierna på din webbplats så att sökmotorer enkelt kan lista i brödsmulorna i sina resultat.

Använd brödsmulor som en alternativ navigering

Även om brödsmulor är en utmärkt källa för att hjälpa användare att navigera från en punkt till en annan, är det viktigt att de endast ska behandlas som en sekundär källa. Brödsmulor är en extra funktion för att förbättra användarvänligheten för besökaren och kan under inga omständigheter ersätta den primära navigeringsstrukturen på webbplatsen.

Det är meningslöst att länka aktuell sida i Breadcrumb Navigation

Även om det är valfritt att visa besökarens aktuella plats på brödsmulans spår, måste du se till att länken som visas i den linjära strukturen inte är klickbar eller klickbar. Det skulle bara skapa förvirring för besökaren att visa dem länken till sidan de för närvarande är på.

Lägg till separatorer

Att använda separatorer är en bra övning för att ge din brödsmulnavigering ett rent och märkbart utseende. Det förhindrar att texten kommer för nära om användaren går på djupare nivåer och skapar en dynamisk struktur som är lätt att förstå och interagera med.

Du kan använda tecknet › för att beteckna hierarkin eftersom det vanligtvis används i kategoriformat som Kläder › Skjortor › Skjortor med krage etc. Andra symboler inkluderar pilar (→), rätvinkliga citattecken (») och snedstreck (⁄).

Introducera storleken och stoppningen av brödsmulor

När du designar brödsmulorna måste du ta hänsyn till vaddering och målstorlek. Avståndet mellan den ena brödsmulan till den andra måste vara märkbar, annars kanske besökarna inte kan använda dem effektivt. Se samtidigt till att storleken på brödsmulan inte äventyrar andra element runt den så att den primära navigeringen förblir opåverkad.

Fokusera aldrig på utformningen av brödsmulor mer än vad som krävs

Använd aldrig ljusa färger eller snygga typsnitt för att representera dina brödsmulor. Även om brödsmulans spår är viktigt för användarna efter att de landar på sidan, bör det inte vara det första som kommer in i deras uppmärksamhet. Att lägga till glam till brödsmulornavigeringen kan få användaren att ignorera den primära navigeringen på webbplatsen. Detta kan distrahera användaren från den verkliga avsikten att gå in på sidan och resultera i att en potentiell konvertering för butiken går förlorad. Google är det bästa exemplet när det kommer till det. Med så många nivåer av sökt innehåll visar den ett enkelt navigeringsspår för brödsmulor utan alla snygga teckensnitt eller färger så att användare enkelt kan hitta och interagera med brödsmulorna.

Vilken typ bör undvikas?

Det är ett omtvistat argument om huruvida man ska använda plats-/attributbaserade brödsmulor eller sökvägsbaserade brödsmulor för att visa webbplatshierarki. Det är en tumregel att brödsmulor inte får visa användarens historia, utan webbplatshierarkin. Enligt vår bedömning och uppfattning bör du förmodligen inte bry dig om vägbaserade brödsmulor längre. För det första hjälper det inte med UX eftersom det potentiellt kan orsaka förvirring hos besökare på grund av bristen på hierarki som visas mellan de olika nivåerna. Det är därför plats- och attributbaserade brödsmulor föredras framför sökvägsbaserade brödsmulor.

Slutgiltiga tankar

Brödsmulor är lika viktiga som alla andra element på en webbplats. Nu när tekniken har gjort det möjligt att lagra större mängder data, snabbare internethastigheter och ännu snabbare laddningstid, kan navigering visas mer heltäckande på högre nivåer av hierarki utan att svettas. Med hjälp av brödsmulor kommer din webbplats inte bara att ge en bättre användarupplevelse, utan även generera större försäljning från sina kunder. En smidigare och osofistikerad navigering innebär enklare åtkomst till produktsidor och hindrar mindre kassaprocess.