Realizacja
Panel klienta
Panel abonenta
Prostsze ścieżki użytkownika, kontrast i obsługa fokusu.
Sieć sklepów online (przykład)
Sklep internetowy
Weryfikacja koszyka, płatności, kart produktów i obsługi formularzy.
Cel dostępności
Wyzwanie
Pełny koszyk. Pusta kasa.
W scenariuszu część klientów porzucała zamówienie na etapie dostawy i płatności — pola nie miały etykiet, a błędy pojawiały się dopiero po wysłaniu formularza.
Pokazujemy, jak opisać wpływ barier na sprzedaż bez podawania danych, których klient nie zatwierdził.
Pola formularza bez etykiet
Warianty produktu niedostępne z klawiatury
Zbyt niski kontrast cen i promocji
Karta projektu
Sklep internetowy
Sieć sklepów online (przykład)
- Typ rozwiązania
- Sklep internetowy
- Zakres
- Audyt, Testy z użytkownikami, Retest
Nasza praca
Koszyk z przeszkodami
Ukryte błędy, nieopisane przyciski i modal, z którego nie da się wyjść.
Płynny checkout
Komunikaty przy polach, logiczna kolejność fokusu i jasne podsumowanie zamówienia.
Testowane z
- WCAG 2.2 AA
- TalkBack
- VoiceOver iOS
- Klawiatura
Weryfikacja / efekty
Mierzymy zmianę, która ma znaczenie.
Mniej barier w checkoutcie
- Przed
- 19
- Po
- 2
bariery blokujące na 6 krokach zamówienia
Więcej ukończonych zakupów
- Przed
- 50%
- Po
- 88%
ukończonych zamówień, n = 16 uczestników
Krótszy czas zakupu
- Przed
- 9:40
- Po
- 4:15
min — mediana dla użytkowników czytników ekranu
Metodyka (przykład): audyt WCAG 2.2 AA szablonów sklepu oraz testy zadaniowe z 16 osobami na desktopie i urządzeniach mobilnych — przed wdrożeniem i po reteście.
Jak powstała zmiana
Od problemu do weryfikacji.
Diagnoza
Mapa ścieżki zakupowej i barier.
Priorytety
Najpierw błędy blokujące płatność.
Wdrożenie
Poprawki formularzy i komponentów koszyka.
Retest
Testy z użytkownikami i monitoring.
Więcej inspiracji
Poznaj inne realizacje.
- RealizacjaSystem rezerwacji online
Serwis rezerwacyjny
Dostępny kalendarz, walidacja i obsługa czytników ekranu.
- RealizacjaPortal administracyjny
Portal mieszkańca
Dostępne wnioski, logiczne komunikaty i przewidywalna obsługa klawiaturą.
Masz podobny problem w swoim serwisie?
Zaplanujmy audyt, poprawki i ponowne testy — z realnymi miernikami.