Co powinna zawierać karta produktu w sklepie internetowym?


UX Designer

Czas czytania: 5 minut
 

Dziś poznasz 6 elementów UX karty produktu w sklepie internetowym, zwiększających sprzedaż, aby klienci nie potrzebowali nawet sprawdzać oferty u Twojej konkurencji. Zaczynajmy!

W poprzednim artykule dowiedziałeś się, jakie mamy rodzaje stron w eCommerce i od czego warto zacząć zacząć zmiany w UX sklepu internetowego. Poprawę UX karty produktu powinniśmy przeprowadzić w pierwszej kolejności, w sklepie generującym już ruch i powtarzalne zamówienia.

 

UX Karty produktu – jak zrobić ją dobrze?

W naszym zespole, czy to przy audytach UX, czy to przy wdrażaniu nowego sklepu i tworzeniu karty produktu od podstaw, używamy listy dobrych praktyk UX. Dla samej karty produktu mamy ponad 70 punktów, które skrupulatnie sprawdzamy, a dla całego sklepu jest ich ponad 300.

Do dzisiejszego artykułu wybraliśmy najważniejsze i kluczowe zasady, którymi się kierujemy pracując nad kartą produktu. Jeśli te podstawowe zmiany masz już wdrożone, to umów się na bezpłatną konsultację i otrzymaj wycenę dla pełnego audytu UX dla Twojego sklepu, poznaj koszty wdrożenia zaproponowanych zmian i potencjalny zwrot z inwestycji tych wdrożeń w przypadku Twojego eCommerce.

Często jest tak, że przy zbyt małym ruchu na sklepie nie warto inwestować w UX, ale nie każda agencja Tobie o tym powie.

 

  1. Nazwa produktu – tytuł

Nazwa sprzedawanego przez Ciebie towaru musi być duża, widoczna i klarowna. Dobrze zaprojektowany tytuł przez UX designera na karcie produktu, powinien wpadać w oko jako pierwszy. Tytuł produktu powinien zawierać:

  • oznaczenie modelu,
  • wariant,
  • parametry, na przykład kolor i rozmiar.

Klient chce wiedzieć, czego dokładnie dotyczy dana karta produktowa. Nie pisz więc tylko „buty”. Dodaj nazwę modelu
i producenta oraz kolor.
Ma to również znaczenie w kontekście SEO oraz reklam produktowych. Reklamy produktowe są wybierane przez algorytmy w dużej mierze na podstawie tytułu.

Jeśli chodzi o samą treść tytułu, to pisaliśmy na ten temat w artykule jak napisać dobry tytuł Title i opis Meta.

 

  1. Zdjęcia na karcie produktu w sklepie internetowym

Przede wszystkim produkt musi być odpowiednio zaprezentowany, by zachęcał do zakupu. Dlatego kolejny kluczowy punkt dla UX karty produktu to zdjęcia produktu. Na co zwrócić uwagę? Przede wszystkim:

  • zdjęcia powinny być dobrej jakości,
  • walory produktów należy odpowiednio wyeksponować, najlepiej na modelu,
  • bardzo ważne jest, by na zdjęciu pokazać proporcje produktu, najlepiej porównując go do innego przedmiotu, którego rozmiar jest szeroko znany; klientowi łatwiej wtedy wyobrazić sobie wielkość danego przedmiotu i będzie mógł podjąć bardziej świadomą decyzję o zakupie,
  • galeria zdjęć powinna być prosta i intuicyjna w obsłudze, szczególnie wtedy, gdy Twoja persona jest w wieku 40+,
  • ze względu na SEO, galeria zdjęć powinna od razu ładować się w ramce, która nie zmienia swojej wielkości i nie przesuwa tekstu poniżej po załadowaniu zdjęcia. Algorytmy SEO sprawdzające szybkość ładowania strony, zwracają na to uwagę.

 

  1. Opis produktu z punktu widzenia UX

Jeśli sprzedajesz produkty powtarzalne, jak na przykład gniazdka czy śrubki, to zdjęcia są mało istotne. Dlaczego? Ponieważ takie produkty klienci kupują na podstawie parametrów technicznych.

  • produkt powinien być opisany jak najszerzej, jak najbardziej wyczerpująco,
  • warto zamieścić również sekcję z najczęściej zadawanymi pytaniami o produkt. To wzbudza zaufanie wśród klientów.

Pamiętaj! Dobrze opisany produkt pozwoli Tobie zaoszczędzić czas zespołu (czyli pieniędzy), na odpowiadanie każdemu klientowi na dodatkowe pytania. Im więcej szczegółowych informacji umieścisz w karcie produktu, tym lepiej dla Ciebie, jak również dla klienta, bo sam na spokojnie przeczyta sobie wszelkie interesujące go informacje i nie rozczaruje się przy dostawie. A co za tym idzie, będziesz mieć mniej zwrotów.

Dobry opis dodatkowo podnosi konwersję sprzedaży. Sam kilkukrotnie produkt sprzedawany w kilku sklepach, kupiłem w sklepie z wyższą ceną, ponieważ jego cechy, które były dla mnie ważne, były zawarte w opisie, a w innych sklepach nie miałem tej pewności i wolałem nie ryzykować.

 

  1. Sposoby dostawy i płatności za zakup

Pamiętaj, że istotne jest, by umieścić informację o wszystkich dostępnych metodach płatności oraz sposobach dostawy. Bardzo wygodnym i aktualnie najczęściej wybieranym sposobem dostawy jest paczkomat. Jeśli nie ma takiej możliwości u Ciebie w sklepie, prawdopodobnie stracisz klienta, który opuści koszyk i przejdzie do konkurencji.

