10 E-handel UX Tips for å optimalisere filtrert navigering

Filtrert navigasjon er en populær nettside funksjon som disse dager er rutinemessig brukt på e-handelsnettsteder. Det tjener formålet med å hjelpe kunder finn produktet de leter etter i store datasett.

Tenk på filtre du kan angi for en produktsøk på eBay eller Amazon, for eksempel kategorien, materialet eller varemerket til et produkt.

Hvis du vil ha en konverterings nettbutikk, er det nesten en nødvendighet å ha filtrert navigering, ikke bare fordi det forenkler navigering på stedet, og øker hastigheten på søk, men også fordi online kunder har allerede blitt vant til det på store e-handelsnettsteder.

1. Velg det optimale stedet

På de fleste e-handelsnettsteder er filtrert navigasjon plassert på venstre sidefelt ved siden av innholdet, som om du kan se det på Amazon eller eBay. Men det er ikke alltid det beste valget.

Baymard instituttets brukbarhetsforskning på filtrering fant at a horisontal navigering plassert på toppen av innholdet kan utføre bedre i mange tilfeller.

Horisontal navigasjon fungerer vanligvis bra for e-handel nettsteder som har færre produktfiltre, som denne måten brukerne er mindre sannsynlig å overse filtre.

Det er alltid verdt å teste hvor du skal plassere den filtrerte navigasjonen, da det kan være store forskjeller mellom konverteringsfrekvenser. Nettstedet til Crate & Barrel, en møbel- og hjemmekinoforhandler, gir et godt eksempel på en horisontalt plassert filtrert navigasjon.

2. Gi relevante filtre

Selv om det er verdt å sjekke ut filtrene dine konkurrenter bruker, bør filtre alltid være relevant til din produkter og din publikum, og ingen andre er. Det er ikke alltid så enkelt som du først skulle tenke, da du trenger filtre det svar på spørsmålene kundene spør når de leter etter produktene dine.

For eksempel tilbyr Nordstrom sine kunder nøye utvalgte filtre for hver produktkategori, som for eksempel “linse type”, “ansiktsform”, “farge”, “pris”, og “merke” for solbriller.

3. La kundene velge flere filtre

Selv om noen brukere bare tilfeldigvis surfer på nettstedet ditt, kommer mange av dem med klare ideer og veldefinerte behov. Denne kundegruppen vanligvis ønsker å bruke flere filtre samtidig for å kunne kjøre en forespørsel samtidig for forskjellige kvaliteter, som farge, pris og materiale.

Det er ikke bare nødvendig å la dem velge forskjellige filtre fra flere filtergrupper, men også av samme type. Wayfair nettbutikk tilbyr en profesjonell brukeropplevelse ved å tillate sine kunder å søk etter så mange filtre som de vil.

4. Aktiver manuell inngang når det er nødvendig

Avkrysningsbokser er en fin måte å hente filterverdier på, men noen ganger er det også en god ide å la kunder sett filtre manuelt, som for eksempel prisfelt. Hver kunde ser etter produkter i et annet prisklasse, så det er ikke alltid lett å riktig forhåndsinnstilte prisfiltre.

eBay har en prisfiltrering UI som serverer to kundegrupper på samme tid: de som er i orden med raskt tikkende et forhåndsinnstilt prisklasse, og de som heller velg egne minimums- og maksimumspriser, og skriv dem manuelt inn i de angitte tekstinntastingsfeltene.

5. Vis en produktteller

Ved å vise en produktteller, holder du ikke bare kundene dine godt informert som naturlig skaper en følelse av tillit, men også gi dem beskjed om hvordan “vi vil” de utførte med sine filtreringsarbeid. Hver kunde har en rekke produkter de vil sjekk ut før en innkjøpsbeslutning. Ideelt, filtrering bringer dem nær dette nummeret. Hvis du gir dem en produktteller, vet de umiddelbart hvis de setter inn nok filtre eller trenger å gjenta forespørselen.

