Opprettelse og redesign av Shopify-butikker

Gratis, uforpliktende tilbud

Personlig respons innen 24 arbeidstimer

← Tous les conseils
Guide pratique SiteQuiVend

Hvordan skape tydelig navigasjon mellom samlinger?

E-handel arkitektur · Shopify Hvordan skape tydelig navigasjon mellom samlinger? Effektiv navigering lar deg forstå tilbudet, raskt få tilgang til riktig kategori og avgrense valget uten å gå seg vill i en rekke nesten ident...

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

Hvordan skape tydelig navigasjon mellom samlinger?

Effektiv navigering lar deg forstå tilbudet, raskt få tilgang til riktig kategori og avgrense valget uten å gå seg vill i en rekke nesten identiske menyer eller sider.

TrestrukturMenyForeldresamlingerFiltreMobil
3 nivåer maksimalti de fleste menyer for å bevare lesbarheten.
5 til 8 valgsynlig i grupper før du lager en overbelastning.
1 logikkidentisk rangering over hele butikken.
Essensielt prinsipp

Navigasjon bør spore hvordan kunden søker

Intern organisering, leverandører eller produktkoder er ikke alltid god navigasjon Kunden søker generelt etter kategori, etter bruk, etter profil, etter anledning eller etter avgjørende karakteristikk.

Enkel test: spør en ekstern person hvor de ville klikke for å finne et bestemt produkt. Hvis flere baner ser ut til å være mulig uten en klar forskjell, må trestrukturen forenkles.
Trinn 1

Setter store inngangsdører

Start med kategorier som dekker hoveddelen av katalogen De bør være brede nok til å holde seg stabile, men presise nok til å veilede.

Trinn 2

Opprett en trestruktur før du endrer menyen

Tegn ruten på papir eller i en tabell Hvert nivå må ha en distinkt rolle.

Butikk
↓
FemmeMannTilbehør
↓
HåndveskerRyggsekkerSmå lærvarer
↓
Filtre: farge, materiale, pris
En funksjon som farge eller størrelse tilhører vanligvis filtrene, ikke hovedmenyen.
Trinn 3

Skille mellom overordnet samling, undersamling og filter

Element Hans rolle Eksempel
Foreldresamling Presenter et univers eller en bred kategori Smykker
Undersamling Skap en viktig og autonom destinasjon Halskjeder
Filter Avgrens produkter uten å endre universet Materiale: sølv
Sorter Endre rekkefølge på resultater Økende pris
Trinn 4

Begrens menydybde

Jo flere klikk og beslutninger et produkt krever, jo mer sannsynlig er det at den besøkende gir opp.I de fleste butikker er to eller tre nivåer nok.

Trinn 5

Navn menyoppføringer utvetydig

Ordlyden skal gjøre det mulig å forutse innholdet på siden Kreative navn kan brukes i markedsføring, men hovednavigasjonen bør forbli forståelig.

Tvetydig formulering Klar formulering
Våre nødvendigheter Hverdagstilbehør
Aura Universe Naturstein smykker
For henne Gaver til kvinner
Signatursamling Fullkorn skinnvesker
Trinn 6

Velg mellom rullegardinmeny og megameny

En megameny er bare effektiv hvis den reduserer innsatsen For mange lenker, bilder og kampanjer gjenskaper en hel side i menyen.
Trinn 7

Lag overordnede sider som veileder

En overordnet samling kan vise sine produkter, presentere kort til subsamlinger, eller kombinere de to Det riktige valget avhenger av volumet og mangfoldet i tilbudet.

  • Tydelig tittel og introduksjon
  • Kart til viktige undersamlinger
  • Konsekvente bilder
  • Populære eller representative produkter
  • Lenker til tilleggsbruk
  • Filtre tilpasset sidenivået
  • Synlige brødsmuler
  • Ikke-repetitivt SEO-innhold
Trinn 8

Legg til koblinger mellom komplementære samlinger

Meny er ikke den eneste måten å navigere på Plasser kontekstuelle lenker der de faktisk hjelper kunden å fortsette.

Trinn 9

Bruk brødsmuler for å vise posisjon

Brødsmuler hjelper deg å forstå veien som følges, gå opp til en bredere kategori og forbedre interne lenker.

HomeΜSmykkerΜHalskjederΜAlba halskjede
Banen må forbli konsistent Unngå at det samme produktet dukker opp med flere ulike foreldre avhengig av konteksten uten definert logikk.
Trinn 10

Design filtre som en andre navigasjon

Filtre lar deg utforske en samling uten å multiplisere undersider De må samsvare med kriteriene som brukes for å sammenligne.

  • Pris
  • Tilgjengelighet
  • Størrelse
  • Farge
  • Matter
  • Bruk
  • Kompatibilitet
  • Avgjørende karakteristikk
Normaliser data før du aktiverer filtre Verdier som "Navy Blue", "Navy" og "Navy" skaper forvirrende navigasjon.
Trinn 11

Tilpass navigasjonen til mobilen

Mobilmenyen skal ikke være en enkel kompaktkopi av megamenyen Den skal la deg gå ned i treet og gå tilbake uten å miste kontekst.

Trinn 12

Plan for sammenhengende intern forskning

Klar navigering reduserer søkeavhengighet, men noen besøkende vet allerede navnet, referansen eller bruken av produktet.

  • Forståelige produktnavn
  • Søkbare referanser
  • Vanlige synonymer
  • Samlinger til stede i forslagene
  • Resultater uten overvåket korrespondanse
  • Produkter utilgjengelige riktig behandlet
  • Hyppige feil tatt i betraktning
  • Søk brukbart på mobil
Trinn 13

Mål faktiske ruter

Trestrukturen kan virke logisk internt og fortsatt vanskelig for besøkende Bruk data og tilbakemeldinger til å identifisere blokkeringspunkter.

Hyppige feil

Noe som gjør navigering vanskelig

Sjekkliste før publisering

De essensielle kontrollene

  • Separate hovedkategorier
  • Rimelig dybde
  • Etiketter forstått uten forklaring
  • Nyttige foreldresamlinger
  • Riktig standardiserte filtre
  • Konsekvente brødsmuler
  • Koblinger mellom relevante kategorier
  • Mobilmeny testet
  • Funksjonell intern forskning
  • Ingen tomme samlinger
  • Ingen ødelagte lenker
  • Kurs testet av en utenforstående person
Ofte stilte spørsmål

Vanlige spørsmål om navigering mellom samlinger

Hvor mange samlinger skal vises i hovedmenyen?

Se de viktigste destinasjonene Grupper andre i undermenyer eller overordnede sider i stedet for å utvide det første nivået på ubestemt tid.

Kan en samling vises i flere menyer?

Ja hvis den møter flere aktuelle ruter, men unngå å gjenta det i nabogrupper uten noen klar grunn.

Skal du opprette en side for hvert filter?

Nei. Opprett en egen samling bare hvis destinasjonen fortjener en frittstående side for navigasjon, markedsføring eller SEO.

Hvordan vet du om menyen er for kompleks?

Hvis besøkende nøler mellom flere oppføringer, bruker søk systematisk eller går tilbake til forrige nivå ofte, bør strukturen forenkles.

Shopify Navigation

En tydelig arkitektur for å veilede flere besøkende til de riktige produktene

SiteQuiVend kan organisere samlingene, menyene og Shopify-filtrene dine for å gjøre katalogen enklere å utforske på stasjonær og mobil.

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 →