Úvodná » UI / UX » 10 Tipy pre elektronický obchod UX na optimalizáciu filtrovanej navigácie

    10 Tipy pre elektronický obchod UX na optimalizáciu filtrovanej navigácie

    Filtrovaná navigácia je populárna funkcia webových stránok, ktorá je v týchto dňoch bežne používané na stránkach elektronického obchodu. Slúži na pomoc zákazníkom nájdite produkt, ktorý hľadajú v veľkých súborov údajov.

    Premýšľajte o tom filtre, ktoré môžete nastaviť pre vyhľadávanie produktov na eBay alebo Amazon, ako je kategória, materiál alebo značka produktu.

    Ak chcete konvertovať internetový obchod, mať filtrovanú navigáciu je takmer nevyhnutnosťou, a to nielen preto, že je umožňuje navigáciu na mieste, a urýchľuje vyhľadávanie, ale aj preto, že on-line zákazníci už si na to zvykli na veľkých stránkach elektronického obchodu.

    1. Vyberte si optimálne miesto

    Na väčšine stránok elektronického obchodu je filtrovaná navigácia umiestnené na ľavom bočnom paneli vedľa obsahu, ako to môžete vidieť na Amazon alebo eBay. Nie je to však vždy najlepšia voľba.

    Výskum použiteľnosti Baymard Institute na filtrovanie zistil, že a horizontálna navigácia umiestnená na vrchole obsahu môže v mnohých prípadoch fungovať lepšie.

    Horizontálna navigácia zvyčajne funguje dobre pre webové stránky e-Commerce mať menej produktových filtrov, ako sú používatelia menej pravdepodobné, že prehliadne filtre.

    Vždy stojí za to otestovať, kam umiestniť filtrovanú navigáciu, pretože medzi konverznými mierami môžu byť veľké rozdiely. Internetová stránka Crate & Barrel, distribútor nábytku a domáceho dekorácie, je pekným príkladom pre vodorovne umiestnenú filtrovanú navigáciu.

    2. Poskytnite príslušné filtre

    Hoci je vhodné vyskúšať si filtre, ktoré používajú Vaši konkurenti, vždy by mali byť filtre vzhľadom k tvoj produkty a tvoj publikum, a nikto iný. Nie je to vždy tak jednoduché, ako ste si prvýkrát mysleli, pretože potrebujete filtre odpovedajte na otázky, ktoré kladú zákazníci keď hľadajú vaše produkty.

    Napríklad Nordstrom poskytuje svojim zákazníkom starostlivo vybrané filtre pre každú kategóriu produktov, ako napr “typ objektívu”, “tvar tváre”, “farba”, “cena”, a “značka” pre slnečné okuliare.

    3. Umožnite zákazníkom vybrať viac filtrov

    Hoci niektorí používatelia práve náhodne prehliadajú vaše stránky, mnohí z nich prichádzajú s jasnými nápadmi a dobre definovanými potrebami. Táto zákaznícka skupina zvyčajne chce použiť súčasne viacero filtrov na spustenie dotazu súčasne pre rôzne kvality, ako je farba, cena a materiál.

    Nie je potrebné len nechať ich vybrať iné filtre z viacerých skupín filtrov, ale rovnakého typu. Domovský obchod online Wayfair poskytuje profesionálny používateľský zážitok tým, že umožňuje svojim zákazníkom vyhľadajte toľko filtrov, koľko chcú.

    4. Ak je to potrebné, povoľte manuálne zadávanie

    Zaškrtávacie políčka sú skvelý spôsob, ako získať hodnoty filtra, ale niekedy je tiež dobré nechať zákazníkov ručne nastaviť filtre, ako napríklad v prípade vstupných polí. Každý zákazník hľadá produkty v inom cenovom rozpätí, takže nie je vždy ľahké správne nastaviť cenové filtre.

    eBay má cenu, ktorý filtrovanie UI to slúži dvom skupinám zákazníkov v rovnakom čase: tí, ktorí sú v poriadku rýchle začiarknutie predvoleného cenového rozpätia, a tých, ktorí radšej si vyberajú svoje vlastné minimálne a maximálne ceny, a zadajte ich ručne do zadaných polí na zadávanie textu.

    5. Zobrazte počítadlo produktov

    Zobrazením počítadla produktov nielen udržiavate svojich zákazníkov dobre informovaných, čo prirodzene vytvára pocit dôvery, ale tiež im nechať vedieť ako “dobre” vykonali svojím filtračným úsilím. Každý zákazník má niekoľko produktov, ktoré chcú Pred rozhodnutím o nákupe sa skontrolujte. Ideálne je filtrovanie približuje ich k tomuto číslu. Ak im poskytnete počítadlo produktov, ihneď to vedia ak nastavia dostatok filtrov alebo potrebujete zopakujte dotaz.

    Je dôležité ukázať, koľko produktov patria do určitej konfigurácie filtra na každej stránke elektronického obchodu. Aplikácia Office Depot prenesie túto funkciu na ďalšiu úroveň a zobrazí počítadlo produktov vedľa každej dostupnej kategórie, čo dáva prirodzený tlak na zákazníkov, aby mohli pokračovať v ich vyhľadávaní produktov.

    6. Vytvorte filtrované skupiny, ktoré majú zmysel

    Na dobre prekonvertovanej lokalite elektronického obchodu je nevyhnutnosťou poskytnúť zákazníkom všetky filtre musia urobiť zodpovedné nákupné rozhodnutie-je to obzvlášť dôležité, ak predávate prémiové produkty. Aby ste filtrovanú navigáciu udržali čistú a užívateľsky prívetivú, je dôležité zoskupte filtre spôsobom, ktorý dáva zmysel.

    Internetový obchod The Body Shop má pravdepodobne o niečo viac filtrov, ktoré by boli potrebné, ale keďže sú filtre dobre zoskupené, skúsenosti používateľa nie sú rozbité superlokovými a nevypočítateľnými filtračnými zoznammi.

    7. Nastavte skupiny filtrov prepínateľné

    Ak máte príliš veľa možností, stojí za to zvážiť nastavte skupiny filtrov prepínateľné umožniť používateľom rýchlo otvoriť a zatvoriť rôzne skupiny. Je to tiež dobré riešenie mobilné rozloženia, ako na filtrovanej navigácii s malou obrazovkou môže prísť príliš dlho, dokonca až k obávanému bodu nepoužiteľnosti.

    Filtrovaná navigácia z Targetu používa známy vzor šípok hore a dole na označenie možnosti prepínania, okrem toho, keď je zoznam filtrov v rámci skupiny príliš dlhý (napríklad v prípade farieb), a je pridaná rolovacia lišta tiež. Obidve tieto funkcie zlepšiť mobilitu.

    8. Zvážte tematické filtre

    Tematické filtre sú odlišným druhom produktových filtrov, ktoré pomáhajú zákazníkom spúšťať dopyty založené na rôznych témach že odpovedať na časté požiadavky, ako napr “letných príchodov”, “na predaj”, “príležitostný štýl”, alebo “last minute obchody”. Bayamard Insitute použiteľnosť výskumy zhrnuté na Smashing Magazine zistil, že tematické filtrovanie je nie vždy využívané na veľkých e-Commerce stránkach.

    Stojí za to zvážiť, či existujú nejaké tematické filtre, ktoré môžete použite vo vlastnom obchode. Macy's môže byť dobrým príkladom pre jemne filtrovanú navigáciu. V “Šaty” kategórie, ktoré ponúka filtre pre starostlivo vybrané témy, ako napr “Špeciálne ponuky”, “Oblečenie príležitosť”, a “Svadobné príležitosti”. Ak chcete prečítať hĺbkovú analýzu na filtrovanom používateľskom rozhraní spoločnosti Macy, prečítajte si tento výskum.

    9. Zobrazte filtre

    Mnoho ľudí má tendenciu zabudnúť na to, čo práve hľadali, zobrazujú filtre, ktoré aplikovali vedľa výsledkov dopytu je funkcia, ktorá môže výrazne zlepšiť používateľskú skúsenosť. Týmto spôsobom vaši zákazníci cítia sa menej stratené, pretože môžu kedykoľvek skontrolovať filtre, ktoré si vybrali skôr, a upraviť ich v prípade potreby.

    Debenhams nielenže zobraziť použité filtre na filtrovanej navigácii, ale tiež zoskupuje ich keď sa používajú viaceré filtre - poskytujúc ešte oveľa atraktívnejšiu vizuálnu nálepku.

    10. Zobrazte populárne filtre v hornej časti

    Každá stránka elektronického obchodu má svoje obľúbené témy, ako je trend, sezóna alebo špeciálna ponuka. Môžeš použite tematický filter pre každú z týchto tém a umiestnite ho na hornú časť filtrovanej navigácie s cieľom pomôcť zákazníkom nájsť ich.

    Ak chcete byť ešte profesionálnejší, môžete zmeniť obľúbené filtre v priebehu času, založené na zmene vzory zákazníkov na vašich stránkach.

    Nintendo Game Store v súčasnosti ponúka tri obľúbené filtre, “Na predaj”, “DLC k dispozícii”, a “Demo dostupné”, a zobrazuje ich na vrchole všetkých ostatných možností, aby pokúšali dokonca zaviazať používateľov spustite rýchly dotaz len to stojí veľmi minimálne úsilie.