Jak sprawnie przetestować duże zmiany w sklepie i podnieść konwersję? Innowacyjne narzędzie do testów A/B

Nietypowe testy A/B

W tym projekcie mieliśmy do czynienia z bardzo nietypowymi testami A/B. Testowaliśmy całą ścieżkę zakupową – nie jej pojedyncze elementy. Jednorazowo był to duży pakiet zmian. Wersja porównawcza diametralnie różniła się od starej postaci koszyka.

Skalę tych zmian i zakres testów obrazują elementy, które pojawiły się na nowej ścieżce zakupowej. Zwracamy uwagę przede wszystkim na funkcjonalności, bo te zazwyczaj nie podlegają testom A/B.

• Dodaliśmy pasek postępu odliczania do darmowej wysyłki.
• Wprowadziliśmy pasek do cross sellingu – produkty i ich warianty można było zamówić już z poziomu koszyka.
• Wprowadziliśmy zmiany wizualne w panelu logowania na ścieżce zakupowej – jest bardziej czytelnie i przejrzyście.
• Dodaliśmy walidację danych na ścieżce zakupowej – przerobiliśmy formularze na takie, w których dane były walidowane na bieżąco.
• Usunęliśmy lub przenieśliśmy różne checkboxy, by uprościć przejście przez ścieżkę zakupową.

Finalnie, testy objęły całość ruchu w sklepie – losowym 50% użytkowników wyświetlana była wersja stara – A, a drugim 50% wersja B. Co ważne, w oparciu o pliki cookie zapisywaliśmy sesję konkretnego Klienta. Jeśli ten sam Klient wrócił do sklepu w trakcie trwania testów, widział tę samą wersję koszyka, co poprzednio. W innym przypadku, mógłby mieć do czynienia z dwoma różnymi wersjami koszyka, czego chcieliśmy uniknąć.

Po przeprowadzeniu testów Klient miał jasność, że lepiej konwertuje nowa wersja koszyka i tę wdrożył do sklepu.

Autorski moduł A/B

Te nietypowe, szeroko zakrojone testy A/B mogliśmy przeprowadzić dzięki modułowi, który napisaliśmy. Opracowaliśmy:

• cały mechanizm, który podczas testów podmienia widoki/szablony w zależności od wylosowanej wersji testowej; oparty jest o nadpisywanie styli i skryptów;
• procedurę losowania wersji zależną od procentu ruchu, jaki chcemy poddać testom i ilości wersji wdrażanych do testów;
• zapisywanie testowanej przez Klienta wersji w plikach cookie;
• sposób zbierania i przekazywania danych do Google Optimize, które odnoszą się do konkretnej wersji testu A/B; to umożliwia ich prawidłową interpretację;
• funkcjonalność, która pozwala na uruchomienie trackera dla wybranej wersji – dzięki temu wiadomo, w jaki sposób na poszczególnych wersjach poruszają się użytkownicy.

Moduł A/B pozwala naszemu Klientowi:

• w szybki sposób przeprowadzić dość zaawansowany, wielowymiarowy test A/B – jest to narzędzie dla programisty lub front-endowca oparte na pliku konfiguracyjnym;
• wdrożyć do testów kilka wersji jednocześnie, każda z nich może zawierać wiele elementów;
• zdefiniować procentu ruchu, jaki chce testować;
• śledzić kluczowe zachowania użytkownika – interakcję z danym modułem (np. dodanie produktu do koszyka, uzupełnienie formularza, wybór płatności) lub samą konwersję;
• zbierać wiarygodne dane, które są podstawą do podjęcia decyzji o wdrażaniu konkretnej zmiany.