Det er viktig å vise hvor mange produkter tilhører en bestemt filterkonfigurasjon på hver e-handelsside. Office Depot tar denne funksjonen til neste nivå, og viser en produktteller ved siden av hver tilgjengelig kategori, som gir en naturlig push til kundene å fortsette med sitt produktsøk.

6. Lag filtergrupper som gir mening

På et velkonvertert e-handelsnettsted er det en nødvendighet å gi kundene alle filtre de må ta en ansvarlig innkjøpsbeslutning-Dette er spesielt viktig hvis du markedsfører premiumprodukter. For å holde den filtrerte navigasjonen ren og brukervennlig, er det viktig å gruppefiltrene på en måte som gir mening.

Nettbutikken til The Body Shop har sannsynligvis litt flere filtre som ville være nødvendig, men ettersom filtrene er godt grupperte, er brukeropplevelsen ikke ødelagt av superlange og usynlige filterlister.

7. Gjør filtergrupper byttbare

Hvis du har for mange alternativer, er det verdt å vurdere å gjør filtergrupper byttbare slik at brukerne raskt kan åpne og lukke de forskjellige gruppene. Det er også en god løsning for mobile layouter, som på filtrert navigering med liten skjerm kan bli altfor lang, selv til det fryktede poenget med ikke-brukbarhet.

Den filtrerte navigasjonen til Target bruker velkjent mønster av opp- og nedpiler for å indikere byttebarhet, dessuten når filterlisten i en gruppe blir for lang (for eksempel i tilfelle farger), a rullestang er lagt til også. Begge disse funksjonene forbedre mobilbrukbarheten.

8. Vurder temafiltre

Tematiske filtre er en distinkt type produktfiltre som hjelper kunder med å kjøre spørringer basert på forskjellige temaer at svare på hyppige forespørsler, som for eksempel “sommer ankomster”, “på salg”, “Uformell stil”, eller “siste liten-tilbud”. Baymard Insitute's brukervennlige undersøkelser oppsummert på Smashing Magazine fant at tematisk filtrering er ikke alltid utnyttet selv på store e-handelsnettsteder.

Det er alltid verdt å vurdere om det er noen tematiske filtre du kan bruk i din egen butikk. Macy kan være et godt eksempel på en nyansert filtrert navigasjon. I “kjoler” kategori, det tilbyr filtre for nøye utvalgte temaer, som for eksempel “Spesialtilbud”, “Klesstil”, og “Bryllupsmulighet”. Hvis du vil lese en grundig analyse av Macys filtreringsgrensesnitt, sjekk ut denne undersøkelsen.

9. Vis brukte filtre

Så mange mennesker har en tendens til å glemme det de nettopp har søkt etter, viser filtrene de har brukt Ved siden av spørringen er en funksjon som kan forbedre brukeropplevelsen betydelig. På denne måten dine kunder vil føler seg mindre tapt, som de kan sjekke når som helst filtre de valgte tidligere, og endre dem når det er nødvendig.

Debenhams gjør ikke bare vis de brukte filtrene på toppen av den filtrerte navigasjonen, men også grupper dem når flere filtre blir brukt, og gir enda en mer iøynefallende visuell cue.

10. Vis populære filtre på toppen

Hvert e-handelsområde har sine populære temaer, for eksempel en trend, en sesong eller et spesialtilbud. Du kan bruke et tematisk filter for hvert av disse temaene, og plasser den på toppen av den filtrerte navigasjonen for å hjelpe kundene dine til å finne dem.

Hvis du vil være enda mer profesjonell, kan du endre dine populære filtre over tid, basert på endringen mønstre av kundevaner på nettstedet ditt.

Nintendo Game Store tilbyr for øyeblikket tre populære filtre, “På salg”, “DLC tilgjengelig”, og “Demo tilgjengelig”, og viser dem på toppen av alle andre alternativer for å friste selv å nøle brukere til Kjør et raskt spørsmål at bare koster en svært minimal innsats.