10 E-Commerce UX Tipy pro optimalizaci filtrované navigace

Filtrovaná navigace je populární webové stránky funkce, která v těchto dnech je běžně používané na stránkách elektronického obchodu. Slouží k pomoci zákazníkům najít produkt, který hledají v velké datové sady.

Přemýšlejte o tom můžete nastavit filtry pro vyhledávání produktů na eBay nebo Amazonu, jako je kategorie, materiál nebo značka produktu.

Pokud chcete převést internetový obchod, s filtrované navigace je téměř nutností, ne jen proto, že usnadňuje navigaci na místě, a zrychluje vyhledávání, ale také proto, že online zákazníci už si na to zvykli na velkých stránkách elektronického obchodu.

1. Vyberte optimální místo

Na většině webových stránek elektronického obchodování je filtrovaná navigace umístěna na levém bočním panelu vedle obsahu, jako je můžete vidět na Amazonu nebo eBay. Není to však vždy nejlepší volba.

Výzkum použitelnosti Baymardova institutu v oblasti filtrování zjistil, že a horizontální navigaci umístěnou na horní části obsahu může v mnoha případech fungovat lépe.

Horizontální navigace obvykle funguje dobře pro webové stránky elektronického obchodu, které mají méně produktových filtrů, tak jsou uživatelé menší pravděpodobnost přehlédnutí filtrů.

Vždy stojí za to testovat, kam umístit filtrovanou navigaci, protože mezi přepočítacími koeficienty mohou být velké rozdíly. Webové stránky společnosti Crate & Barrel, prodejce nábytku a domácích dekorů poskytují pěkný příklad pro horizontálně umístěnou filtrovanou navigaci.

2. Poskytněte příslušné filtry

I když stojí za to se podívat na filtry, které používají vaši konkurenti, filtry by měly být vždy relevantní vaše produkty a vaše publikum, a nikdo jiný. Není to vždy tak snadné, jak byste si nejdříve mysleli, protože potřebujete filtry odpovídat na otázky, které zákazníci kladou když hledají vaše produkty.

Například společnost Nordstrom poskytuje svým zákazníkům pečlivě vybrané filtry pro každou kategorii produktů, jako “typu objektivu”, “tvar obličeje”, “barva”, “cena”, a “značka” pro sluneční brýle.

3. Nechte zákazníky vybrat více filtrů

I když někteří uživatelé jen náhodně procházet vaše stránky, mnoho z nich dorazí s jasným nápady a dobře definované potřeby. Tato skupina zákazníků obvykle chce používat více filtrů současně pro spuštění dotazu současně pro různé kvality, jako je barva, cena a materiál.

Nejenže je nutné nechat vybrat různé filtry z více skupin filtrů, ale stejného typu. On-line internetový obchod Wayfair poskytuje profesionální uživatelské zkušenosti tím, že umožňuje svým zákazníkům hledat tolik filtrů, kolik chtějí.

4. V případě potřeby povolte ruční zadání

Zaškrtávací políčka jsou skvělým způsobem, jak načíst hodnoty filtrů, ale někdy je to také dobrý nápad nechat zákazníky nastavte filtry ručně, jako v případě polí pro zadání cen. Každý zákazník hledá produkty v jiném cenovém rozpětí, takže není vždy snadné správně přednastavit cenové filtry.

eBay má uživatelské rozhraní pro filtrování cen slouží dvěma skupinám zákazníků zároveň: ti, kteří jsou v pořádku rychle zaškrtne přednastavené cenové rozpětí, a ti, kteří spíše zvolit si vlastní minimální a maximální ceny, a zadejte je ručně do zadaných polí pro zadávání textu.

5. Zobrazte čítač produktu

Zobrazením počitadla produktů nezachováváte pouze své zákazníky, což je přirozené vytváří pocit důvěry, ale také jim dejte vědět, jak “dobře” prováděli se svými snahami o filtrování. Každý zákazník má řadu produktů, které chtějí podívejte se před rozhodnutím o nákupu. Ideální je filtrování přibližuje toto číslo. Pokud jim poskytnete počítadlo výrobků, okamžitě to zjistí pokud nastaví dostatek filtrů nebo je třeba znovu spusťte dotaz.

