Jakich kolorów użyć, aby zwiększyć sprzedaż?

Po raz kolejny testy A/B pokazały nam, że nasze upodobania i preferencje kolorystyczne nie zawsze pokrywają się z gustami naszych gości. A raczej kolory, które pokazujesz na swojej stronie, choć mogą być atrakcyjne, niekoniecznie są tymi, które przyniosą Ci największą sprzedaż. W rzeczywistości znajdziesz wiele artykułów na temat psychologii koloru, które badają, w jaki sposób każdy kolor wywołuje inną reakcję emocjonalną i jak mogą one inaczej przekonać odbiorców.

W tym miesiącu, ponieważ niedawno zmieniliśmy nasze plany produktów Nelio Content i projekt strony z cenami, pomyśleliśmy, że jest to doskonała okazja do przeanalizowania, które kolory powinny być wyświetlane w każdym z naszych planów, aby zwiększyć sprzedaż.

W projekcie oryginalnej strony, będąc fanem koloru niebieskiego, zaproponowaliśmy następujący projekt strony planów Nelio Content:

Fajnie, prawda? Ale jeśli czytałeś o naszym doświadczeniu w przeprowadzaniu co miesiąc testu, wiesz, że jeśli chodzi o podejmowanie decyzji biznesowych, nie powinieneś skupiać się wyłącznie na swoim guście, ale zamiast tego uzyskać prawdziwe dane, ponieważ to naprawdę ci powie co najbardziej wpływa na wyniki finansowe.

Tak więc w tym miesiącu test z Nelio A/B Testing analizuje, która kolorystyka na naszej stronie cenowej przyniesie większy dochód.

Utwórz test strony cenowej

Przed stworzeniem testu A/B dowolnego elementu strony internetowej zawsze zalecamy przeprowadzenie analizy tego, co działa na Twojej stronie, gdzie masz więcej tarcia i problemów, oraz generowanie hipotez na temat tego, co możesz poprawić. Z listy wygenerowanych hipotez ustal te, które będą miały największy wpływ na Twoje cele. Oznacza to, że strony docelowe i strony z cenami prawdopodobnie będą miały znacznie większy wpływ na zwiększenie sprzedaży niż post na blogu.

W tym przypadku naszą główną motywacją do stworzenia tego testu było: ponieważ zmieniamy plany Nelio Content i przeprojektowaliśmy całą stronę z cenami, skorzystaliśmy z okazji, aby upewnić się, że nowy projekt wykorzystuje najlepszą możliwą kolorystykę .

Postanowiliśmy stworzyć, oprócz oryginalnej wersji, dwa inne warianty z tymi kombinacjami kolorystycznymi:

W pierwszym wariancie postanowiliśmy pokazać plany z wyborem bardzo modnych w tym roku pastelowych kolorów.

I stworzyliśmy drugi wariant, jak widać na powyższym obrazku, w którym chcieliśmy tylko podkreślić kolorem fuksji plan Standard, a pozostałe dwa plany pokazać je najciemniejszym niebieskim tłem i zielonymi przyciskami.

Ogólnie rzecz biorąc, mogliśmy wybrać inne kolory, a nawet stworzyć inny schemat kolorów, ale problem z tworzeniem wielu alternatyw polega na tym, że aby uzyskać statystycznie istotne wyniki, trzeba mieć znacznie więcej wizyt.

Tworzenie testu A/B

Do stworzenia testu A/B, jak zawsze, używamy własnej wtyczki Nelio A/B Testing. Wystarczy pobrać go z oficjalnego katalogu wtyczek WordPress i zainstalować na swojej stronie, aby móc stworzyć test taki jak ten. A jeśli nadal masz wątpliwości, której wtyczki testowej A/B użyć do tworzenia testów na swojej stronie, polecam zapoznać się z naszym porównaniem wtyczek testowych A/B dla WordPressa.

Testowanie A/B Nelio jest bardzo wszechstronne, ponieważ umożliwia tworzenie testów A/B dowolnego elementu WordPress. W tym przypadku tworzymy test A/B stron. Ten rodzaj testów umożliwia tworzenie nowych wariantów poprzez powielanie oryginalnej strony na nowe, alternatywne strony. W naszym teście po prostu zmieniliśmy kolory tła każdego planu, jak opisano powyżej. Jeśli chcesz zmienić coś, co jest częścią używanego szablonu strony, możesz to zrobić, tworząc alternatywny szablon i uruchamiając zamiast tego test A/B szablonów stron.

