Duże zmiany w Kategorii - post zbiorczy

Kategoria przeszła pełną przebudowę na podstawie mixu dwóch raportów z zewnętrznych agencji UX i jednej SEO.

Mamy ponad 650 klientów RWD oraz 350 klientów SF, więc ilość feedbacku jaki do nas spływa jest olbrzymi.

Ze względu na końcówkę żywotności wersji RWD zdecydowaliśmy się zedytować plik źródłowy kategorii co pozwala nam wprowadzić nowe zmiany, optymalizacje i upragnione usprawnienia.

  1. Render przycisku układu odbywa się teraz po stronie pliku TPL = mniej JavaScriptu, mniej opóźnień, szybszy sklep.

image

  1. Dużo uwag było co do układu kolorystycznego i nagłówka, często asymetryczny design braliście za błąd:
    image

Więc prezentujemy zupełnie nowy design kategorii:

image

  1. Poprawka SEO - Nagłówek H1 czyli nazwa kategorii znajduje się teraz NAD opisem.
    To krytyczny błąd, którego nie mogliśmy poprawić przez dłuższy czas. Obecnie najpierw pojawi się nagłówek, potem informacja o ilości produktów w tej kategorii, a na końcu opis, czyli jak powinno być.

  2. Ilość produktów w tej kategorii czyli prosty dodatek UXowy, który pozwoli klientowi od razu oszacować ile zajmie mu przejrzenie tej kategorii.
    image

  3. FILTRY!
    Wszyscy wiemy, że w Modern 3.0 filtry mamy po lewej. Problem jest taki, że w sklepach z dużą ilością kategorii nim się człowiek dokopie (i odnajdzie) tam filtry to może zająć chwilę...

image

W związku z tym dodaliśmy przycisk (jak na mobile), który uruchomi filtry wysuwane z boku także w widoku na komputerze:

image

To niewielka zmiana, ale gigantyczny bonus UXowy dla ułatwienia obsługi dla klientów.

  1. Sortowanie i filtry, ale na mobile

Sortowanie było ukryte bo sprawiało problemy swoim układem. Teraz skoro możemy budować plik widoku kategorii pod nas - otwiera to szerokie możliwości przebudowy.

Od teraz na mobile będziemy mieli filtrowanie i sortowanie wygodnie przypięte na górze strony:
image

  1. Opis kategorii
    Z mapy cieplnej HotJara u kilku klientów + w audycie, wyszło że na górę kategorii wchodzi 100% klientów (logiczne), ale niżej już tylko około 65%. Wynik różni się u kilku klientów gdzie prowadziliśmy testy, ale wyniki wahają się od 72 do 60%. Czyli adekwatnie 28 do 40% ucieka ze sklepu scrollując od nagłówka do pierwszych kafelek produktowych.

image

W związku z tym dodaliśmy automatyczne zawijanie opisu kategorii:
image

  1. Kafelki podkategorii

Te były zakodowane już jakiś czas temu (będzie ze 3 lata) i ich design pozostawiał trochę do życzenia jeśli chodzi o kategorie z różną ilością znaków:

image

Kafelki mają teraz prostszy design, wyrównaną wielkość kafelków i subtelniejsze animacje:
image