Početna » UI / UX » 10 E-commerce UX Savjeti za optimiziranje filtrirane navigacije

    10 E-commerce UX Savjeti za optimiziranje filtrirane navigacije

    Filtrirana navigacija je popularna značajka web-lokacije koja je ovih dana rutinski se koriste na web-lokacijama e-trgovine. On služi u svrhu pomoći klijentima pronaći proizvod koji traže u veliki skupovi podataka.

    Razmislite o tome filtre možete postaviti za pretraživanje proizvoda na eBay ili Amazon, kao što su kategorija, materijal ili marka proizvoda.

    Ako želite pretvoriti online trgovinu, filtriranje navigacije je gotovo nužno, a ne samo zbog toga olakšava navigaciju na licu mjesta, i ubrzava pretraživanje, ali i zbog online kupaca već su se navikli na to na velikim web-lokacijama e-trgovine.

    1. Odaberite optimalno mjesto

    Na većini web-lokacija e-trgovine filtrirana je navigacija na lijevoj bočnoj traci pored sadržaja, kao što možete vidjeti na Amazonu ili eBayu. Međutim, to nije uvijek najbolji izbor.

    Istraživanje upotrebljivosti Baymard Instituta o filtriranju pokazalo je da horizontalna navigacija postavljena na vrh sadržaja u mnogim slučajevima može bolje funkcionirati.

    Horizontalna navigacija obično dobro funkcionira za web-lokacije e-trgovine ima manje filtara proizvoda, na ovaj način korisnici manje je vjerojatno da će propustiti filtre.

    Uvijek je vrijedno provjeriti gdje se postavlja filtrirana navigacija jer postoje velike razlike između stopa pretvorbe. Web stranica tvrtke Crate & Barrel, trgovac namještajem i kućnim dekorima pruža lijep primjer za horizontalno postavljenu filtriranu navigaciju.

    2. Navedite odgovarajuće filtre

    Iako je vrijedno provjeriti filtre koje vaši konkurenti koriste, filteri bi uvijek trebali biti odnosi se na vaš proizvoda i vaš publika, i nitko drugi. Nije uvijek tako lako kao što biste prvo pomislili, jer to morate filtrirati odgovorite na pitanja koja klijenti postavljaju kada traže vaše proizvode.

    Na primjer, Nordstrom svojim klijentima pruža pažljivo odabrane filtre za svaku kategoriju proizvoda, kao što su “vrste objektiva”, “oblik lica”, “boja”, “cijena”, i “marka” za sunčane naočale.

    3. Dopustite korisnicima da odaberu više filtara

    Iako neki korisnici nasumično pregledavaju vašu web-lokaciju, mnogi od njih dolaze s jasnim idejama i dobro definiranim potrebama. Ova grupa kupaca obično želi istovremeno koristiti više filtara da biste pokrenuli upit istovremeno za različite kvalitete, kao što su boja, cijena i materijal.

    Ne samo da im je potrebno omogućiti da odaberu različite filtre iz više filtarskih skupina, ali također istog tipa. Internetska kućna trgovina tvrtke Wayfair pruža profesionalno korisničko iskustvo tako što korisnicima omogućuje pretražujte onoliko filtara koliko žele.

    4. Po potrebi omogućite ručni unos

    Potvrdni okviri odličan su način za dohvaćanje vrijednosti filtra, ali ponekad je dobra ideja i dopustiti korisnicima ručno postavite filtre, kao u slučaju polja za unos cijena. Svaki kupac traži proizvode u drugom rasponu cijena, stoga nije uvijek lako pravilno postaviti filtre cijena.

    eBay ima filtriranje cijena UI taj služi dvije grupe kupaca u isto vrijeme: oni koji su u redu brzo označavanje unaprijed određenog raspona cijena, i one koji radije odabrati vlastite minimalne i maksimalne cijene, te ih ručno upišite u polja za unos teksta.

    5. Prikažite brojač proizvoda

    Prikazivanjem brojača proizvoda ne održavajte samo vaše klijente, što je prirodno stvara osjećaj povjerenja, ali i neka znaju kako “dobro” izvršili su svoje napore filtriranja. Svaki kupac ima određen broj proizvoda koje želi provjerite prije odluke o kupnji. Idealno, filtriranje približava ih ovom broju. Ako im pružite brojač proizvoda odmah znaju ako postavljaju dovoljno filtara ili trebate ponovite upit.

    Važno je pokazati koliko proizvoda pripadaju određenoj konfiguraciji filtra na svakoj web-lokaciji e-trgovine. Office Depot prikazuje ovu značajku na sljedećoj razini i prikazuje brojač proizvoda pored svake dostupne kategorije, koja daje prirodan poticaj kupcima da nastave s pretraživanjem proizvoda.

    6. Kreirajte filtarske grupe koje imaju smisla

    Na dobro konvertirajućoj web-lokaciji e-trgovine to je potrebno da klijentima pružite sve filtre moraju donijeti odgovornu odluku o kupnji-to je osobito važno ako plasirate vrhunske proizvode. Da bi filtrirana navigacija bila uredna i jednostavna za korištenje, to je ključno za grupirajte filtre na način koji ima smisla.

    Online trgovina proizvoda The Body Shop vjerojatno ima malo više filtara koji bi bili potrebni, ali budući da su filtri dobro grupirani, korisničko iskustvo nije prekidano velikim i nedokučivim popisima filtara.

    7. Izvršite preklapanje grupa filtara

    Ako imate previše opcija, vrijedi razmisliti o tome omogućite promjenu grupa filtara kako bi se korisnicima omogućilo brzo otvaranje i zatvaranje različitih grupa. To je također dobro rješenje raspored mobilnih uređaja, kao na navigaciji s filtriranjem malih zaslona može biti predugo, čak i na strašnu točku neuporabljivosti.

    Filtrirana navigacija Targeta koristi poznati uzorak strelica gore i dolje za označavanje mogućnosti prebacivanja, štoviše kada popis filtara unutar grupe postane predug (kao u slučaju boja), a dodana je traka za pomicanje također. Obje ove značajke poboljšati mobilnu upotrebljivost.

    8. Razmotrite tematske filtre

    Tematski filtri su različita vrsta filtara proizvoda koji korisnicima pomažu u pokretanju upita na temelju različitih tema da odgovoriti na česte zahtjeve, kao što su “dolasci ljeta”, “na prodaju”, “povremeni stil”, ili “last minute ponude”. Istraživanje upotrebljivosti Baymardovog instituta sažeto na Smashing Magazinu pokazalo je da je tematsko filtriranje ne koriste se uvijek ni na velikim web-lokacijama e-trgovine.

    Uvijek je vrijedno razmotriti postoje li neki tematski filtri koristiti u vlastitoj trgovini. Macy's može biti dobar primjer za nijansiranu filtriranu navigaciju. U “haljine” kategorije filtri za pažljivo odabrane teme, kao što su “Posebne ponude”, “Povod za haljinu”, i “Prigoda za vjenčanje”. Ako želite pročitati detaljnu analizu Macy-jevog filtriranja korisničkog sučelja, provjerite ovo istraživanje.

    9. Prikaz primijenjenih filtara

    Kao što mnogi ljudi zaboravljaju ono što su upravo tražili, prikazuje filtre koje su primijenili pored rezultata upita značajka koja može značajno poboljšati korisničko iskustvo. Tako će vaši klijenti osjećati se manje izgubljeno, jer u bilo kojem trenutku mogu provjeriti filtre koje su ranije odabrali i izmijeniti ih kada je to potrebno.

    Debenhams ne samo prikazati primijenjene filtre na vrhu filtrirane navigacije, ali i grupira ih kada se primjenjuju višestruki filtri - koji pružaju još privlačniji vizualni znak.

    10. Prikažite popularne filtre na vrhu

    Svaka web-lokacija e-trgovine ima svoje popularne teme, kao što su trend, sezona ili posebna ponuda. Možeš primijeniti tematski filtar za svaku od ovih tema, i stavite ga na filtriranu navigaciju kako bi pomogli svojim klijentima da ih pronađu.

    Ako želite biti još profesionalniji, možete promijenite popularne filtre tijekom vremena, na temelju promjene obrasci navika korisnika na vašoj web-lokaciji.

    Nintendo Game Store trenutno nudi tri popularna filtra, “Na prodaju”, “Dostupan DLC”, i “Dostupan je demo”, i prikazuje ih na vrhu svih ostalih opcija kako bi nagnala čak i oklijevala korisnike pokrenite brzi upit samo to trošak vrlo minimalan napor.