UX kategorii produktu w eCommerce - co powinna zawierać

UX kategorii produktu jest kluczowy, ponieważ jest to serce sklepu internetowego. Dziś dowiesz się, jak ją właściwie zaprojektować.

Dlaczego UX strony kategorii produktu w sklepie internetowym jest ważny

Strona kategorii jest sercem naszego sklepu internetowego. Tak, jak serce rozprowadza krew przez coraz mniejsze naczynia krwionośne po całym organizmie, tak strona kategorii przenosi naszych użytkowników do stron podkategorii i stron produktowych.

Jednak by pełniła swoją rolę, musi być czytelna i jednoznacznie oznaczona. Z tego miejsca, właśnie ze strony kategorii, klient szuka produktu, który go interesuje.

Forma prezentacji produktów i łatwość odnalezienia interesującego go produktu jest bardzo ważna. Na stronę kategorii produktu klienci trafiają przede wszystkim z wyszukiwarek, z kampanii reklamowych lub z promocji w mediach społecznościowych.

Właściwy UX kategorii produktu ma na celu odpowiednie pogrupowanie oferty, by klient łatwiej mógł ją przeszukiwać i znaleźć to, czego potrzebuje.

Analizując UX strony kategorii w eCommerce, wyróżniamy poniższe sekcje:

1. Okruszki – nawigacja na stronie kategorii

Czym są okruszki? Prezentują one drzewo kategorii. Jeżeli masz bardziej rozbudowaną strukturę, na przykład: dla niej-buty-czerwone-rozmiar 38, to okruszki mówią o tym, w której hierarchii klient się znajduje. Okruszki są ważne, bo dzięki nim użytkownik wie, w którym miejscu w strukturze sklepu się znajduje. Ciekawym rozwiązaniem w kontekście okruszków jest to, że możemy dać klientowi możliwość nawigacji.

2. Tytuł kategorii w sklepie internetowym

Tytuł powinien jak najdokładniej przedstawiać produkty, których dana kategoria dotyczy. Nazwy kategorii powinny być maksymalnie proste i zrozumiałe. Ma być krótko i na temat. Tu nie ma miejsca na kreatywne, opisowe tytuły. Unikaj opisowych nazw, np. “magiczne mazaki”, lepiej sprawdzi się nazwa “mazaki brokatowe”. Klient od razu powinien wiedzieć, czy w danej kategorii znajdzie produkty, których szuka. Jeśli chcesz się dowiedzieć więcej na temat tytułów, przeczytaj artykuł „Dwa najczęściej popełniane błędy w SEO”, gdzie znajdziesz wskazówki, w jaki sposób tworzyć tytuły.

3. Lewy sidebar

Dziś nie ma jasnych wytycznych, czy lewy sidebar musi występować na stronie kategorii czy nie. Stosuje się go zazwyczaj w bardziej rozbudowanych strukturach kategorii. Jeśli masz sklep, w którym strona kategorii nie jest zbytnio rozbudowana, to lewy sidebar nie jest właściwie potrzebny. A jeśli masz sklep, w którym kategorii jest bardzo dużo, lewy sidebar często się przydaje, by ułatwić nawigację w sklepie. W lewym sidebarze mogą znaleźć się filtry. Jednak to również zależy od sklepu, bo jeżeli szablon sklepu nie ma lewego menu, to filtry mogą się znaleźć nad ofertą produktową. Jeżeli drzewo kategorii jest bardzo rozbudowane, to na samej górze powinny się znaleźć wszystkie podkategorie wchodzące w skład kategorii, którą klient właśnie przegląda. Dodawanie filtrów poniżej nie ma sensu, ponieważ użytkownik musiałby poświęcić zbyt dużo czasu, by dojść do tych filtrów.

Dlatego trzymaj się zasady: Gdy masz bardzo rozbudowane drzewo kategorii, umieść filtry nad listą produktową. Jeśli drzewo kategorii nie jest zbyt rozbudowane, z powodzeniem możesz umieścić filtry w lewym menu.

4. Filtry i sortowanie produktów

