Top 5 priorytetów wdrożeniowych
Naprawienie tych problemów przyniesie największy efekt na konwersję i dostępność.
Przycisk "Dodaj do koszyka" niewidoczny na mobile
Przycisk CTA jest poniżej widocznego obszaru ekranu i wymaga przewijania. Użytkownicy nie widzą możliwości zakupu bez scrollowania, co powoduje porzucenie strony.
Przenieś przycisk nad sekcję opisową lub zastosuj sticky button na dole ekranu. Touch target minimum 44×44px.
Brak komunikatów błędów w formularzu checkout
Po podaniu błędnych danych formularz nie wskazuje które pole jest niepoprawne. Kontrast komunikatów błędów to 2.1:1 – poniżej wymaganego minimum.
Dodaj widoczne etykiety błędów bezpośrednio pod każdym polem z ikoną i czerwonym tekstem (kontrast min. 4.5:1). Przesuń focus na pierwsze błędne pole.
Niski kontrast tekstu na przyciskach nawigacji
Tekst linków nawigacyjnych ma kontrast 2.8:1 wobec tła. Dla użytkowników z słabszym wzrokiem lub w jasnym świetle tekst jest nieczytelny.
Zmień kolor tekstu nawigacji z #999999 na minimum #767676 (4.5:1) lub ciemniejszy. Sprawdź wszystkie warianty hover i active.
Brak sygnałów zaufania przy kasie
Strona kasy nie zawiera żadnych elementów budujących zaufanie: brak SSL badge, brak informacji o zwrotach, brak widocznych metod płatności.
Dodaj pasek zaufania z ikonami płatności, informacją o bezpłatnych zwrotach i certyfikatem SSL bezpośrednio przy przycisku "Przejdź do płatności".
Listing produktów bez filtrowania i sortowania
Użytkownik nie może sortować produktów ani filtrować po cenie, rozmiarze lub kolorze. Przy dużej liczbie produktów zmusza to do ręcznego przeglądania całej listy.
Dodaj pasek sortowania (cena rosnąco/malejąco, nowości) i filtry boczne z możliwością wielokrotnego wyboru. Na mobile filtry jako drawer.
Obrazy produktów bez tekstu alternatywnego
Wszystkie zdjęcia produktów mają pusty atrybut alt lub go brakuje. Użytkownicy czytników ekranu nie wiedzą co przedstawia zdjęcie.
Dodaj opisowy alt text do każdego zdjęcia produktu, np. "Kolczyki srebrne kółka 2cm, widok z przodu". CMS powinien wymagać uzupełnienia alt przy dodawaniu zdjęcia.
Brak breadcrumbs na stronach kategorii i produktów
Użytkownik nie wie gdzie jest w strukturze sklepu i nie może łatwo wrócić do kategorii nadrzędnej. Zwiększa to liczbę kroków potrzebnych do nawigacji.
Dodaj breadcrumby: Strona główna > Kolczyki > Kolczyki srebrne. Implementuj również JSON-LD BreadcrumbList dla SEO.
Brak potwierdzenia dodania do koszyka
Po kliknięciu "Dodaj do koszyka" nie pojawia się żadne potwierdzenie. Użytkownik nie wie czy akcja się powiodła i często klika kilka razy.
Dodaj toast notification lub mini-koszyk w prawym górnym rogu z animacją potwierdzającą dodanie. Pokaż nazwę produktu i łączną kwotę.