Dacă nu știți ce să schimbați, încercați să schimbați culorile site-ului dvs

Una dintre cele mai mari probleme atunci când vine vorba de îmbunătățirea performanței site-ului tău web este să nu știi ce modificări să faci. Acest lucru ni s-a întâmplat tuturor la un moment dat. În astfel de cazuri, lucrul corect de făcut este să vă concentrați pe acele părți ale web-ului care sunt cele mai critice. Prin aceasta mă refer la secțiunile paginii tale care atrag cea mai mare atenție sau sunt cele mai importante pentru modelul tău de afaceri.

De exemplu, dacă scopul tău este ca cei care îți vizitează site-ul web ajung să completeze un formular, concentrează-te pe formularul în sine: fă-l mai vizibil și simplifica-l cât mai mult posibil, astfel încât să fie ușor de completat și trimis. După cum am mai spus, căutați mai întâi elementele care, atunci când sunt modificate, ar putea avea un impact mai mare asupra vizitatorilor dvs., deoarece astfel veți obține rezultate interesante mai repede.

Dacă încă nu știi ce să schimbi, ceva care nu dezamăgește niciodată și care este foarte ușor de încercat este să aplici modificări la culorile paginii tale web. Fără nicio intenție de a lăsa deoparte persoanele cu deficiențe de vedere, este clar că culorile site-ului tău sunt foarte importante. Mult mai mult decât vă puteți imagina.

Există mai multe studii despre teoria culorilor și modul în care noi oamenii o percepem. Ceea ce poate părea doar o interpretare a diferitelor lungimi de undă capturate de sistemul nostru vizual (ochi, nervul optic și creier), ascunde un fundal psihologic uriaș.

Din acest motiv, te încurajez să încerci să schimbi culorile paginii tale web (sau ale unor elemente de mare impact din cadrul acesteia) și să studiezi cum evoluează interacțiunea vizitatorilor tăi în fața acestor schimbări. Acesta este ceea ce vă voi explica astăzi cu un exemplu complet și real pe care l-am testat pe acest site.

Definiția testului A/B

Pentru a testa orice modificări pe site-ul dvs., ar trebui să utilizați un test A/B. Procedând astfel, puteți garanta cu date reale și urmând metoda științifică că modificările aplicate funcționează mai bine (sau nu) decât versiunea dvs. actuală.

În exemplul de astăzi, ceea ce vom face este să testăm o schimbare a culorilor primei pliuri a paginii de prețuri a Nelio A/B Testing. Acest prim fold are un mare impact asupra afacerii noastre, deoarece este însărcinat cu afișarea tabelului de prețuri prin care vizitatorii noștri ajung să devină clienți la achiziționarea pluginului.

În următoarea comparație puteți vedea versiunea originală a primului pliu (în stânga) și versiunea alternativă (în dreapta) cu diferite culori ale butoanelor și marginilor și o nouă imagine de fundal:

Pentru a testa modificările, am folosit Nelio A/B Testing ca plugin de referință de testare A/B. Primul lucru pe care îl vom face este să creăm un nou test A/B de pagini, care este elementul pe care îl vom testa.

Facem acest lucru pentru că putem schimba culorile prin intermediul editorului de pagini WordPress însuși. Dacă nu am putea face asta pentru că culorile vin printr-un șablon de temă sau într-un alt mod mai puțin ortodox –experiența ne spune că stilurile de culoare pot fi definite în mai multe moduri în WordPress–, o altă opțiune care ar funcționa întotdeauna ar fi aceea de a folosiți un test A/B al stilurilor CSS, unde am putea aplica noile culori adăugând noi reguli de stil CSS în variantă.

În ecranul de editare al testului A/B, selectăm pagina de bază pe care dorim să o testăm (pagina noastră de prețuri) și creăm o nouă variantă, pe care o vom edita ulterior:

Un alt aspect important de subliniat este să definim ce valori dorim să urmărească instrumentul de testare A/B pentru a afla mai târziu care dintre cele două versiuni a funcționat mai bine. Definim acest lucru în secțiunea obiective și acțiuni de conversie, așa cum puteți vedea în captura de ecran de mai sus.

În cazul nostru, am definit cinci obiective, care ne vor oferi cinci rezultate diferite pentru același test A/B. Mai întâi definim obiectivul care măsoară cantitatea de clicuri pe butoanele de cumpărare ale oricăruia dintre planurile care se află în tabelul de prețuri. Apoi avem 3 obiective suplimentare care măsoară clicurile pentru fiecare plan în mod individual. Și, în sfârșit, avem un obiectiv care măsoară numărul real de achiziții efectuate după ce am văzut fiecare versiune a paginii testate.

În cele din urmă, edităm versiunea alternativă a paginii. Acest lucru ne duce la editorul de pagini WordPress pe care îl folosim (în cazul nostru, editorul de blocuri), așa cum puteți vedea în următoarea captură de ecran:

Aici trebuie doar să schimbăm culorile butoanelor de acțiune ale fiecăreia dintre cele trei coloane și ale elementului pe care îl folosim pentru a crea marginea superioară. Și am schimbat și imaginea de fundal cu o alta pe care am încărcat-o în biblioteca noastră media WordPress.

Odată ce pagina alternativă cu modificările pe care vrem să le testăm este gata, este timpul să revenim la ecranul de editare a testului A/B și să o pornim. Acest lucru va împărți automat traficul către pagina noastră de prețuri în două. Jumătate din vizitatorii noștri vor interacționa cu versiunea originală, cealaltă jumătate va vedea varianta.

În acest fel, putem verifica care versiune a paginii funcționează mai bine în raport cu cele cinci obiective de conversie. Acum trebuie doar să așteptăm ca rezultatele să ne ofere informațiile pe care le căutăm.

Analiza rezultatelor testelor

În cele din urmă, dacă o variantă este mai bună decât cealaltă, instrumentul de testare A/B însuși ne va spune acest lucru. În testul A/B pe care l-am descris anterior, rezultatele au fost clare. Varianta cu noile culori este mai proastă decât ce aveam deja. Puteți vedea detaliile rezultatelor pentru fiecare dintre cele cinci obiective definite în test în următoarea galerie:

Nu numai că varianta a obținut mai puține clicuri pe butoanele de acțiune, dar a rezultat și la mai puține vânzări (cu aproape 22% mai puține).

Acest lucru poate părea o prostie, dar dacă în loc să testați modificările cu un test A/B le schimbați direct pe site-ul dvs. fără a le testa înainte, aveți riscul de a introduce modificări care ar putea funcționa mai rău. Acesta ar fi putut fi cazul nostru, deoarece modificările pe care am vrut să le facem nu au funcționat atât de bine cum am crezut.

S-ar putea să descoperi că schimbarea culorilor la un moment dat este o soluție bună, pentru că doar îți plac mai mult cele noi. Ai gasit o noua paleta de culori care ti se pare mult mai buna din punct de vedere stilistic si alegi sa o folosesti direct. Dar aceasta este o mare greșeală. Faptul că îți place o culoare mai mult decât alta nu este important. Important este să verifici cu atenție dacă acesta este într-adevăr cazul pentru publicul tău și vizitatorii tăi. Și puteți face acest lucru într-un mediu controlat printr-un test A/B.

Imagine prezentată de Jeremy Thomas pe Unsplash.