Na poniższym zrzucie ekranu możesz zobaczyć definicję testu:

Następnie, tworząc dowolny test A/B, musisz ustawić cele, które chcesz zmierzyć w teście, aby zdecydować, co działa najlepiej. W tym przypadku określiliśmy 4 cele do zmierzenia w teście:

• Kliknięcia na przyciski dowolnego planu
• Kliknięcia przycisków planu podstawowego
• Kliknięcia przycisków planu standardowego
• Kliknięcia na przyciski planu Plus

Po tym wszystkim musieliśmy tylko rozpocząć test i czekać na wyniki. Nelio A/B Testing odpowiada za podział ruchu na trzy losowe grupy, tak aby każda z nich widziała tylko jeden ze zdefiniowanych wariantów, i śledzi konwersje, jakie uzyskuje każdy wariant i cel.

Analiza wyników testu A/B

Po miesiącu i dziewięciu dniach przeprowadzania tego testu osiągnęliśmy statystycznie istotne wyniki z prawie 100% pewnością. Przyjrzyjmy się szczegółowej analizie każdego z celów oraz wnioskom, które udało nam się wyciągnąć z testu.

Pierwszym celem było zmierzenie kliknięć w dowolny przycisk planu tabeli cenowej (tabela jest wyświetlana dwukrotnie na stronie).

W tym przypadku wyniki pokazują, że drugi wariant, alternatywa C, uzyskuje prawie 130% (dokładnie 129,6%) więcej kliknięć niż wersja oryginalna. Natomiast wariant pokazujący plany w pastelowych kolorach jest o 25,5% gorszy. Gdybyśmy mieli tylko ten cel testu, alternatywa C osiągnęłaby przytłaczające wyniki.

Nasz drugi cel koncentrował się na kliknięciach, które otrzymały przyciski planu podstawowego. Zobaczmy, jak różnią się wyniki:

Zauważ, że jeśli skupimy się tylko na kliknięciach do planu Basic, to różnica między trzecim wariantem a wersją pierwotną, choć nadal znaczna, czyli poprawa o 73,7%, nie jest tak duża, jak gdybyśmy analizowali wszystkie kliknięcia. A w przypadku pastelowego wariantu kolorystycznego, tak jak w poprzednim przypadku, jest też gorszy od oryginału, ale różnica wynosi 12,3%. Jeśli się nad tym zastanowisz, może to mieć sens, ponieważ warianty nie skupiają się na szczególnym podkreśleniu planu podstawowego.

Zobaczmy teraz wyniki, które uzyskaliśmy w tym, który chcieliśmy zmierzyć kliknięcia planu Standard.

W tym przypadku ulepszenie trzeciego wariantu, który właśnie wyróżnia się bardziej przyciągającym wzrok kolorem w planie, osiąga nawet o 228,1% więcej kliknięć niż pierwotna wersja. Jeśli więc miałeś wątpliwości, czy podkreślenie któregoś z planów ma jakiś wpływ, z tego testu jasno wynika, że ​​ludzi przyciągają najbardziej przyciągające wzrok elementy.

Na koniec zobaczmy, co dzieje się z najnowszym planem:

W tym przypadku poprawa alternatywy C w porównaniu z oryginałem wynosi prawie 3% z 95,7% pewnością. W każdym razie we wszystkich alternatywach konwersja planu Plus jest niewielka. W rzeczywistości większość naszych klientów woli na początku wybrać niższy plan, a później przejść na inny plan.

Wnioski

Biorąc pod uwagę wyniki, jakie uzyskaliśmy z testu A/B, dochodzimy do wniosku, że wersja, w której plan Standard wyróżnia się kolorem fuksji, sprawdziła się znacznie lepiej niż jakikolwiek inny wariant. Dlatego najlepiej zastosować go jako ostateczną wersję na naszej stronie.

Jak widać, za pomocą jednego kliknięcia ostateczna wersja strony z cennikiem Nelio Content staje się tą, która zwyciężyła w teście. Jasne, na początku mogliśmy pomyśleć, że niebieska kolorystyka była dobrym rozwiązaniem, ale nasze preferencje i upodobania nie przynoszą zbyt wiele do zwiększenia sprzedaży. Testy A/B to takie, które na rzeczywistych danych udowadniają nam, co naprawdę działa. Na co czekasz, aby stworzyć test A/B, aby zwiększyć konwersję na swojej stronie?

Polecane zdjęcie Bahera Khairy'ego na Unsplash.