Główna » UI / UX » 10 E-Commerce UX Wskazówki dotyczące optymalizacji filtrowanej nawigacji

    10 E-Commerce UX Wskazówki dotyczące optymalizacji filtrowanej nawigacji

    Filtrowana nawigacja to popularna funkcja strony internetowej rutynowo stosowane w witrynach e-commerce. Służy pomocą klientom znajdź produkt, którego szukają w duże zestawy danych.

    Pomyśl o filtry, które możesz ustawić dla Wyszukiwarka produktów w serwisie eBay lub Amazon, takie jak kategoria, materiał lub marka produktu.

    Jeśli chcesz konwertować sklep internetowy, posiadanie filtrowanej nawigacji jest niemal koniecznością, a nie tylko dlatego ułatwia nawigację na miejscu, i przyspiesza wyszukiwanie, ale także dlatego, że klienci online już się przyzwyczaiłem na dużych witrynach e-Commerce.

    1. Wybierz optymalne miejsce

    W większości witryn handlu elektronicznego nawigacja filtrowana jest umieszczony na lewym pasku bocznym obok treści, tak jak możesz to zobaczyć na Amazon lub eBay. Jednak nie zawsze jest to najlepszy wybór.

    Badania użyteczności Baymard Institute dotyczące filtrowania wykazały, że a pozioma nawigacja umieszczona na górze zawartości może działać lepiej w wielu przypadkach.

    Nawigacja pozioma zwykle działa dobrze w przypadku witryn e-commerce, które mieć mniej filtrów produktów, w ten sposób użytkownicy są mniej prawdopodobne, że przeoczą filtry.

    Zawsze warto przetestować, gdzie umieścić filtrowaną nawigację, ponieważ mogą istnieć duże różnice między współczynnikami konwersji. Strona internetowa Crate & Barrel, sprzedawcy mebli i wyposażenia wnętrz, stanowi dobry przykład poziomej nawigacji filtrowanej.

    2. Podaj odpowiednie filtry

    Chociaż warto sprawdzić filtry, których używają twoi konkurenci, zawsze powinny być filtry istotne dla Twój produkty i Twój publiczność, i nikogo innego. Nie zawsze jest tak łatwo, jak się wydaje, ponieważ potrzebujesz filtrów odpowiedz na pytania klientów kiedy szukają twoich produktów.

    Na przykład Nordstrom zapewnia swoim klientom starannie dobrane filtry dla każdej kategorii produktów, Jak na przykład “typ soczewki”, “kształt twarzy”, “kolor”, “Cena £”, i “Marka” na okulary przeciwsłoneczne.

    3. Pozwól klientom wybrać wiele filtrów

    Chociaż niektórzy użytkownicy po prostu losowo przeglądają witrynę, wielu z nich przybywa z jasnymi pomysłami i dobrze zdefiniowanymi potrzebami. Ta grupa klientów zwykle chce używać wielu filtrów jednocześnie w celu uruchomienia zapytania jednocześnie dla różnych cech, takie jak kolor, cena i materiał.

    Nie tylko trzeba pozwolić im wybrać różne filtry z wielu grup filtrów, ale także tego samego typu. Sklep internetowy Wayfair zapewnia profesjonalne wrażenia użytkownika, pozwalając swoim klientom wyszukaj jak najwięcej filtrów.

    4. W razie potrzeby włącz ręczne wprowadzanie

    Pola wyboru to świetny sposób na pobieranie wartości filtrów, ale czasami jest to również dobry pomysł, aby pozwolić klientom ustaw filtry ręcznie, tak jak w przypadku pól wprowadzania cen. Każdy klient szuka produktów w innym przedziale cenowym, więc nie zawsze łatwo jest poprawnie ustawić filtry cen.

    eBay ma interfejs do filtrowania cen, który obsługuje dwie grupy klientów w tym samym czasie: ci, którzy są w porządku szybko zaznaczając ustalony zakres cen, i ci, którzy raczej wybierz własne ceny minimalne i maksymalne, i wpisz je ręcznie w dostarczonych polach wprowadzania tekstu.

    5. Wyświetl licznik produktu

    Wyświetlając licznik produktów, nie tylko dobrze informujesz swoich klientów tworzy poczucie zaufania, ale także niech wiedzą jak “dobrze” wykonali swoje wysiłki filtrujące. Każdy klient ma wiele produktów, które chce sprawdzić przed podjęciem decyzji o zakupie. Idealnie, filtrowanie zbliża je do tego numeru. Jeśli dostarczysz im licznik produktów, natychmiast się dowiedzą jeśli ustawią wystarczającą liczbę filtrów lub trzeba uruchom ponownie zapytanie.

    Ważne jest, aby pokazać, ile produktów należą do określonej konfiguracji filtra na każdej stronie e-commerce. Office Depot przenosi tę funkcję na następny poziom i wyświetla licznik produktów obok każdej dostępnej kategorii, to daje naturalny nacisk na klientów, aby przejść do wyszukiwania produktów.

    6. Utwórz grupy filtrów, które mają sens

    Na dobrze przekształcającej się stronie e-Commerce trzeba koniecznie dostarczać klientom wszystkie filtry muszą podjąć odpowiedzialną decyzję o zakupie-jest to szczególnie ważne, jeśli sprzedajesz produkty premium. Aby filtrowana nawigacja była czysta i przyjazna dla użytkownika, jest to bardzo ważne zgrupuj filtry w sposób, który ma sens.

    Sklep internetowy The Body Shop ma prawdopodobnie trochę więcej filtrów, które byłyby konieczne, ale ponieważ filtry są dobrze pogrupowane, wrażenia użytkownika nie są łamane przez superliczne i nieodgadnione listy filtrów.

    7. Ustaw grupy filtrów do przełączania

    Jeśli masz zbyt wiele opcji, warto się zastanowić przełączaj grupy filtrów aby umożliwić użytkownikom szybkie otwieranie i zamykanie różnych grup. To także dobre rozwiązanie dla układy mobilne, jak w przypadku filtrowanej nawigacji na małym ekranie może być za długo, nawet do przerażającego punktu nieużyteczności.

    Filtrowana nawigacja Target używa dobrze znany wzór strzałek w górę iw dół aby wskazać możliwość przełączania, ponadto gdy lista filtrów wewnątrz grupy staje się zbyt długa (np. w przypadku kolorów), a dodano pasek przewijania także. Obie te funkcje zwiększyć użyteczność mobilną.

    8. Rozważ filtry tematyczne

    Filtry tematyczne są odrębnym rodzajem filtrów produktów, które pomagają klientom uruchamiać zapytania oparte na różnych tematach że odpowiadać na częste prośby, Jak na przykład “letnie przyjazdy”, “na wyprzedaży”, “zwyczajny styl”, lub “oferty last minute”. Badania użyteczności Baymarda Insitute podsumowane w Smashing Magazine wykazały, że filtrowanie tematyczne jest nie zawsze wykorzystywane nawet w dużych witrynach e-Commerce.

    Zawsze warto zastanowić się, czy są jakieś filtry tematyczne używać we własnym sklepie. Macy mogą być dobrym przykładem niuansowanej filtrowanej nawigacji. w “Sukienki” kategoria, to oferuje filtry dla starannie wybranych tematów, Jak na przykład “Specjalne oferty”, “Dress Okazji”, i “Okazja ślubu”. Jeśli chcesz przeczytać dogłębną analizę dotyczącą filtrowania interfejsu użytkownika Macy, sprawdź te badania.

    9. Wyświetl zastosowane filtry

    Wielu ludzi zapomina o tym, czego właśnie szukali, wyświetlanie zastosowanych filtrów obok wyników zapytania jest funkcja, która może znacząco poprawić komfort użytkowania. W ten sposób klienci będą czuć się mniej zagubionym, ponieważ mogą w każdej chwili sprawdzić wybrane wcześniej filtry i zmodyfikować je, gdy jest to konieczne.

    Debenhams nie tylko pokaż zastosowane filtry na górze filtrowanej nawigacji, ale także grupuje je gdy stosuje się wiele filtrów, zapewniając nawet bardziej przyciągającą wzrok wizualną wskazówkę.

    10. Wyświetl popularne filtry na górze

    Każda witryna e-commerce ma swoje popularne motywy, takie jak trend, sezon lub oferta specjalna. Możesz zastosuj filtr tematyczny dla każdego z tych tematów i umieść go na górze filtrowanej nawigacji aby pomóc klientom znaleźć ich.

    Jeśli chcesz być jeszcze bardziej profesjonalny, możesz zmieniaj popularne filtry w miarę upływu czasu, w oparciu o zmianę wzorce nawyków klienta na twojej stronie.

    Sklep Nintendo Game Store oferuje obecnie trzy popularne filtry, “Na wyprzedaży”, “DLC dostępny”, i “Dostępne demo”, i wyświetla je na wszystkich innych opcjach, aby kusić nawet wahających się użytkowników uruchom szybkie zapytanie tylko to kosztować bardzo minimalny wysiłek.