Filtrowanie i sortowanie w E-commerce – jak zrobić to dobrze?

Asortyment sklepów internetowych rzadko bywa wyjątkowy. Zwykle ten sam produkt można znaleźć w kilku innych sklepach. Co robisz, aby użytkownik wybrał Twoją ofertę?

Być może oferujesz lepszą cenę lub akcję promocyjną. Możliwe też, że wydajesz miliony na kampanie marketingowe. Wszystko to może działać, ale pod warunkiem, że użytkownik będzie w stanie łatwo znaleźć interesujący go produkt. A za to odpowiada m.in. właściwy UX filtrowania i sortowania oferty.

Filtrowanie i sortowanie – różnice

Filtrowanie i sortowanie to narzędzia, które mają pomóc użytkownikowi w znalezieniu produktu na stronie Internetowej. Różnią się od siebie zasadą działania.

• Sortowanie – nie zmienia się ilość posortowanych produktów, ale ich kolejność. Aby posortować ofertę, trzeba wybrać określoną cechę. Najczęściej są to cena, ocena klientów, kolejność alfabetyczna itp.;
• Filtrowanie – ilość wyświetlanych produktów zmienia się, bo widoczne są tylko te, które pasują do wybranego kryterium. Kryterium są cechy charakterystyczne produktu np. kolor. Cechy mogą być wspólne dla wielu kategorii, np. stan produktu (nowy, powystawowy itd.).

Filtrowanie i sortowanie to z założenia narzędzia, które mają pomóc w szybkich i udanych zakupach. Niestety, nieprzemyślana mechanika działania czy brak podstawowych funkcji mogą sprawić, że narzędzia te jedynie utrudnią szukanie produktu. Efekt? Użytkownik poszuka ich w innym sklepie.

Jak prawidłowo użyć filtrowania i sortowania?

1. Dodaj filtry dla kategorii

Większość filtrów dzieli produkty według popularnych charakterystyk (kolor, rozmiar itp.), ale warto uwzględnić też filtry typowe dla danej kategorii. Są to szczegółowe, węższe zakresy filtrowania, które ułatwiają szukanie i mają też wartość edukacyjną dla użytkowników, którzy nie są specjalistami w danej dziedzinie. O jaki filtry chodzi? Np. ‘sportowe’ w kategorii Obuwie i ‘Pilotki’ w kategorii okulary przeciwsłoneczne na Allegro.

2. Dodaj możliwość wielokrotnego wyboru

Bywa też, że użytkownik nie bardzo wie, czego szuka, więc uwzględnia kilka opcji. W obu przypadkach ważny jest wielokrotny wybór, bo ściśle dopasuje produkty do oczekiwań klienta. To też funkcja, która sprawdza się przy wolniejszych łączach internetowych. Jeśli strona nie musi się przeładować po każdorazowym zaznaczeniu, użytkownik nie musi bezsensownie czekać.

3. Pokaż wybrane filtry

Kiedy użytkownik już wybierze jakieś filtry, powinien je widzieć. Istnieje kilka wzorców pokazywania wybranych filtrów, ale na szczególnej uwadze należy mieć jeden. Z badań przeprowadzonych przez Baymard Institute wynika, że użytkownik odnajduje się na stronie najlepiej, jeśli wybrane filtry nie zmieniają swojej pozycji i jednocześnie znajdują się w górnej sekcji “Zaaplikowane filtry”.

Sekcja ta: potwierdza użytkownikowi, że wybrał dane filtry; daje użytkownikowi kontekst; umożliwia interakcję (np. szybkie usunięcie filtra).

4. Pokaż liczbę sztuk

Poinformuj użytkownika o tym, ile produktów znajduje się w wybranej przez niego kategorii. Liczba powinna znajdować się obok każdego filtra.

5. Użyj języka odbiorcy

Nazwy kategorii i filtrów powinny być dopasowane do naturalnego języka odbiorcy. Np. rodzic, który szuka ubrań dla dziecka, najczęściej szuka ich według kryterium wieku dziecka, niekoniecznie po centymetrach. Dzięki uwzględnieniu takich “niuansów” ścieżka zakupowa użytkownika nie będzie utrudniona.