UX checklist dla sklepu internetowego

Q: Czy powinienem testować UX na własnym urządzeniu czy prosić kogoś innego?

Zawsze proś kogoś innego — najlepiej osobę, która nie zna Twojego sklepu. To fundamentalne ograniczenie testowania własnego produktu: znasz każdą ścieżkę na pamięć, więc nieświadomie omijasz problemy z nawigacją, które dla nowego użytkownika są blokujące. Wystarczą 3–5 osoby z Twojej grupy docelowej, każda z osobnym zadaniem ("kup niebieski sweter w rozmiarze M i sprawdź kiedy dotrze"). Obserwuj bez podpowiedzi — to, w którym miejscu się zatrzymują, mówi więcej niż jakikolwiek kwestionariusz.

Q: Skąd wiadomo, który problem UX najbardziej wpływa na konwersję?

Trzy źródła danych dają odpowiedź w kolejności rosnącej dokładności. GA4 z lejkiem e-commerce pokazuje gdzie użytkownicy opuszczają ścieżkę zakupową — jeśli 60% odpada między "koszyk" a "dane dostawy", problem jest na tym etapie. Nagrania sesji (Hotjar, Microsoft Clarity — Clarity jest bezpłatne) pokazują konkretne zachowania: gdzie klikają, gdzie się zatrzymują, gdzie przewijają z powrotem. Testy z użytkownikami dają najdokładniejszą odpowiedź, ale wymagają czasu. Dla większości sklepów sam lejek w GA4 plus kilkadziesiąt nagrań sesji wystarczą do wskazania 3–4 największych problemów.

Q: Co jest ważniejsze — UX karty produktu czy UX checkoutu?

Zależy od tego gdzie tracisz klientów — i to jest pytanie do Twoich danych, nie do ogólnych benchmarków. Jeśli użytkownicy dodają produkty do koszyka, ale nie kończą zakupu — problem jest w checkoucie. Jeśli odsyłają z kart produktów bez dodania do koszyka — problem jest na karcie produktu lub w nawigacji kategorii. Jako reguła ogólna: optymalizacja checkoutu daje szybszy i bardziej mierzalny zwrot, bo działasz na użytkownikach którzy już podjęli decyzję zakupu — każda bariera na tym etapie to stracona sprzedaż, która była już "gotowa".

💡 Wskazówka

Szacowany czas użycia: 2–3 godziny · użyj przed redesignem, rebrandingiem lub kampanią o dużym budżecie

Badania Baymard Institute pokazują, że przeciętny sklep traci 70% klientów przed zakończeniem zakupu. Większość tych porzuceń wynika z problemów UX — nie z ceny. Ta checklista to skondensowana wiedza z setek audytów UX i A/B testów dla polskich sklepów e-commerce.

0 / 34zaznaczonych elementów★ 8 krytycznych pozostało

0%

A. Strona główna i nawigacja

0/6

Komunikat wartości (value proposition) widoczny bez scrollowania — co, dla kogo, dlaczego tu?+2 pktMenu nawigacyjne ma max. 7 pozycji głównych — więcej = paraliż decyzjiWyszukiwarka produktów widoczna i działa poprawnie (też z literówkami)Koszyk widoczny w nagłówku z licznikiem produktów — zawsze dostępnyBreadcrumby na stronach kategorii i produktowych — nawigacja kontekstowaStopka zawiera linki do kluczowych stron (kontakt, FAQ, zwroty, regulamin)

B. Karta produktu

0/8

Zdjęcia produktu: minimum 3–5, możliwość zoomu, widok z różnych stron+2 pktCena widoczna i czytelna — bez ukrywania w 'sprawdź cenę w koszyku'Dostępność i czas dostawy przy cenie — klient pyta o to zaraz po cenie+2 pktPrzycisk 'Dodaj do koszyka' ponad fold na mobile — widoczny bez scrollowaniaWarianty produktu (rozmiar, kolor) wybierane wizualnie — nie dropdown jeśli <8 opcjiOpisy produktów odpowiadają na pytanie: 'dlaczego ten, a nie tańszy u konkurencji?'Recenzje/opinie klientów widoczne — liczba i średnia ocena przy tytule produktuCross-sell / up-sell ('Klienci kupili też') poniżej głównej treści

C. Koszyk zakupowy

0/6

Koszyk umożliwia edycję ilości bez wychodzenia ze strony+2 pktZdjęcie miniaturki produktu widoczne w koszykuKoszt dostawy widoczny w koszyku — bez niespodzianek przy kasie+2 pktPole na kod rabatowy obecne — ale nie tak eksponowane, żeby odciągało od zakupuJasny CTA do przejścia do checkout — jeden przycisk, nie dwaPowrót do zakupów możliwy — nie blokuj klienta w koszyku

D. Checkout — krytyczny lejek

0/8

