.png)
Przygotowałem propozycję trzech zmian UX o największym wpływie na konwersję. Skupiłem się na usprawnieniu procesów zakupowych oraz optymalizacji sekcji, które realnie redukują obciążenie zespołu obsługi klienta.
Pracując na co dzień w zespole Speckable, stale dostrzegam elementy, które można zaprojektować lepiej, zarówno pod kątem doświadczenia użytkownika, jak i korzyści biznesowych. Aktywnie biorę udział w ulepszaniu naszego sklepu, sugerując zmiany w poszczególnych sekcjach. Rozwiązania opieram na wiedzy z dziedziny UI/UX, własnych obserwacjach, feedbacku od klientów oraz analizie konkurencji w naszej branży.
Etykiety na stronie produktowej dla takich informacji jak np. symbol, kod producenta, kod EAN czy opinie są mało widoczne na pierwszy rzut oka. Zamiast tego silniej akcentowane przez grubość czcionki są same wartości (np. numer symbolu, kod EAN), co może utrudnić klientowi szybkie skanowanie treści i znalezienie potrzebnej informacji.
Należy pogrubić wszystkie etykiety (labele) dla takich danych jak specyfikacja produktu lub specyfikacja techniczna produktu. Dla przykładu należy pogrubić etykiety takie jak: symbol, kod producenta, kod EAN czy opinie. Dzięki temu łatwiej będzie skanować stronę w poszukiwaniu potrzebnych informacji dla specyfikacji i jego potencjalnej dostępności.
Jeśli projektujemy interfejs, w którym wiemy, że użytkownik będzie szukał etykiety (labela) sensowne będzie podkreślenie etykiety zamiast jej danych. Tym bardziej sie to sprawdzi dla sklepu i strony produktowej, ponieważ mamy dużą ilość danych dla specyfikacji produktu. Dla przykładu, jeśli użytkownik próbuje znaleźć szerokość obudowy prawdopodobnie przegląda stronę w poszukiwaniu słów takich jak “szerokość”, a nie “500mm”.
Pozostawienie etykiet w obecnej formie może skutkować m.in. trudnościami w odnalezieniu potrzebnych informacji, błędnymi zamówieniami i zwrotami, większą liczbą kontaktów z obsługą klienta (mailowo lub telefonicznie), problemami podczas rozmowy z konsultantem (klient widzi numer, a nie etykietę, np. symbol produktu).


Klient korzystający ze standardowej rozdzielczości ekranu nie widzi od razu przycisku “Przejdź dalej”, ponieważ zasłania go sekcja “Inni klienci kupili również”. W efekcie klient musi się zastanowić czy powinien przewinąć stronę, aby znaleźć przycisk kontynuacji dokonywania zamówienia. To wszystko spowalnia zakup i obciążą klienta, ponieważ musi zacząć się zastanawiać jak przejść dalej do zakupu.
Przycisk główny (CTA) „Przejdź dalej” powinien zostać umieszczony bezpośrednio pod podsumowaniem koszyka, powyżej sekcji „Inni klienci kupili również”, tak aby był widoczny od razu po wejściu na stronę. Dodatkowo przycisk „Kontynuuj zakupy” warto umieścić po lewej stronie, obok przycisku „Przejdź dalej”. Dzięki temu układ będzie bardziej czytelny, a klient nie będzie tracił czasu na scrollowanie i poszukiwanie przycisku.
W procesie zakupowym kluczowe przyciski (CTA), takie jak „Przejdź dalej”, powinny być łatwo dostępne i widoczne bez konieczności przewijania strony. Jeśli klient musi szukać przycisku, zastanawiając się czy powinien zjechać niżej, może pojawić się u niego zmęczenie z powodu korzystania ze strony i zirytowanie. Proces zakupowy powinien być jak najbardziej płynny i intuicyjny, bo to najważniejszy etap sklepu internetowego.
Pozostawienie układu takim jakim jest może skutkować większym obciążeniem klienta i zirytowaniem z powodu konieczności szukania przycisku do przejścia dalej. Zwiększa to ryzyko porzucenia koszyka już na początkowym etapie składania zamówienia.


Proces składania zamówienia jest zbyt skondensowany - formularze do danych zamawiającego, dostawy i płatności znajdują się na jednej stronie. Klient musi przewijać, aby wypełnić wszystkie pola, a przycisk do przejścia dalej jest ukryty na dole. W przypadku błędu lub pominięcia pola, użytkownik może mieć trudności z odnalezieniem miejsca wymagającego poprawy. Brak możliwości cofnięcia się w etapach składania zamówienia.
Podzielenie procesu na cztery etapy: Koszyk → Dane i dostawa → Płatność → Podsumowanie. Każdy krok powinien zawierać tylko niezbędne informacje i być zakończony przyciskami „Dalej” oraz „Wróć”. Dzięki temu proces będzie płynniejszy i bardziej przewidywalny. Przyciski te powinny znajdować się w sticky pasku, widocznym przez cały czas przewijania - zarówno na górze widoku, jak i podczas scrollowania w dół.
Użytkownicy czują się pewniej, gdy proces zakupowy jest podzielony na mniejsze kroki i mają wyraźny podgląd postępu. Długi, jednolity formularz powoduje zmęczenie i wymusza przewijanie, co obniża komfort korzystania. Dodatkowo brak przycisku „Wróć” ogranicza możliwość łatwego korygowania błędów, a brak grafik dla metod płatności i dostawy utrudnia szybkie rozpoznanie dostępnych opcji.
Obecny układ spowalnia proces składania zamówienia i zwiększa zmęczenie użytkownika. Brak rozbicia na etapy utrudnia poprawianie błędów, a brak przycisku „Wróć” zmusza do cofania się w przeglądarce, co rodzi obawy o utratę danych. To wszystko zwiększa ryzyko frustracji i porzucenia koszyka.