Filtry powinny zawierać parametry odnoszące się do konkretnej, przeglądanej właśnie kategorii. Jeżeli klient przegląda kategorie z butami, nie powinny się wyświetlać filtry z innymi kategoriami, na przykład z sukienkami. Filtry powinny być dostosowane do konkretnej kategorii. Ideą filtrów jest to, żeby użytkownik mógł szybko dotrzeć do interesującego go produktu. Jeśli chodzi o buty, tworząc filtry trzeba na pewno wziąć pod uwagę kolor, rozmiar, cenę, producenta i materiał. Dodatkowo jeśli chodzi o sortowanie, to pozwala ono spośród wszystkich znalezionych, odfiltrowanych wyników, odnaleźć na przykład ten najtańszy.
Gwoli ścisłości: W Prestashop mamy możliwość ustawienia filtrów pod konkretną kategorię.
We wcześniejszych artykułach wspominaliśmy o tym, ale warto powtórzyć jeszcze raz, że warto obserwować sklepy konkurencyjne. To, jak są zbudowane, jak działają, jakie elementy posiadają na swojej stronie. Ważne jest również to, żeby badać zachowania użytkowników.

5. Część content-owa na stronie kategorii produktów

W tym  miejscu strony powinieneś mieć jakąś krótką informację na temat kategorii. Ta treść powinna być zwięzła. Dąż do tego, żeby produkty pojawiły się już na pierwszym ekranie. Umiejscowienie treści content-owej nad listą produktów bądź pod nią, ma znaczenie dla SEO. Zawsze jednak możesz dodać przycisk „pokaż więcej”, która rozwinie treść.

6. Lista produktów – dobre praktyki UX

Musisz się zastanowić, jaki typ produktów reprezentujesz. Jeśli aspekt wizualny ma duże znaczenie w przypadku Twoich produktów, daj ich mniejszą ilość w rzędzie, by zdjęcie produktu było lepiej wyeksponowane.

W liście produktowej warto wymienić rozmiary lub kolory, w których dany produkt jest dostępny. Dobrze też uwidocznić ilość sztuk produktu w opakowaniu, choć dotyczy to już bardziej UX strony produktu. Wszystko zależy od branży, w której działasz i rodzaju produktów, które sprzedajesz. Uwaga, podsuwamy ciekawe rozwiązanie: Mając listę produktową, możesz wykorzystać daną kafelkę produktową jako baner promocyjny. Po co? Żeby zaserwować użytkownikowi wśród przeglądanych produktów jakąś istotną informację, na przykład: „załóż konto – dostaniesz 5% rabatu” lub „zapisz się do newslettera – dostaniesz 15% rabatu”.

Dodatkowe elementy UX na stronie kategorii sklepu internetowego

7. Tekst pod SEO

Obszar tekstowy, zawierający:

• jeszcze bardziej rozbudowany opis danej kategorii,
• powiązane wpisy blogowe do tej kategorii. Po pierwsze, może zainteresujemy naszą treścią użytkowników i zapamiętają naszą markę, ale dodatkowo oczywiście warto to robić ze względu na SEO. W takim przypadku algorytmy mogą potraktować stronę kategorii jako pilar page i z pewnością pomoże nam to w pozycjonowaniu.,
• zachętę do zakupów w Twoim sklepie z podaniem powodów i korzyści dla klienta.

8. Pozostałe elementy, które zawierają się w szablonie sklepu internetowego

• Zaproszenie do zapisu na newsletter,
• Boxy social media,
• Stopka.

Podsumowanie – UX kategorii produktu w eCommerce

Nie ma jednej drogi, jeśli chodzi o projektowanie UX kategorii produktu. Jest ona często wymuszona liczbą produktów i formą produktów. Warto pytać klientów, jak im się wyszukiwało produkty w Twoim sklepie, czego nie mogli znaleźć, co im się podobało, a czego im zabrakło.

Możesz to zrobić w formie ankiety zadowolenia klienta. To niezawodny sposób, by zebrać potrzebne informacje u samego źródła, bo przecież to potrzeby klientów chcesz zaspokoić, by wracali po Twoje produkty.