Guest checkout dostępny — nie wymuszaj rejestracji przed zakupem💡 Badania Baymard: obowiązkowa rejestracja to powód nr 1 porzucenia koszyka.+2 pktCheckout jednostronicowy lub max. 3 kroki z wyraźnym progressbaremFormularz adresowy z autofill i walidacją inline (nie po submit)Wybór metod płatności: minimum BLIK, karta, przelew — polskie standardy+2 pktIkony bezpieczeństwa przy płatności (SSL, certyfikaty) — buduj zaufanie w checkoutPodsumowanie zamówienia widoczne przez cały checkout — prawy panel na desktopStrona potwierdzenia zamówienia pokazuje numer zamówienia i czas dostawyE-mail potwierdzający zamówienie wysyłany w ciągu 2 minut od zakupu

E. Mobile — priorytet, nie dodatek

0/6

Przyciski i linki mają min. 44px × 44px (touch target) — Apple HIG standard+2 pktKlawiatura numeryczna wyświetla się przy polach numerycznych (telefon, kod pocztowy)Brak poziomego scrollowania na żadnej stronieZdjęcia produktów ładują się szybko na 4G (sprawdź w Chrome DevTools → throttle)Modal/popup na mobile ma widoczny przycisk 'X' i nie zakrywa całego ekranuSticky CTA ('Dodaj do koszyka') na karcie produktu podczas scrollowania na mobile

OstrzeżenieNigdy nie testuj UX sklepu tylko na własnym urządzeniu. Poproś 3 osoby niezwiązane z projektem o zakup konkretnego produktu i obserwuj — bez podpowiedzi. To daje więcej niż tydzień analityki.

Dopiero zaczynasz

Wiele kluczowych punktów jeszcze nie jest zaznaczonych. Przejdź listę punkt po punkcie — każdy zaznaczony element przybliża Cię do sukcesu.

Czego ta checklista NIE zastępuje

— Badań z użytkownikami przy sklepach powyżej 500 tys. zł przychodów miesięcznie
— Pomiarów rzeczywistego zachowania użytkowników — do tego służy Hotjar/Microsoft Clarity + GA4
— Specyfiki marketplace (Allegro, Amazon) — dotyczy wyłącznie własnego sklepu

Gdzie szukać problemów zanim przejdziesz listę

Narzędzie	Co pokaże	Koszt
GA4 — lejek e-commerce	Gdzie użytkownicy opuszczają ścieżkę zakupową	Bezpłatne
Microsoft Clarity	Nagrania sesji, mapy kliknięć, heatmapy	Bezpłatne
Hotjar	Nagrania sesji, ankiety na stronie	Bezpłatne (ograniczony)
Chrome DevTools — throttle	Czas ładowania i UX na wolnym łączu / mobile	Bezpłatne

Chcesz wiedzieć dlaczego klienci porzucają koszyk w Twoim sklepie?

Robimy audyty UX i testy A/B z raportem rekomendacji priorytetowych zmian.

FAQ

Pytania i odpowiedzi

01Czy powinienem testować UX na własnym urządzeniu czy prosić kogoś innego?

Zawsze proś kogoś innego — najlepiej osobę, która nie zna Twojego sklepu. To fundamentalne ograniczenie testowania własnego produktu: znasz każdą ścieżkę na pamięć, więc nieświadomie omijasz problemy z nawigacją, które dla nowego użytkownika są blokujące. Wystarczą 3–5 osoby z Twojej grupy docelowej, każda z osobnym zadaniem ("kup niebieski sweter w rozmiarze M i sprawdź kiedy dotrze"). Obserwuj bez podpowiedzi — to, w którym miejscu się zatrzymują, mówi więcej niż jakikolwiek kwestionariusz.

02Skąd wiadomo, który problem UX najbardziej wpływa na konwersję?

Trzy źródła danych dają odpowiedź w kolejności rosnącej dokładności. GA4 z lejkiem e-commerce pokazuje gdzie użytkownicy opuszczają ścieżkę zakupową — jeśli 60% odpada między "koszyk" a "dane dostawy", problem jest na tym etapie. Nagrania sesji (Hotjar, Microsoft Clarity — Clarity jest bezpłatne) pokazują konkretne zachowania: gdzie klikają, gdzie się zatrzymują, gdzie przewijają z powrotem. Testy z użytkownikami dają najdokładniejszą odpowiedź, ale wymagają czasu. Dla większości sklepów sam lejek w GA4 plus kilkadziesiąt nagrań sesji wystarczą do wskazania 3–4 największych problemów.

03Co jest ważniejsze — UX karty produktu czy UX checkoutu?

Zależy od tego gdzie tracisz klientów — i to jest pytanie do Twoich danych, nie do ogólnych benchmarków. Jeśli użytkownicy dodają produkty do koszyka, ale nie kończą zakupu — problem jest w checkoucie. Jeśli odsyłają z kart produktów bez dodania do koszyka — problem jest na karcie produktu lub w nawigacji kategorii. Jako reguła ogólna: optymalizacja checkoutu daje szybszy i bardziej mierzalny zwrot, bo działasz na użytkownikach którzy już podjęli decyzję zakupu — każda bariera na tym etapie to stracona sprzedaż, która była już "gotowa".

Powiązane zasoby

UX checklist dla sklepu internetowego