Nadal publikuję ciekawe i moim zdaniem przydatne wiadomości z wielkiego i rozległego świata SEO. Dzisiaj porozmawiamy o kolorystyce projektu strony... Tak, tak, chodzi o schematy kolorów. Cóż, zacznijmy. Kolor (kolorystyka) projektu witryny wpływa na klikalność reklam, uważają psychologowie z Uniwersytetu Oksfordzkiego w USA.
Behawioralny: wpływ koloru strony na klikalność reklam na portalach
Amerykańscy naukowcy obliczyli, że przeciętny użytkownik spędza na jednym portalu internetowym około 2 minut. Spośród nich ostatnie 4-7 sekund są decydujące dla nas – specjalistów seo, choć dotyczy to również projektantów. w tym czasie użytkownik albo opuszcza serwis, albo klika w zaoferowaną mu reklamę. Wybór zależy od kolory witryny i jednostki reklamowej. Najbardziej „zła” (niepożądana i nieklikalna) opcja układ projektu witryny- ma to na celu zaprojektowanie strony w kolorach szarym lub czerwonym. Ruch zbliży się do zera (współczynnik klikalności), skuteczność reklamy umieszczonej w zasobie internetowym również. Komfortu i spokoju doświadczają użytkownicy przebywający na stronach zdominowanych przez biel. Dobrze klikają w banery, reklamy kontekstowe przyciągają ich tylko wtedy, gdy nagłówki są nieoczekiwanie (bardzo) jasne i kontrastowe, a tekst i adres URL mają maksymalny rozmiar. Niemal to samo dzieje się z zielonymi wzorami.
Niebieski projekt portalu to zaufanie, a żółty jest najlepszy dla kontekstu
Witryny o niebieskim wyglądzie i układzie budzą zaufanie (od razu przychodzą na myśl sieci społecznościowe VKontakte i Facebook). Co ciekawe, reklama sprawdza się tutaj, jeśli znajduje się na białym tle, a nagłówki ustawione są w kolorze o 2 tony ciemniejszym (i znowu to pasuje do naszego ulubionego VKontakte i Facebooka). Większość wygranych kolor projektu strony internetowej, według brytyjskich psychologów, żółty. Stosunek wejść do kliknięć wynosi tutaj 1 do 2,5, ponieważ wielu internautów ogląda jednocześnie 2-3 reklamy. Ale banery na wszystkich żółtych stronach są nieskuteczne. Innym dobrym kolorem do projektowania portali, w które klikane są jednostki reklamowe i banery, jest niekontrastujący brąz. Tutaj wynik dla reklamy banerowej wynosi 1 kliknięcie na 3 wizyty, dla reklamy kontekstowej jest to około 1 do 2.
PS. Podsumujmy. Po pierwsze, żenujące jest to, że oczywiście badana publiczność nie jest rosyjskojęzyczna, mamy inną mentalność. Mimo to mieszkańcy WNP nie są mieszkańcami Ameryki ani Europy. Rosyjskie strony zawsze wyróżniały się tęczowymi kolorami i odcieniami w projekcie, w przeciwieństwie do powściągliwych europejskich i amerykańskich zasobów internetowych (witryna Apple jest żywym przykładem). Po drugie, w związku z tym „klikają” też w naszym kraju reklamy (własna obserwacja) jasne i kontrastowe. Co do żółtych serwisów i portali można się nie zgodzić – nie budzą one zaufania wśród domowych użytkowników sieci (o dużym żółtym portalu nawet nie powiem od razu – nie jeden przychodzi na myśl), z wyjątkiem małych dzieci (choć to moja opinia)! Ogólnie rzecz biorąc, prawdopodobnie konieczne będzie przeprowadzenie małego testu, o którym opowiem w sekcji „eksperymenty”.
Nie ma potrzeby odgadywania kolorystyki reklam, w które odwiedzający chętniej klikają. Musisz poeksperymentować z wyświetlaniem reklam w różnych kolorach. A na podstawie jego wyników poznajemy preferencje osób odwiedzających Twoją witrynę. Jednak za oknami XXI wieku. Dlatego napiszemy mały skrypt, który zrobi za nas wszystko.
Jakie kolory wybrać do reklam
W moim eksperymencie zdecydowałem się na trzy podstawowe kolory: niebieski, czerwony i zielony. Wziąłem każdą z nich z innym stopniem jasności. I dodałem do nich jeszcze jeden kolor - kolor linków na mojej stronie. Zatem w moim eksperymencie weźmie udział siedem kolorów.
Skrypt rotacji kolorów reklamy
Jako podstawę biorę skrypt do wyświetlania reklam YAN (Yandex Advertising Network), który otrzymałem od Profit-Partner CSP. Dodajmy do tego automatyczną zmianę koloru. Stwórzmy unikalną etykietę dla każdego z kolorów. Aby w przyszłości, korzystając z tych sekcji, przeanalizować, który kolor reklam na Twojej stronie jest bardziej atrakcyjny dla odwiedzających.
Uruchommy skrypt i zacznijmy zbierać dane. Wycinki utworzone przez nasz skrypt pojawią się w statystykach.
Jak przeprowadzić eksperyment dotyczący doboru kolorowych reklam projektowych
Eksperyment należy przeprowadzać przez całą dobę przez co najmniej tydzień. Aby uwzględnić wszystkie zależności czasowe i cechy weekendów i dni roboczych. Ważne jest, aby każdy schemat kolorów był pokazywany co najmniej 1000 razy.
Wnioski na podstawie wyników eksperymentu, który kolor jest lepszy
Jeśli wybierzesz jeden z trzech podstawowych kolorów, to na mojej stronie nie ma wyraźnego lidera. Różnica kilku procent może wynikać z błędu. Ogólny trend pokrywa się jednak z zaleceniami specjalistów Profit-Partner CSC – bardziej klikalnym kolorem jest kolor czerwony.
Jeśli przyjrzymy się szczegółowo wszystkim siedmiu kolorom, następująca grupa powoduje preferencje wśród odwiedzających: ciemnoczerwony (#990000), jasnozielony (#00CC00) i ciemnoniebieski (#000099).
Radzę nie patrzeć na moje statystyki, ale przeprowadzić własny eksperyment dotyczący doboru kolorów reklam w sieci reklamowej Yandex.
Jeśli masz kilka witryn, musisz przeprowadzić własny eksperyment dla każdej witryny.
Jeśli zmieniłeś projekt, poeksperymentuj ponownie.
Jeśli masz kilka jednostek reklamowych, tak jak ja, to dla każdej jednostki reklamowej musisz również przeprowadzić własny eksperyment. Będziesz zaskoczony, ale na mojej stronie preferencje użytkowników różnią się w jednostkach reklamowych w środku i na końcu artykułu.
Eksperyment musi być prowadzony przez całą dobę przez co najmniej 7 dni.
Korzystając z HTML, możesz ustawić kolory dla wszystkich łączy na stronie, a także zmienić kolory dla poszczególnych łączy.
Ustaw kolor wszystkich linków na stronie
Kolory linków są ustawiane jako atrybuty tagów
. Atrybuty są opcjonalne i jeśli nie są określone, używane są wartości domyślne.link - określa kolor linków na stronie (domyślny kolor to niebieski, #0000FF).
vlink - kolor już odwiedzonych linków. Domyślny kolor to fioletowy, #800080.
W HTML kolory są zwykle określane jako liczby szesnastkowe w postaci #rrggbb , gdzie r, g i b reprezentują odpowiednio składowe czerwoną, zieloną i niebieską. Każdy kolor ma przypisaną wartość szesnastkową od 00 do FF, co odpowiada zakresowi od 0 do 255 dziesiętnie. Wartości te są następnie łączone w jedną liczbę poprzedzoną symbolem # (przykład 1).
Przykład 1: Ustawianie kolorów łącza
Zawartość witryny
Kolor nie musi być podany w formacie szesnastkowym, można również użyć słów kluczowych. W tym przykładzie kolor tła strony internetowej jest ustawiony na czarny, a kolor łącza na czerwony.
Wygodniej jest używać CSS do zmiany koloru linków. Aby ustawić kolor dla wszystkich linków na stronie internetowej, używane są następujące pseudoklasy, które są dodawane do selektora A .
odwiedzone — styl odwiedzanego łącza.
aktywny — styl dla aktywnego łącza. Link staje się aktywny po kliknięciu w niego.
Przykład 2 pokazuje, jak zmienić kolor linków na stronie internetowej za pomocą stylów. W tym celu używamy właściwości style color , która ustawia kolor określonego tekstu, w tym przypadku linków.
Przykład 2. Kolor linków ustawiony za pomocą stylów
Zawartość witryny
Ustaw kolor poszczególnych linków na stronie
Powyższa metoda ustawiania kolorów działa dla wszystkich linków na stronie internetowej. Czasami jednak konieczne staje się jednoczesne użycie różnych kolorów. Jasne kolory, na przykład, dla ciemnych obszarów strony internetowej i odpowiednio ciemne kolory dla jasnych. Możesz również użyć do tego stylów.
Aby zmienić kolor linku, użyj atrybutu style="color: #rrggbb" w tagu , gdzie #rrggbb to kolor szesnastkowy. Możesz także użyć nazw kolorów lub określić kolor w formacie: rgb (132, 33, 65) . W nawiasach podano wartości dziesiętne koloru czerwonego, zielonego i niebieskiego (przykład 3).
Zawartość witryny
Marketing internetowy
użyteczność
Ten przykład pokazuje trzy różne sposoby ustawiania koloru za pomocą stylów.
Praca z kolorem jest podstawową umiejętnością każdego projektanta stron internetowych. Właściwe jej wykorzystanie może przynieść stronie sukces, a nawet mały błąd w tworzeniu gammy przyniesie wiele kłopotów w przyszłości. W tym artykule przyjrzymy się 10 błędom popełnianym przez projektantów podczas pracy z kolorem na stronie internetowej i powiemy, jak ich uniknąć.
Niechęć do wprowadzania technik psychologicznych
Istnieje wiele badań opisujących reakcje i emocje użytkownika na kolory stron internetowych. To oczywiście pole do sporu – preferencje kolorystyczne determinuje kultura narodowa, osobiste doświadczenia i inne przyczyny, ale nie sposób nie brać pod uwagę nastroju, jaki przekazuje kolor. A przy tworzeniu stron internetowych warto też zastosować to, co wiemy o postrzeganiu koloru.Na przykład pomarańczowy jest świetnym motywatorem do zakupów. Doskonale przekazuje wezwania do działania, odpowiednie dla sklepów internetowych.
Zielony symbolizuje zaufanie, a co może być ważniejszego niż zaufanie, jeśli chodzi o jedzenie?
1. Ślepa imitacja
Klasycznym błędem klienta jest projekcja własnych pomysłów na projekt. Czy Twoje ulubione forum jest utrzymane w ciepłych karmelowych kolorach, z ciemnobrązowym tekstem i bladożółtym tłem? Nie oznacza to, że strona poświęcona klimatyzatorom powinna dziedziczyć taką gamę. Klimatyzatory powinny dawać poczucie świeżości – nie bez powodu większość tego typu witryn jest utrzymana w niebiesko-białej kolorystyce.Nawet jeśli naprawdę podoba Ci się jakaś strona, zastanów się dwa razy, zanim zamówisz „dokładnie to samo, ale o moich produktach”.
2. Ciemne wezwanie do działania
Jeśli masz mocne wezwanie do działania w swojej witrynie, powinno ono być zauważalne dla użytkownika – jego wzrok powinien się na nim skupić. Blade i niczym nie wyróżniające się wezwanie do działania, nawet jeśli jest dobrze sformułowane, po prostu nie zadziała. Niezbyt dobra i odwrotna sytuacja, kiedy STA dosłownie krzyczy „PUSH ME”. Wezwanie do działania powinno być harmonijne i wyróżniać się wyborem kontrastowych kolorów i wzorów.3. Nadmierna paleta kolorów witryny
Najczęściej do zaprojektowania strony wystarczą dwa lub trzy kolory. Istnieją oczywiście bardzo udane rozwiązania projektowe z dużą liczbą kolorów, ale są to wyjątki. Zdarza się, że dwa kolory wyglądają świetnie, ale po dodaniu trzeciego otrzymujemy owsiankę.Przy wyborze palety kolorów radzimy użyć co najmniej koła kolorów. Dobierając z nim kolory trzeba pamiętać, że kolory sąsiadujące i przeciwstawne dobrze się ze sobą łączą. 
Zalecamy również korzystanie ze specjalistycznych witryn. Tutaj możesz stworzyć swój własny asortyment lub skorzystać z jednego z gotowych.
W pierwszym przykładzie do dekoracji tekstu użyto 3 kolorów, w drugim tylko dwa. To druga opcja wygląda lepiej, a tekst na niej jest łatwiejszy do odczytania.
4. Różne kolory dla tego samego typu elementów
Jeśli Twój landing page ma trzy przyciski kasy, wszystkie powinny być tego samego koloru. Po tym, jak użytkownik zobaczy pierwszy, w ten sam sposób będzie postrzegał pozostałe. Jeśli przyciski w różnych kolorach mają te same funkcje, może to powodować pewne zamieszanie.Na przykład dwa przyciski o tym samym przeznaczeniu w tej samej witrynie. Zła decyzja.
5. Te same kolory dla różnych typów elementów
Odwrotna sytuacja ma miejsce, gdy używasz swojego „ulubionego” koloru wszędzie tam, gdzie uważasz, że trzeba go upiększyć. Przyciski akcji i elementy nieklikalne nie powinny mieć podobnego koloru, narusza to logikę korzystania ze strony. Tworząc klikalny przycisk o określonym kolorze i stylu, tworzysz wzorzec zachowania, a jeśli taki element okaże się nieaktywny, zakłóci to zwykłe zachowanie użytkownika.6. Brak kontrastu
W pogoni za niezwykłymi i jasnymi kolorami projektanci często pomijają ważny punkt: kolor tekstu i kolor tła muszą być wystarczająco kontrastowe, aby tekst był łatwy do odczytania. Zasada ta jest wyraźnie pokazana w poniższych przykładach.
7. Niestandardowy kolor łącza
Użytkownik powinien być w stanie rozróżnić link wśród tekstu bez dotykania myszy. Oczywiście kolor nie jest tu jedynym narzędziem projektanta, ale być może najskuteczniejszym. Trzy zasady:- Linki powinny być widoczne bez najeżdżania na nie kursorem.
- Po najechaniu na link link powinien zmienić kolor.
- Odwiedzane linki muszą być oznaczone innym kolorem, jest to szczególnie ważne w przypadku serwisu informacyjnego z wieloma publikacjami.
8. Wyblakły minimalizm nie służy impulsywnej sprzedaży
Dziś bardzo modne jest tworzenie stron docelowych nastawionych z reguły na impulsywną sprzedaż. Takie strony oddziałują na emocje człowieka, budząc w nim chwilową chęć zakupu produktu. Kolejnym modowym trendem w tworzeniu stron internetowych jest minimalizm, który charakteryzuje się zwykle jednym lub dwoma kolorami, często surowymi.Te dwa trendy w modzie są często nie do pogodzenia. Nie możesz sprzedawać w oparciu o emocje, jeśli Twoja witryna nie wywołuje tych samych emocji podczas oglądania.
Spokojne tony i surowy minimalizm są odpowiednie, gdy zakup jest racjonalny. Tak, minimalizm może być nudny, kolorowy, a nawet bardzo emocjonalny, ale teraz wielu projektantów ma tendencję do szarości i „przewietrzania”, co nie jest zbyt kompatybilne ze stronami docelowymi, które sprzedają.
Ale to nie znaczy, że sprzedająca emocjonalna strona docelowa powinna świecić wszystkimi kolorami tęczy.
9. Niewłaściwa czerń
Marketerzy od dawna uczą konsumentów w świecie materialnym, że czarne opakowanie prawie zawsze oznacza wysokie koszty i najwyższą jakość produktu. Oto przykład elitarnej marki pierogów i drogich płatków śniadaniowych:
Nasze nawyki, a także metody marketerów migrują z supermarketów do Internetu, na przykład strona firmy jubilerskiej, wykonana na czarno, wygląda elegancko i drogo: 
Nie powinieneś używać dużej ilości czerni na stronie jako tła, jeśli świadczysz usługi w niskim segmencie cenowym lub sprzedajesz niedrogie towary. Wrażenia odwiedzających witrynę nie będą pasować do Twojej propozycji sprzedaży.
10. Ograniczenia kolorystyczne dla projektanta
Ta zasada nie dotyczy bezpośrednio projektu witryny i wyboru palety kolorów. Chodzi o ustawienie zadań dla projektanta podczas tworzenia serwisu. Jeśli nie masz jeszcze identyfikacji wizualnej lub rozpoznawalnego logo (choć w tym przypadku zasada ma częściowe zastosowanie), nie powinieneś wyznaczać ścisłych ram i ograniczeń dotyczących kolorów używanych przez projektanta.Twoja wizja może być tak piękna, jak chcesz, ale pozwól projektantowi zaoferować własną. Jeśli po kilku próbach projektant nadal nie jest w stanie pokazać czegoś, co Ci się podoba, tylko wtedy warto postawić mu sztywne ramy w doborze kolorów.
Kolejny wyjątek: jeśli masz pewność, że Twoja kolorystyka jest dobrze przemyślana i możesz uzasadnić ten wybór przed sobą. Z reguły klienci nie biorą pod uwagę tego, co bierze pod uwagę projektant - czytelności tekstu, wystarczającej jasności przycisków i optymalnej ilości kolorów.
wnioski
Schemat kolorów tworzy pierwsze wrażenie użytkownika na temat witryny. Bardzo ważne jest, aby był pozytywny. Ale nie możesz po prostu skupiać uwagi ludzi na kolorze, przekazywać za jego pomocą informacje. Jeśli nie masz pewności co do właściwego wyboru, skorzystaj z danych mapy cieplnej lub prostego triku polegającego na rozmyciu gotowego rozwiązania interfejsu. Istota techniki jest bardzo prosta: trzeba zamazać całą stronę za pomocą programów graficznych i zobaczyć, które elementy i bloki zwracają uwagę w pierwszej kolejności. Pierwsze, drugie i trzecie bloki, które przykuwają uwagę, powinny być najważniejszymi elementami z punktu widzenia scenariusza użytkownika.Na przykład zamazaliśmy pierwszy ekran Aviasales.ru - bloki elementów 1, 2 i 3 przyciągają uwagę. uformowanie prawidłowych oczekiwań dla użytkownika, on (przypomnijmy o zasadach kontrastu) przyjrzy się elementom niezbędnym do doboru parametrów i wezwania do działania. 
I spójrz, jak wyraźnie główna akcja na stronie ostrovok.ru wyróżnia się na rozmytym tle. 
Jeśli Twoje interfejsy zdadzą takie testy z przytupem, to dalsze usprawnienia strony powinny być prowadzone w oparciu o zrozumienie psychologii użytkownika, tj. analizowanie opinii od prawdziwych użytkowników. Z pytaniami typu: „Gdzie najpierw szukałeś: które 3 elementy strony iw jakiej kolejności? Gdzie chcesz najpierw kliknąć i dlaczego?” w AskUsers możesz zrozumieć nie tylko, w jaki sposób rozkłada się uwaga użytkowników, ale także dlaczego użytkownicy patrzą na określone elementy. Informacje te pomogą zidentyfikować szereg problemów w bieżącym interfejsie i znaleźć najlepsze opcje ich rozwiązania.
Pamiętaj, że forma podąża za treścią. Kolorystyka służy jako narzędzie do skupienia uwagi użytkownika na informacjach ważnych dla użytkownika i właściciela witryny.
Jaki kolor przycisku ma najwyższą konwersję, to stare filozoficzne pytanie, na które wielu zna odpowiedź. „Czerwony” - odpowiedzą początkujący marketerzy. „Kontrastujące” - odpowiedzą doświadczeni marketerzy. Przetestowaliśmy 21 666 użytkowników na ten temat. I doszli do całkiem ciekawych wniosków.
Na początku artykułu trzeba dodać intrygi i niepokojące fakty, aby przykuć uwagę. Bazując na tej radzie mogę powiedzieć, że w praktyce uzyskaliśmy wzrost konwersji do 65% przy prostej zmianie koloru przycisku. W tym artykule porozmawiamy o wynikach i jak to zrobić.
O ile możesz zwiększyć konwersje za pomocą koloru?
Nie powiem, że wynaleźliśmy magiczną pigułkę na zarządzanie konwersją. W przypadku wzmożonej konwersji doszedłem do jednego prostego wniosku. Nie ma stuprocentowych stwierdzeń, które zadziałają zawsze i dla każdego. Magiczne pigułki też. Wcześniej pisaliśmy o tym, jak słowo „bezpłatny” w niektórych przypadkach obniża konwersję. Co możemy powiedzieć o innych „stuprocentowych” prawdach.
O ile więc możesz zwiększyć liczbę konwersji, zmieniając po prostu kolory przycisków?
Uzyskaliśmy do 65% wzrost współczynnika konwersji. 65% to najwyższy wynik w testach. Średnia wartość kształtowała się na poziomie 11%. Ale nawet taki wzrost konwersji to bardzo dobry wynik. Biorąc pod uwagę, że można to osiągnąć, zmieniając kolor przycisku.
Czerwony to kolor zwycięzców
Wiele testów ekspertów mówi, że czerwony przycisk ma najwyższy współczynnik konwersji. Dlaczego? Wiemy, że każdy kolor ma swoje skojarzenia i wywołuje określone emocje. Czerwony oznacza zatrzymanie, niebezpieczeństwo i pasję. I w większości przypadków (jak się uważa) prowadzi to do lepszych wyników w marketingu internetowym.
Poniżej znajduje się algorytm tworzenia testów A/B:
- Utwórz widżet w konstruktorze. Zajmuje 5 minut.
- Skopiuj go i wprowadź zmiany do testu. Zajmuje 1 minutę.
- Utwórz test A/B i wybierz te widżety. Zajmuje 1 minutę.
1. Tworzenie widżetu w konstruktorze
Aby utworzyć widżet, musisz być zarejestrowany w konstruktorze.
Proces tworzenia składa się z 3 kroków:
- Wybierz szablon widżetu, którego będziesz używać.
- Edytuj widżet: - wpisz żądany tekst - zmień kolor i w razie potrzeby prześlij obraz
- Wybierz ustawienia wyświetlania: - kiedy pokazywać widżet (według czasu, kiedy wychodzisz, podczas przewijania strony itp.) - na jakim urządzeniu (komputer, komórka, tablet) - co zrobić po konwersji (podziękować, przekierować do link lub po prostu zamknij widżet)
Możesz obejrzeć ten film na temat tworzenia widżetu. Każdy etap został szczegółowo omówiony tutaj. Znajdują się instrukcje tekstowe dotyczące tworzenia widżetu.
Chcę zauważyć, że w konstruktorze jest znacznie więcej opcji ustawień. Na przykład wyświetlanie podczas przeglądania określonej liczby stron, według dnia tygodnia, źródła odesłania, częstotliwości wyświetlania i wielu innych. Ale najpierw radzę użyć podstawowych ustawień, a następnie poeksperymentować z dodatkowymi.
2. Skopiuj widżet i wprowadź zmiany do testu
Po utworzeniu widżetu musisz wykonać jego kopię. Aby wprowadzić zmiany w nowym widżecie i umieścić go w teście A/B. Aby to zrobić, kliknij ikonę „Kopiuj” w utworzonym widgecie.
Jest automatycznie włączany na stronie. Teraz musimy go wyłączyć, ponieważ nie jest edytowany. Aby to zrobić, zmień status.
Teraz przejdź do jego ustawień, klikając ikonę „Do edytora”.
Tutaj zmień żądany element, który chcesz przetestować. Na przykład zmieńmy kolor przycisku. Odbywa się to jednym kliknięciem. Wystarczy wybrać inny kolor przycisku.
Kliknij „Kolor przycisku” i wybierz ten, który chcesz.
Następnie zapisujemy widżet. W kroku 4 nie możesz nic zmienić, aby opuścić ustawienia poprzedniego widżetu. Aby to zrobić, wystarczy kliknąć przycisk „Zapisz”.
Masz teraz 2 widżety z różnymi kolorami przycisków. Możesz przejść do tworzenia testu A/B. Dla wygody pozostaje tylko zmienić nazwę w drugim widgecie.
3. Utwórz test A/B
Aby utworzyć test, należy przejść do menu „Testy A/B”. I kliknij przycisk „Utwórz test”.
Tutaj potrzebujesz:
Wybierz miejsce - wpisz nazwę testu
Wybierz typ testu
Odnośnie rodzaju testu. Istnieją 2 różne rodzaje testów A/B w KEPLER LEADS: Klasyczny i Indywidualny. Różnica polega na pokazywaniu widżetów powracającym odwiedzającym. Jeśli chcesz, aby powracający gość zobaczył nową odmianę widżetu, wybierz Klasyczny test. Jeśli chcesz, aby powracający użytkownik nie widział kolejnej wersji widżetu (pierwsza pokazana jest pamiętana i tylko ona zawsze działa, w zależności od ustawień wyświetlacza), wybierz opcję Indywidualna.
Po wybraniu rodzaju testu kliknij przycisk „Dodaj”. Pozostał ostatni krok - wybór widżetów do testu. Aby to zrobić, kliknij komórkę „Widżety” i wybierz je.
Po wybraniu widżetów sprawdź, czy wszystkie są aktywne. Jeśli istnieją nieaktywne widżety, możesz je włączyć tutaj.
Wszystko! Test został utworzony. Wszystkie wyniki można zobaczyć w statystykach testu. Aby to zrobić, kliknij ikonę „Widok” po prawej stronie nazwy testu. Zaleca testowanie całkowitego ruchu z 1000 wyświetleń (można to zobaczyć w kolumnie Wyświetlenia). Następnie podejmij decyzję o przeprowadzeniu kolejnego testu.
Wniosek
Twoja praca na tym się nie kończy. Teraz musimy śledzić wyniki i po osiągnięciu znaczących danych (zalecamy od 1000 odwiedzających), przetestować inne hipotezy. Mogą to być nagłówki, teksty wezwań do działania, propozycje wartości, obrazy itp. O innych testach A/B napiszemy w kolejnych artykułach. Opowiedz nam o swoich wynikach w komentarzach.
