Czy warto pracować nad UX w podejściu test & learn?

Jak skutecznie ulepszyć doświadczenie użytkownika sklepu Quiosque.pl w procesie test & learn w odniesieniu do dwóch kluczowych dla każdego sklepu e-commerce elementów: wyszukiwarki produktów i strony koszyka.

Test n°1  Optymalizacja konwersji koszyka

Celem testu było ulepszenie doświadczenia użytkownika na kluczowym etapie lejka konwersji - stronie koszyka, decydującej o przejściu do checkoutu i dokonaniu konwersji. W tym momencie nic nie liczy się bardziej niż silne CTA i zapewnienie klienta o jakości świadczonych usług, tak aby nie porzucił zakupu, tracąc zaufanie do firmy, poznając ukryte koszty, lub też po prostu nie znajdując kluczowych informacji potrzebnych do podjęcia decyzji.

W ramach współpracy z AB Tasty, Quiosque i Fast White Cat zdecydowali się na przeprowadzenie testu A/B, aby zoptymalizować widoczność informacji o przesyłce oraz głównego CTA i tym samym ulepszyć doświadczenie użytkownika.

Informacja o przesyłce, która w wersji oryginalnej znajdowała się w stopce strony i miała bardzo ograniczoną widoczność, umieszczona została na górze strony, bezpośrednio nad zawartością koszyka użytkownika. Co więcej, główny przycisk CTA “Przejdź do kasy”, który do tej pory mógł być niewidoczny przy nawigacji, w nowym wariancie strony został zatrzymany przy scrollingu poprzez opcję “stick on scroll”. Dzięki temu zapewniliśmy naszemu CTA maksymalną widoczność, nawet w momencie, gdy użytkownik skroluje stronę, a zatem, gdy zwiększa się ryzyko odwrócenia jego uwagi od kliknięcia w przycisk przejścia do checkoutu.



Oryginalna wersja strony z informacją o przesyłce na dole strony i CTA  VS   Nowa wersja strony z informacją o wysyłce na górze strony i CTA „stick on scroll”

 

Zwiększenie widoczności kluczowych elementów strony koszyka, takich jak informacja o wysyłce i główne CTA przekierowujące do checkoutu, pozwoliło na zwiększenie ilości kliknięć w “Przejdź do kasy” o ponad 30%.

Test n°2   Praca nad widocznością wyszukiwarki produktów na stronie

Celem  testu  było  zwiększenie widoczności  i  dostępu  do wyszukiwarki produktów na stronie, tak aby stymulowała ona interakcję użytkowników i pozwalała na łatwiejszą nawigację. Na oryginalnej wersji strony wyszukiwarka ukryta była pod symbolem lupy znajdującym się nad głównym menu nawigacji. Czy jej położenie i wygląd mogą mieć bezpośredni wpływ na % użytkowników korzystających z niej? Dzięki AB Tasty, marka Quiosque, wspierana przez Fast White Cat, przetestowały tę hipotezę używając testu A/B. Nowa wersja strony zawierała pasek wyszukiwania widoczny bez konieczności kliknięcia w symbol lupy. Został on dodatkowo wyśrodkowany względem innych ikon według zasady ciągłości wizualnej UX.

Dodatkowo, z testu wykluczeni zostali użytkownicy mobile, aby zapewnić optymalny sposób wyświetlania strony na urządzeniach o małej matrycy, w których pasek wyszukiwania zajmowałby zbyt dużą część ekranu.

Test  wykazał,  że  zwiększenie  widoczności  wyszukiwarki  na  stronie  i wykorzystanie zasady ciągłości wizualnej pozwala na nakierowanie na nią uwagi internautów. Ulepszając doświadczenie użytkownika strony, nie tylko ograniczyliśmy możliwą frustrację internautów szukających konkretnego artykułu poprzez strony kategorii i zwiększyliśmy użycie wyszukiwarki o prawie 800%, ale jednocześnie zmniejszyliśmy współczynnik odrzuceń.

PODSUMOWANIE

Praca nad doświadczeniem użytkownika strony internetowej ma bezpośredni wpływ nie tylko na atrakcyjność witryny i strategię lojalnościową marki, ale jest ona przede wszystkim obowiązkowym etapem na drodze optymalizacji konwersji, w czym upewniają nas po raz kolejny wyniki obu testów.

Jak widzimy, testy A/B służą nie tylko zwiększaniu makro konwersji w postaci sprzedaży, która będzie naszym głównym celem optymalizacyjnym, ale również i mikro konwersji (np. Ilość przejść do następnego etapu lejka konwersji, ilość użytkowników korzystających z wyszukiwarki, widoczność elementów, itd.), które nas do tego celu przybliżają. Chcąc bowiem zwiększyć współczynnik konwersji swojej witryny należy pamiętać, że optymalizacja jest ciągłym procesem test & learn opierającym się na bezustannym poszukiwaniu obszaru usprawnień doświadczenia użytkowników desktop i mobile. To prawdziwa logika 360o, w której hipotezy powinny dawać miejsce testom, testy wnioskom, zaś wnioski - kolejnym hipotezom!