Koduleht » UI / UX » 10 E-kaubanduse UX näpunäited filtreeritud navigatsiooni optimeerimiseks

    10 E-kaubanduse UX näpunäited filtreeritud navigatsiooni optimeerimiseks

    Filtreeritud navigatsioon on populaarne veebileht, mis nendel päevadel on kasutatakse regulaarselt e-kaubanduse saitidel. See teenib klientide abistamise eesmärki leida toode, mida nad otsivad sisse suured andmekogumid.

    Mõtle filtrid, mida saate seadistada le tooteotsing eBay või Amazon, näiteks toote kategooria, materjal või kaubamärk.

    Kui soovite konverteerivat e-poe, on filtreeritud navigeerimine peaaegu vajalik, mitte ainult sellepärast hõlbustab kohapealset navigeerimist, ja kiirendab otsingut, kuid ka seetõttu, et online-kliendid on juba sellega harjunud suurtes e-kaubanduse saitidel.

    1. Valige optimaalne koht

    Enamikus e-kaubanduse saitidel on filtreeritud navigatsioon paigutatud vasakule külgribale sisu kõrval, nagu näete seda Amazon või eBay-s. Kuid see pole alati parim valik.

    Baymardi Instituudi kasutatavuse uuring filtreerimise kohta leidis, et a horisontaalne navigatsioon, mis asetatakse sisu peale võib paljudel juhtudel paremini toimida.

    Horisontaalne navigatsioon toimib tavaliselt hästi e-kaubanduse veebisaitide jaoks teil on vähem tootefiltreid, nii on kasutajad vähem filtreid unustama.

    Alati tasub proovida, kust filtreeritud navigatsioon paigutada, sest konversioonimäärade vahel võib olla suured erinevused. Crate & Barrel'i, mööbli- ja kodutekstiili jaemüüja veebisait pakub ilusat näidet horisontaalselt paigutatud filtreeritud navigatsioonile.

    2. Esitage asjakohased filtrid

    Kuigi tasub vaadata filtrid, mida teie konkurendid kasutavad, peaksid filtrid alati olema asjakohane teie tooted ja teie publikule, ja keegi teine. See ei ole alati nii lihtne, kui sa kõigepealt arvaksid, nagu vajate filtreid vastata küsimustele, mida kliendid küsivad kui nad otsivad teie tooteid.

    Näiteks pakub Nordstrom oma klientidele hoolikalt valitud filtrid iga tootekategooria jaoks, nagu näiteks “objektiivi tüüp”, “näo kuju”, “värv”, “hind”, ja “bränd” päikeseprillide jaoks.

    3. Laske klientidel valida mitu filtrit

    Kuigi mõned kasutajad sirvivad saidi juhuslikult, saavad paljud neist selgete ideede ja täpselt määratletud vajadustega. Tavaliselt on see kliendirühm soovib korraga kasutada mitut filtrit päringu käivitamiseks samaaegselt erineva kvaliteediga, nagu värv, hind ja materjal.

    See ei ole vajalik ainult selleks, et nad valiksid erinevaid filtreid mitmest filtrirühmast, aga samuti sama tüüpi. Wayfairi veebipood pakub professionaalset kasutajakogemust, võimaldades klientidel otsige nii palju filtreid kui nad tahavad.

    4. Vajadusel lubage käsitsi sisestamine

    Märkeruudud on suurepärane võimalus filtri väärtuste tõmbamiseks, kuid mõnikord on see ka hea mõte klientidele lasta filtrite käsitsi seadmine, näiteks hinna sisestamise väljade puhul. Iga klient otsib tooteid erinevas hinnaskaalas, seega ei ole alati lihtne korrigeerida hinnafiltrid.

    eBay-l on hindade filtreerimise kasutajaliides, et teenindab kahte kliendirühma samal ajal: need, kes on hästi kiiresti valides eelnevalt määratud hinnavahemiku, ja need, kes pigem valida oma miinimum- ja maksimumhinnad, ja sisestage need käsitsi sisestatud tekstisisestusväljadesse.

    5. Kuvage toote loendur

    Toodete loenduri kuvamisega ei hoia te ainult oma kliente hästi kursis, mis loomulikult on loob usalduse tunnet, kuid andke neile ka teada “hästi” nad tegid oma filtreerimisega. Igal kliendil on mitu toodet, mida nad soovivad kontrollige enne ostuotsust. Ideaalis filtreerimine toob need selle numbri lähedale. Kui annate neile toote loenduri, teavad nad kohe kui nad määravad piisavalt filtreid või vaja päring uuesti läbi.

    Oluline on näidata, kui palju tooteid kuuluvad teatud filtri konfiguratsiooni igal e-kaubanduse saidil. Office Depot võtab selle funktsiooni järgmisele tasemele ja kuvab tootenumbri iga olemasoleva kategooria kõrval, mis annab klientidele loomuliku tõuke oma toodete otsimisel edasi liikuda.

    6. Loo mõttekaid filtri rühmi

    Hästi konverteeriva e-kaubanduse saidil peab see kõikidele filtritele pakkuma nad peavad tegema vastutustundliku ostuotsuse-see on eriti oluline, kui turustate kõrgekvaliteedilisi tooteid. Filtreeritud navigatsiooni hoidmiseks ja kasutajasõbralikkuseks on oluline grupeerige filtrid viisil, mis on mõistlik.

    The Body Shop'i veebipoodil on ilmselt veidi rohkem filtreid, mis oleksid vajalikud, kuid kuna filtrid on hästi grupeeritud, ei katkesta kasutaja kogemus ülikiirete ja ületamatute filtrite nimekirjadega.

    7. Tehke filtreerimisgrupid kokku

    Kui teil on liiga palju võimalusi, tasub kaaluda filtreerimisrühmade muutmine võimaldada kasutajatel erinevaid gruppe kiiresti avada ja sulgeda. See on ka hea lahendus mobiilsed paigutused, nagu väikese ekraani filtreeritud navigeerimisel võib liiga kaua minna, isegi kartmatuks mittekasutatavuse punktiks.

    Target'i filtreeritud navigeerimine kasutab hästi tuntud ja üles-alla nooltega kui näidata, et grupi sees olev filter on liiga pikk (näiteks värvide puhul), kerimisriba on lisatud samuti. Mõlemad funktsioonid suurendada mobiilside kasutatavust.

    8. Kaaluge temaatilisi filtreid

    Temaatilised filtrid on eri liiki filtrid, mis aitavad klientidel päringuid teha põhineb erinevatel teemadel seda reageerida sagedastele päringutele, nagu näiteks “suvepäevad”, “müügil”, “juhuslik stiil”, või “viimase hetke pakkumised”. Baymard Insitute'i kasutatavusuuringud, mis on kokku võetud Smashing Magazine'is, leidsid, et temaatiline filtreerimine on ei kasutata alati isegi suurtes e-kaubanduse saitidel.

    Alati tasub kaaluda, kui on olemas temaatilisi filtreid kasutada oma kaupluses. Macy's võib olla hea näide nüansseeritud filtreeritud navigatsioonist. In “Kleidid” kategooria, see pakub filtrid hoolikalt valitud teemadel, nagu näiteks “Eripakkumised”, “Riietus”, ja “Pulmad”. Kui soovite lugeda põhjalikumat analüüsi Macy filtreerimisliidese kasutajaliidese kohta, vaadake see uuring.

    9. Kuva rakendatud filtrid

    Nagu paljud inimesed kipuvad unustama, mida nad just otsisid, kuvatud filtrite kuvamine päringu tulemuste kõrval on funktsioon, mis võib oluliselt parandada kasutajate kogemusi. Nii saavad teie kliendid tunnen end vähem kadunud, kuna nad saavad igal ajal kontrollida eelnevalt valitud filtreid ja neid vajadusel muuta.

    Debenhams ei ole ainult näidake rakendatud filtreid filtreeritud navigatsiooni peal, aga ka rühmitab neid kui rakendatakse mitmeid filtreid, pakkudes isegi silmapaistvamat visuaalset kihti.

    10. Näita populaarseid filtreid peal

    Iga e-kaubanduse veebileht on oma populaarsed teemad, nagu trend, hooaja või eripakkumine. Sa saad rakendama temaatilist filtrit iga teema kohta ja asetage see filtreeritud navigatsiooni peale et aidata oma klientidel neid leida.

    Kui soovid olla veelgi professionaalsemad, saate muutke oma populaarseid filtreid aja jooksul, põhinevad muutustel klientide harjumuste mustrid saidil.

    Nintendo Game Store pakub praegu kolme populaarset filtrit, “Müügil”, “DLC on saadaval”, ja “Demo saadaval”, ja kuvab need kõigi teiste võimaluste kõrval, et kiusata isegi kasutajaid kõhklemata käivitage kiire päring seda ainult maksab väga vähe jõupingutusi.