Skapande och omdesign av Shopify-butiker

Gratis, utan förpliktelser offert

Personligt svar inom 24 arbetstimmar

← Tous les conseils
Guide pratique SiteQuiVend

Hur skapar man tydlig navigering mellan samlingar?

E-handelsarkitektur · Shopify Hur skapar man tydlig navigering mellan samlingar? Effektiv navigering gör att du kan förstå erbjudandet, snabbt komma åt rätt kategori och förfina valet utan att gå vilse i en följd av nästan i...

Publié le 15.08.20266 min de lectureConseils concrets
E-handelsarkitektur · Shopify

Hur skapar man tydlig navigering mellan samlingar?

Effektiv navigering gör att du kan förstå erbjudandet, snabbt komma åt rätt kategori och förfina valet utan att gå vilse i en följd av nästan identiska menyer eller sidor.

TrädstrukturMenyFöräldrasamlingarFilterMobil
3 nivåer maxi de flesta menyer för att bevara läsbarheten.
5 till 8 valsyns i grupper innan du skapar en överbelastning.
1 logikidentisk rankning över hela butiken.
Väsentlig princip

Navigering bör spåra hur kunden söker

Intern organisation, leverantörer eller produktkoder är inte alltid bra navigering Kunden söker i allmänhet efter kategori, efter användning, efter profil, efter tillfälle eller efter avgörande egenskap.

Enkelt test: fråga en utomstående person var de skulle klicka för att hitta en specifik produkt.Om flera vägar verkar möjliga utan en tydlig skillnad, måste trädstrukturen förenklas.
Steg 1

Inställning av stora entrédörrar

Börja med kategorier som täcker huvuddelen av katalogen. De bör vara tillräckligt breda för att förbli stabila, men tillräckligt exakta för att vägleda.

Steg 2

Skapa en trädstruktur innan du ändrar menyn

Rita rutten på papper eller i en tabell Varje nivå måste ha en distinkt roll.

Butik
↓
FemmeManTillbehör
↓
HandväskorRyggsäckarSmå lädervaror
↓
Filter: färg, material, pris
En funktion som färg eller storlek tillhör vanligtvis filtren, inte huvudmenyn.
Steg 3

Skilj mellan föräldrasamling, delinsamling och filter

Element Hans roll Exempel
Föräldrasamling Presentera ett universum eller en bred kategori Smycken
Undersamling Skapa en viktig och autonom destination Halsband
Filter Förfina produkter utan att förändra universum Material: silver
Sortera Ändra resultatordning Höjande pris
Steg 4

Begränsa menydjup

Ju fler klick och beslut en produkt kräver, desto mer sannolikt är det att besökaren ger upp I flertalet butiker räcker det med två eller tre nivåer.

Steg 5

Namn menyposter entydigt

Formuleringen ska göra det möjligt att förutse sidans innehåll Kreativa namn kan användas i marknadsföring, men huvudnavigeringen ska förbli begriplig.

Tvetydig formulering Tydlig formulering
Våra nödvändigheter Vardagstillbehör
Aura universum Natursten smycken
För henne Gåvor för kvinnor
Signatursamling Fullkorniga läderväskor
Steg 6

Välj mellan rullgardinsmeny och megameny

En mega meny är bara effektiv om det minskar ansträngningen Alltför många länkar, bilder och kampanjer återskapar en hel sida i menyn.
Steg 7

Skapa föräldrasidor som vägleder

En föräldrasamling kan visa sina produkter, presentera kort till subsamlingar eller kombinera de två. Rätt val beror på volymen och mångfalden av erbjudandet.

  • Tydlig titel och inledning
  • Kartor till viktiga delsamlingar
  • Konsekventa bilder
  • Populära eller representativa produkter
  • Länkar till ytterligare användningsområden
  • Filter anpassade till sidnivån
  • Synliga ströbröd
  • Icke-repetitivt SEO-innehåll
Steg 8

Lägg till länkar mellan kompletterande samlingar

Meny är inte det enda sättet att navigera. Placera kontextuella länkar där de faktiskt hjälper kunden att fortsätta.

Steg 9

Använd ströbröd för att visa position

Ströbröd hjälper dig att förstå den sökväg som följs, flytta upp till en bredare kategori och förbättra interna länkar.

HemΜSmyckenΜHalsbandΜAlba halsband
Vägen måste förbli konsekvent Undvik att samma produkt visas med flera olika föräldrar beroende på sammanhanget utan definierad logik.
Steg 10

Designfilter som en andra navigering

Filter låter dig utforska en samling utan att multiplicera undersidor. De måste matcha kriterierna som används för att jämföra.

  • Pris
  • Tillgänglighet
  • Storlek
  • Färg
  • Materia
  • Användning
  • Kompatibilitet
  • Avgörande kännetecken
Normalisera data innan du aktiverar filter. Värden som "Navy Blue", "Navy" och "Navy" skapar förvirrande navigering.
Steg 11

Anpassa navigering till mobil

Den mobila menyn bör inte vara en enkel kompakt kopia av mega-menyn.Det bör tillåta dig att gå ner i trädet och gå tillbaka utan att förlora sammanhang.

Steg 12

Plan för sammanhållen intern forskning

Tydlig navigering minskar sökberoendet, men vissa besökare känner redan till produktens namn, referens eller användning.

  • Förståeliga produktnamn
  • Sökbara referenser
  • Vanliga synonymer
  • Samlingar som finns i förslagen
  • Resultat utan övervakad korrespondens
  • Produkter som inte är tillgängliga korrekt bearbetade
  • Frekventa fel beaktas
  • Sök användbar på mobilen
Steg 13

Mät faktiska rutter

Trädstrukturen kan verka logisk internt och fortfarande svår för besökare.Använd data och feedback för att identifiera blockeringspunkter.

Frekventa fel

Vilket försvårar navigeringen

Checklista före publicering

De väsentliga kontrollerna

  • Separata huvudkategorier
  • Rimligt djup
  • Etiketter förstås utan förklaring
  • Användbara föräldrasamlingar
  • Korrekt standardiserade filter
  • Konsekventa ströbröd
  • Länkar mellan relevanta kategorier
  • Mobilmeny testad
  • Funktionell intern forskning
  • Inga tomma samlingar
  • Inga brutna länkar
  • Kursprövad av en utomstående person
Vanliga frågor

Vanliga frågor om navigering mellan samlingar

Hur många samlingar ska visas i huvudmenyn?

Visa de viktigaste destinationerna.Gruppera andra i undermenyer eller överordnade sidor snarare än att förlänga den första nivån på obestämd tid.

Kan en samling visas i flera menyer?

Ja om den uppfyller flera relevanta rutter, men undvik att upprepa den i angränsande grupper utan tydlig anledning.

Ska du skapa en sida för varje filter?

Nej Skapa en separat samling endast om destinationen förtjänar en fristående sida för navigering, marknadsföring eller SEO.

Hur vet man om menyn är för komplex?

Om besökare tvekar mellan flera poster, använder sök systematiskt eller återvänder till föregående nivå ofta, bör strukturen förenklas.

Shopify Navigation

En tydlig arkitektur för att guida fler besökare till rätt produkter

SiteQuiVend kan organisera dina samlingar, menyer och Shopify-filter för att göra katalogen enklare att utforska på stationära och mobila enheter.

Transformons vos idées en pages qui donnent confiance

Création ou refonte de boutique Shopify : obtenez une recommandation et un devis adaptés à votre situation.

Parler de mon projet →