10 Съвети за електронна търговия UX за оптимизиране на филтрираната навигация

Филтрирана навигация е популярна функция за уебсайтове, която днес е редовно се използват в сайтове за електронна търговия. Той служи за подпомагане на клиентите намерете продукта, който търсите в големи набори от данни.

Помислете за филтри, които можете да зададете за търсене на продукти на eBay или Amazon, като категория, материал или марка на продукт.

Ако искате конвертиране на онлайн магазин, с филтрирана навигация е почти необходимост, а не просто защото улеснява навигацията на място, и ускорява търсенето, но и защото онлайн клиентите вече са свикнали с него на големи сайтове за електронна търговия.

1. Изберете оптималното място

В повечето сайтове за електронна търговия филтрираната навигация е поставени в лявата странична лента до съдържанието, като можете да го видите на Amazon или eBay. Но това не винаги е най-добрият избор.

Изследването на използваемостта на Baymard Institute за филтриране установи, че a хоризонтална навигация, поставена върху съдържанието може да работи по-добре в много случаи.

Хоризонталната навигация обикновено работи добре за уебсайтовете за електронна търговия имат по-малко филтри за продукти, така са и потребителите по-малко вероятно да пренебрегват филтрите.

Винаги си струва да се провери къде да се постави филтрираната навигация, тъй като може да има големи разлики между процентите на реализация. Уебсайтът на Crate & Barrel, търговецът на дребно на мебели и домашен интериор осигурява добър пример за хоризонтално разположена филтрирана навигация.

2. Осигурете подходящи филтри

Въпреки че си струва да проверите филтрите, които вашите конкуренти използват, винаги трябва да има филтри съответства на Вашият продукти и Вашият публика, и никой друг. Не винаги е толкова лесно, колкото си мислите първо, тъй като трябва да го филтрирате отговори на въпросите, които задават клиентите когато търсят вашите продукти.

Например, Nordstrom предоставя на своите клиенти внимателно подбрани филтри за всяка категория продукти, като “тип обектив”, “форма на лицето”, “цвят”, “цена”, и “марка” за слънчеви очила.

3. Нека клиентите избират няколко филтъра

Въпреки че някои потребители само случайно разглеждат сайта ви, много от тях пристигат с ясни идеи и добре дефинирани нужди. Обикновено тази клиентска група иска да използва няколко филтъра едновременно , за да изпълните заявка едновременно за различни качества, като цвят, цена и материал.

Не е необходимо само да им позволявате да избират различни филтри от множество филтърни групи, но също от същия тип. Онлайн магазинът Wayfair осигурява професионално изживяване на потребителите, като позволява на клиентите им търсене на толкова филтри, колкото искат.

4. Активирайте ръчно въвеждане, когато е необходимо

Флажовете с отметки са чудесен начин за извличане на стойности на филтри, но понякога е и добра идея да оставите клиентите настройте филтрите ръчно, като например в полетата за въвеждане на цените. Всеки клиент търси продукти в различен ценови диапазон, така че не винаги е лесно да зададете правилно предварително зададени ценови филтри.

eBay има ценово филтриращ интерфейс, който обслужва две групи клиенти в същото време: тези, които са добре бързо поставяне на предварително зададен ценови диапазон, и тези, които по-скоро избират собствените си минимални и максимални цени, и ги въведете ръчно в предоставените полета за въвеждане на текст.

5. Покажете брояч на продукти

Като показвате брояч на продукти, не само поддържате клиентите си добре информирани, което естествено създава чувство на доверие, но и нека им да знаят как “добре” те изпълняват усилията си за филтриране. Всеки клиент има определен брой продукти, които искат проверете преди решението за покупка. В идеалния случай, филтриране ги доближава до този номер. Ако им предоставите брояч на продукти, те веднага знаят ако зададат достатъчно филтри или трябва повторете заявката.

Важно е да покажете колко продукта принадлежат към определена конфигурация на филтъра на всеки сайт за електронна търговия. Office Depot извежда тази функция на следващото ниво и показва брояч на продукти до всяка налична категория, което дава естествен натиск на клиентите да продължат с търсенето на продукти.

6. Създайте филтърни групи, които имат смисъл

На един добре конвертиращ се сайт за електронна търговия това е задължително условие за предоставяне на клиентите на всички филтри те трябва да вземат отговорно решение за покупка-това е особено важно, ако предлагате първокласни продукти. За да поддържате филтрираната навигация чиста и лесна за ползване, това е от решаващо значение групирайте филтрите по начин, който има смисъл.

В онлайн магазина на The Body Shop вероятно има малко повече филтри, които ще са необходими, но тъй като филтрите са добре групирани, потребителският опит не се нарушава от свръх дълги и непроницаеми списъци с филтри..

7. Направете филтърни групи, които могат да се прехвърлят

Ако имате твърде много опции, си струва да се обмисли направете групи от филтри превключваеми да позволи на потребителите бързо да отварят и затварят различните групи. Това също е добро решение мобилни оформления, както при малък филтриран навигация може да стане твърде дълъг, дори до ужасната точка на непригодност.

Филтрираната навигация на Target използва добре познат модел на стрелки нагоре и надолу за да се покаже превключване, още повече, когато списъкът на филтрите в групата стане твърде дълъг (например в случай на цветове), a добавя се лента за превъртане също. И двете функции повишаване на мобилността.

8. Разгледайте тематичните филтри

Тематични филтри са отделен вид филтри за продукти, които помагат на клиентите да изпълняват заявки въз основа на различни теми че отговарят на чести заявки, като “летните пристигания”, “продава се”, “небрежен стил”, или “сделки в последната минута”. Изследванията за ползваемост на Baymard Insitute, обобщени в Smashing Magazine, установиха, че тематичното филтриране е не винаги се използва дори на големи сайтове за електронна търговия.

Винаги си струва да се обмисли дали има някакви тематични филтри, които можете използвайте в собствения си магазин. Macy's може да бъде добър пример за нюансирана филтрирана навигация. В “Облича се” категория, тя предлага филтри за внимателно подбрани теми, като “Специални оферти”, “Облечи повод”, и “Сватбени поводи”. Ако искате да прочетете задълбочен анализ на филтриращия потребителски интерфейс на Macy, разгледайте това проучване.

9. Показване на приложени филтри

Тъй като много хора са склонни да забравят това, което са търсили, показват филтрите, които са приложили до резултатите от заявката е функция, която може значително да подобри потребителския опит. По този начин вашите клиенти ще да се чувствате по-малко изгубени, тъй като те могат да проверят по всяко време филтрите, които са избрали по-рано, и да ги променят, когато това е необходимо.

Debenhams не само покажете приложените филтри върху филтрираната навигация, но също така ги групира когато се прилагат множество филтри, осигуряващи дори по-привличащ поглед визуален ориентир.

10. Покажете популярните филтри отгоре

Всеки сайт за електронна търговия има своите популярни теми, като тенденция, сезон или специална оферта. Можеш приложите тематичен филтър за всяка от тези теми и поставете го върху филтрираната навигация за да помогнете на клиентите си да ги открият.

Ако искате да сте още по-професионални, можете променете популярните си филтри с течение на времето, въз основа на промяната навици на клиентите на сайта си.

Nintendo Game Store в момента предлага три популярни филтъра, “Продава се”, “DLC е наличен”, и “Налице е демо”, и ги показва на върха на всички други опции, за да изкуши дори и колебаещите се потребители изпълнете бърза заявка само това струват много минимални усилия.