Je důležité ukázat, kolik produktů patří do určité konfigurace filtrů na všech stránkách elektronického obchodu. Office Depot převezme tuto funkci na další úroveň a zobrazí čítač produktů vedle každé dostupné kategorie, to dává přirozený tlak na zákazníky, aby pokračovali v hledání produktů.

6. Vytvořte skupiny filtrů, které mají smysl

Na dobře konvertujícím webu e-Commerce je nutné, aby zákazníci měli k dispozici všechny filtry musí učinit odpovědné rozhodnutí o nákupu-to je obzvláště důležité, pokud prodáváte prémiové produkty. Aby byla filtrovaná navigace přehledná a uživatelsky přívětivá, je to zásadní skupiny filtrů způsobem, který dává smysl.

Internetový obchod The Body Shop má pravděpodobně o něco více filtrů, které by byly nezbytné, ale protože filtry jsou dobře seskupené, uživatelská zkušenost není porušena nadměrnými a nevyzpytatelnými filtry.

7. Nastavitelné skupiny filtrů

Pokud máte příliš mnoho možností, stojí za to zvážit přepínat skupiny filtrů umožnit uživatelům rychle otevřít a zavřít různé skupiny. Je to také dobré řešení mobilní rozložení, jako na malé obrazovce filtrované navigace může být příliš dlouhý, i na obávaný bod nepoužitelnosti.

Filtrovaná navigace Targetu používá známý vzor šipek nahoru a dolů indikuje přepínatelnost, navíc když je seznam filtrů uvnitř skupiny příliš dlouhý (například v případě barev), je přidán posuvný pruh také. Obě tyto funkce zvýšit mobilitu.

8. Zvažte tematické filtry

Tematické filtry jsou odlišný druh filtrů produktů, které pomáhají zákazníkům spouštět dotazy na různých tématech že reagovat na časté žádosti, jako “letní přílety”, “na prodej”, “ležérní styl”, nebo “nabídky last minute”. Výzkum použitelnosti společnosti Baymard Insitute, shrnutý v časopisu Smashing, zjistil, že tematické filtrování je ne vždy využívány i na velkých stránkách elektronického obchodu.

Vždy stojí za to zvážit, zda existují nějaké tematické filtry, které můžete použití ve vašem vlastním obchodě. Macy's může být dobrým příkladem pro nulovou filtrovanou navigaci. V “Šaty” kategorie filtrů pro pečlivě vybraná témata, jako “Speciální nabídky”, “Oblečení šaty”, a “Svatební příležitosti”. Pokud si chcete přečíst podrobnou analýzu filtrovacího uživatelského rozhraní Macy, podívejte se na tento výzkum.

9. Zobrazte použité filtry

Jak mnoho lidí má tendenci zapomenout na to, co právě hledali, zobrazení filtrů, které použili vedle výsledků dotazu je funkce, která může výrazně zlepšit uživatelský komfort. Tímto způsobem vaši zákazníci budou cítíte se méně ztraceni, mohou kdykoli zkontrolovat filtry, které si vybraly, a upravit je, když je to nutné.

Debenhams ne zobrazit použité filtry v horní části filtrované navigace, ale také skupin když je použito více filtrů - poskytuje dokonce ještě výraznější vizuální podnět.

10. Zobrazit oblíbené filtry nahoře

Každý web e-Commerce má svá oblíbená témata, trend, sezóna nebo speciální nabídka. Můžeš použít tematický filtr pro každé z těchto témat a. \ t umístěte jej na horní část filtrované navigace s cílem pomoci vašim zákazníkům najít je.

Pokud chcete být ještě profesionálnější, můžete časem změňte své oblíbené filtry, na základě změny návyky zákazníků na vašich stránkách.

Nintendo Game Store v současné době nabízí tři populární filtry, “Na prodej”, “DLC k dispozici”, a “Demo k dispozici”, a zobrazí je na vrcholu všech ostatních možností, jak svádět i váhání uživatelů spustit rychlý dotaz to jen stojí velmi minimální úsilí.