By tego uniknąć, zadbaj o to, by mieć jak najwięcej możliwych dróg dostawy paczki do klienta. Mało tego, eksponuj te elementy, które działają na Twoją korzyść. Niech informacja o sposobach płatności oraz sposobach i kosztach dostawy będzie od razu widoczna na karcie produktu, nie dopiero po zarejestrowaniu się, czy po skompletowaniu koszyka.

Jeżeli masz InPost – eksponuj to. Jeśli masz płatność blikiem – również to eksponuj!
Dziś około 60-70% kupujących wybiera płatność blikiem! Prawdopodobnie masz tą opcję, ale czy klient z poziomu karty produktu może się o tym dowiedzieć?

W różnych branżach należy kłaść nacisk na inne informacje, istotne dla klienta. Dawaj te wartości, które są dla niego najważniejsze.
Na przykład – sprzedając obuwie, umieść tabelę rozmiarów.

 

  1. Cena oraz dodanie do koszyka

Niezależnie od branży i rodzaju produktów istotne jest, żeby w pierwszym widoku była umieszczona cena oraz możliwość dodania do koszyka. Warto informować o:

  • istnieniu darmowej dostawy;
  • tym, ile brakuje klientowi do darmowej dostawy;
  • możliwości dokupienia proponowanych produktów, by załapać się na darmową dostawę;
  • czasie, w którym nastąpi dostawa, pod warunkiem, że czas wysyłki jest szybki-następnego dnia lub w ciągu dwóch dni. Deklarowanie dłuższego czasu dostawy może zniechęcić klienta;
  • formie płatności, dostawy i reklamacji;
  • w B2B cenę netto i brutto
  • możliwościach kontaktu do dostawcą, czyli z Tobą;
  • cenie i dodaniu do koszyka – przyciski akcji muszą się wyróżniać, zadbaj o to, by płatności i najpopularniejsi dostawcy były dobrze widoczne.

 

  1. Co umieścić na karcie produktu pod zdjęciem na urządzeniu mobilnym lub pod tytułem na desktopie?

Przede wszystkim możesz:

  • umieścić w tym miejscu cenę i call to action: „dodaj do koszyka”,
  • dostępne warianty produktów, jak kolor, czy rozmiar,
  • wypunktować istotne cechy produktu, na przykład link do tabeli z rozmiarami, ilość ocen i link do komentarzy, informację ile brakuje do bezpłatnej wysyłki, link do form dostawy, płatności i polityki zwrotów,
  • pokazać dostępność towaru; nawet jeśli produkt w danym momencie jest niedostępny, możesz dać klientowi możliwość zamówienia go z informacją o wydłużonym czasie wysyłki.

Przeczytaj również artykuł UX strony produktu, aby poznać kolejne elementy widoczne „na drugim ekranie”.

Działać standardowo, czy testować nowe pomysły?

W wersji mobilnej zdjęcie jest zazwyczaj pod tytułem, a na wersji stacjonarnej po lewej stronie. Czy przełamywać te standardy?

Wiadomo, że testowanie kosztuje, a każdy biznes ma ograniczony budżet. Oczywiście testowanie jest bardzo ważne w projektowaniu UX karty produktu i całego sklepu internetowego, ale dzisiaj to, czy tytuł będzie u góry czy na dole, nie zawsze ma duże znaczenie.

Dziś sklepy, zwłaszcza z branży fashion, nie mają na karcie produktu nawigacji od góry, tylko zaczynają od razu od produktu, a cała nawigacja jest przypięta do dolnego paska. Nie ma więc jednoznacznej odpowiedzi, czy tytuł powinien być nad czy pod produktem.

Jeśli dopiero zaczynasz, warto wzorować się na innych sklepach już znanych i popularnych sklepach w Twojej branży. Dopiero później wprowadzaj zmiany i testuj własne pomysły.

 

Podsumowanie – UX karty produktu sklepu internetowego

Wiesz już, co musi się znaleźć na karcie produktu w Twoim sklepie internetowym. Jeśli uważasz, że nie poradzisz sobie z tym samodzielnie, Twój biznes jest niestandardowy, lub potrzebujesz bardziej zaawansowanej optymalizacji UX, to koniecznie skontaktuj się z nami. Przeanalizujemy wspólnie Twój pomysł na działalność e-commerce, znajdziemy cechy Twojego klienta docelowego i na tej podstawie zbudujemy sklep, który będzie generował zyski.

 

Jeżeli chcesz poprawić Twój UX w eCommerce, skontaktuj się ze mną! Umów się teraz na bezpłatną konsultację. Dowiedz się, jakie efekty możemy Tobie dostarczyć i ile potencjalnie możesz na tym zyskać!
Sprawdzam, ile mogę zyskać!
Oceń ten artykuł:
4.7 / 5 - 10 głosów

Autor: UX Designer

Od wielu lat tworzy UX Design dla E-commerce. Sprawia, że układ graficzny jest nie tylko profesjonalny, estetyczny i intuicyjny dla użytkownika, ale również wysoko konwertujący i realizujący zakładane cele biznesowe.

Wyszukiwarka

Z jakiej kategorii
wiedzy
szukasz?

Zagadnienia UI/UX

Konfiguracje

Zagadnienia B2B

Moduły

Dlaczego Tebim
250 mln zł
zysków wypracowanych dla partnerów
104
wdrożone sklepy
19+
wykwalifikowanych specjalistów
12
lat doświadczenia

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 478

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 479

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 480

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 481

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 482

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 483

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 484

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 485

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 486

Notice: Undefined index: appearance in /home/users/tebim_pro/public_html/tebim.pro/wp-content/plugins/freshmail-integration/src/Plugin/Newsletter/Freshmail.php on line 487