Hjemmeside » UI / UX » 10 E-handel UX Tips til optimering af filtreret navigation

    10 E-handel UX Tips til optimering af filtreret navigation

    Filtreret navigation er en populær hjemmeside funktion, der i disse dage er rutinemæssigt brugt på e-handelswebsteder. Det tjener formålet med at hjælpe kunder find det produkt, de leder efter i store datasæt.

    Tænk på filtre du kan indstille for a produktsøgning på eBay eller Amazon, som f.eks. kategorien, materialet eller varemærket på et produkt.

    Hvis du vil have en konvertering online butik, er det næsten en nødvendighed at have filtreret navigation, ikke bare fordi det letter navigation på stedet, og fremskynder søgningen, men også fordi online kunder har allerede vænnet sig til det på store e-handelswebsteder.

    1. Vælg det optimale sted

    På de fleste e-handelswebsteder er filtreret navigation placeret på venstre sidepanel ved siden af ​​indholdet, som om du kan se det på Amazon eller eBay. Men det er ikke altid det bedste valg.

    Baymard Institutets brugervenlighed forskning på filtrering fandt, at a vandret navigation placeret oven på indholdet kan udføre bedre i mange tilfælde.

    Horisontal navigation fungerer normalt godt for e-handelswebsites, som har færre produktfiltre, som sådan er brugerne mindre tilbøjelige til at overse filtre.

    Det er altid værd at teste, hvor den filtrerede navigation skal placeres, da der kan være store forskelle mellem konverteringsfrekvenser. Crate & Barrels hjemmeside, en møbel- og boligindretningsforhandler, giver et godt eksempel på en vandret placeret filtreret navigation.

    2. Giv relevante filtre

    Selvom det er værd at tjekke filtre, som dine konkurrenter anvender, skal filtre altid være relevant for dine produkter og dine publikum, og ingen andre er. Det er ikke altid så nemt som du først ville tænke, da du har brug for filtre det svar på de spørgsmål, kunderne spørger når de leder efter dine produkter.

    For eksempel leverer Nordstrom deres kunder nøje udvalgte filtre for hver produktkategori, såsom “objektiv type”, “ansigtsform”, “farve”, “pris”, og “mærke” til solbriller.

    3. Lad kunder vælge flere filtre

    Selvom nogle brugere bare tilfældigt søger på dit websted, ankommer mange af dem med klare ideer og veldefinerede behov. Denne kundegruppe normalt ønsker at bruge flere filtre på samme tid for at køre en forespørgsel samtidig for forskellige kvaliteter, såsom farve, pris og materiale.

    Det er ikke kun nødvendigt at lade dem vælge forskellige filtre fra flere filtergrupper, men også af samme type. Wayfair online hjemme butik giver en professionel brugeroplevelse ved at tillade deres kunder at søg efter så mange filtre som de vil have.

    4. Aktiver manuel indgang, når det er nødvendigt

    Afkrydsningsfelter er en fantastisk måde at hente filterværdier på, men nogle gange er det også en god idé at lade kunderne Indstil filtre manuelt, f.eks. i tilfælde af prisindtastningsfelter. Hver kunde søger produkter i et andet prisklasse, så det er ikke altid nemt at forudindstille prisfiltre.

    eBay har en prisfiltrering UI det serverer to kundegrupper på samme tid: dem der er okay med hurtigt at tjekke et forudindstillet prisklasse, og dem, der hellere Vælg deres egne minimums- og maksimumspriser, og skriv dem manuelt i de angivne tekstindtastningsfelter.

    5. Vis en produkttæller

    Ved at vise en produkttæller holder du ikke kun dine kunder velinformerede som naturligt skaber en tillid til, men også lade dem vide hvordan “godt” de udførte med deres filtreringsindsats. Hver kunde har en række produkter, de ønsker check ud før en købsbeslutning. Ideelt set filtrering bringer dem tæt på dette nummer. Hvis du giver dem en produkttæller, ved de straks hvis de sætter nok filtre eller skal genoprette forespørgslen.

    Det er vigtigt at vise hvor mange produkter tilhører en bestemt filterkonfiguration på alle e-handelswebsteder. Office Depot tager denne funktion til næste niveau og viser en produkttæller ved siden af ​​hver tilgængelig kategori, der giver et naturligt skub til kunderne at fortsætte med deres produktsøgning.

    6. Opret filtergrupper, der giver mening

    På et velkonverterende e-handelswebsted er det en nødvendighed at give kunderne alle filtre de skal foretage en ansvarlig købsbeslutning-dette er især vigtigt, hvis du har premium præmieprodukter. For at holde filtreret navigation nøjagtig og brugervenlig er det afgørende at gruppér filtre på en måde, der giver mening.

    Onlinebutikken på The Body Shop har sandsynligvis en lille smule flere filtre, der ville være nødvendige, men da filtrene er godt grupperede, er brugeroplevelsen ikke brudt af superlange og uigennemtrængelige filterlister.

    7. Gør filtergrupper byttebare

    Hvis du har for mange muligheder, er det værd at overveje at gøre filtergrupper byttebare for at give brugerne mulighed for hurtigt at åbne og lukke de forskellige grupper. Det er også en god løsning til mobile layouts, som på filtreret navigation med lille skærm kan blive alt for lang, selv til det frygtede punkt med ikke-anvendelighed.

    Den filtrerede navigation i Target bruger velkendt mønster af op og ned pilene for at angive bytteevne, desuden når filterlisten inde i en gruppe bliver for lang (f.eks. i tilfælde af farver), a rullestang er tilføjet såvel. Begge disse funktioner forbedre mobil brugervenlighed.

    8. Overvej tematiske filtre

    Tematiske filtre er en særskilt slags produktfiltre, der hjælper kunder med at køre forespørgsler baseret på forskellige temaer at svar på hyppige anmodninger, såsom “sommer ankomster”, “på udsalg”, “afslappet stil”, eller “last-minute tilbud”. Baymard Insitute's usability undersøgelser opsummeret på Smashing Magazine fandt ud af, at tematisk filtrering er ikke altid udnyttet selv på store e-handelswebsteder.

    Det er altid værd at overveje, om der er nogen tematiske filtre, du kan brug i din egen butik. Macy's kan være et godt eksempel på en nuanceret filtreret navigation. I “Kjoler” kategori, det tilbyder filtre til omhyggeligt udvalgte temaer, såsom “Særtilbud”, “Dress Occasion”, og “Bryllup lejlighed”. Hvis du vil læse en dybdegående analyse af Macy's filtrerings-brugergrænseflade, skal du undersøge denne undersøgelse.

    9. Vis anvendte filtre

    Så mange mennesker har en tendens til at glemme, hvad de lige har søgt efter, viser de filtre, de har anvendt Ved siden af ​​forespørgselsresultaterne er en funktion, der kan forbedre brugeroplevelsen betydeligt. På denne måde vil dine kunder føler sig mindre tabt, da de til enhver tid kan kontrollere de filtre, de valgte tidligere, og ændre dem, når det er nødvendigt.

    Debenhams gør ikke kun vis de anvendte filtre oven på den filtrerede navigation, men også grupper dem når flere filtre anvendes - giver endnu en mere iøjnefaldende visuel cue.

    10. Vis populære filtre ovenpå

    Hvert e-handelswebsted har sine populære temaer, såsom en trend, en sæson eller et særtilbud. Du kan Anvend et tematisk filter for hver af disse temaer, og placere den oven på den filtrerede navigation for at hjælpe dine kunder med at finde dem.

    Hvis du vil være endnu mere professionel, kan du ændre dine populære filtre over tid, baseret på ændringen mønstre af kundevaner på dit websted.

    Nintendo Game Store tilbyder i øjeblikket tre populære filtre, “På udsalg”, “DLC til rådighed”, og “Demo til rådighed”, og viser dem oven på alle andre muligheder for at friste endda tøve med brugere Kør en hurtig forespørgsel det eneste koster en meget minimal indsats.