Ce culori ar trebui să folosiți pentru a crește vânzările?

Publicat: 2021-05-13

Încă o dată, testele A/B ne-au arătat că gusturile și preferințele noastre de culoare nu sunt întotdeauna aliniate cu cele ale vizitatorilor noștri. Sau mai bine zis, culorile pe care le arati pe site-ul tau, desi pot fi atractive, nu sunt neaparat cele care iti vor aduce cele mai multe vanzari. De fapt, veți găsi multe articole despre psihologia culorii care studiază modul în care fiecare culoare provoacă un răspuns emoțional diferit și cum acestea vă pot convinge publicul în mod diferit.

Ghid pentru emoțiile transmise de culori și mărcile care le folosesc în logo-urile lor
Ghid pentru emoțiile transmise de culori și brandurile care le folosesc în logo-urile lor (sursa: The Logo Company).

Luna aceasta, deoarece ne-am schimbat recent planurile de produse Nelio Content și designul paginii de prețuri, ne-am gândit că este o oportunitate perfectă de a analiza ce culori ar trebui afișate în fiecare dintre planurile noastre pentru a obține mai multe vânzări.

În designul paginii originale, fiind fan al culorii albastre, am propus următorul design al paginii Nelio Content plans:

Captură de ecran a paginii de planuri și prețuri a Nelio Content înainte de a crea testul A/B pentru acesta
Captură de ecran a planurilor de conținut Nelio și a paginii de prețuri înainte de a crea testul A/B pentru acesta.

Cool, nu? Dar dacă ați citit despre experiența noastră de a efectua un test în fiecare lună, știți că, atunci când vine vorba de a lua decizii de afaceri, nu ar trebui să vă concentrați doar pe gustul dvs., ci să obțineți date reale, deoarece asta vă va spune cu adevărat. ce vă afectează cel mai mult rezultatul final.

Deci, testul din această lună cu Nelio A/B Testing analizează ce schemă de culori de pe pagina noastră de prețuri va genera mai multe venituri.

Captură de ecran a planurilor de conținut Nelio afișate în variante de culoare albastră
Versiunea originală a testului nostru A/B: Planurile de conținut Nelio prezentate în variante de culoare albastră.

Creați un test al paginii de prețuri

Înainte de a crea un test A/B al oricărui element al unui site web, vă recomandăm întotdeauna să efectuați o analiză a ceea ce funcționează pe site-ul dvs., unde aveți mai multe frecări și probleme și să generați ipoteze despre ceea ce ați putea îmbunătăți. Din lista de ipoteze pe care ai generat-o, prioritizează-le pe cele care vor avea cel mai mare impact asupra obiectivelor tale. Adică, paginile de destinație și paginile de prețuri vor avea probabil mult mai mult impact asupra creșterii vânzărilor decât o postare pe blog.

În acest caz, principala noastră motivație pentru crearea acestui test a fost: deoarece schimbăm planurile Nelio Content și am reproiectat întreaga pagină de prețuri, am profitat de ocazie pentru a ne asigura că noul design folosește cea mai bună schemă de culori posibilă .

Am decis să creăm, pe lângă versiunea originală, alte două variante cu aceste combinații de culori:

Captură de ecran a planurilor Nelio Content afișate în prima variantă a unui test A/B
Captură de ecran a planurilor de conținut Nelio afișate în prima variantă a testului A/B.

În prima variantă am decis să arătăm planurile cu o selecție de culori pastelate foarte la modă anul acesta.

Captură de ecran a planurilor Nelio Content pentru a doua variantă a unui test A/B
Captură de ecran a planurilor Nelio Content afișate în a doua variantă a testului A/B.

Și am creat o a doua variantă, după cum puteți vedea în imaginea de mai sus, în care am vrut doar să evidențiem cu culoare fucsia planul Standard, iar celelalte două planuri să le arătăm cu un fundal cel mai închis albastru și butoane verzi.

În general, am fi putut selecta alte culori, sau chiar am fi creat altă schemă de culori, dar problema creării multor alternative este că, pentru a obține rezultate semnificative statistic, trebuie să ai mai multe vizite.

Crearea testului A/B

Pentru a crea testul A/B, ca întotdeauna, folosim propriul nostru plugin, Nelio A/B Testing. Doar descărcați-l din directorul oficial de pluginuri WordPress și instalați-l pe site-ul dvs. web pentru a putea crea un test ca acesta. Și dacă mai aveți îndoieli cu privire la ce plugin de test A/B să utilizați pentru a vă crea teste pe site-ul dvs. web, vă recomand să citiți comparația noastră a pluginurilor de test A/B pentru WordPress.

Nelio A/B Testing este foarte versatil, deoarece vă permite să creați teste A/B pentru orice element WordPress. În acest caz creăm un test A/B de pagini. Acest tip de teste vă permite să creați noi variante prin duplicarea paginii originale în pagini noi, alternative. În testul nostru, am schimbat pur și simplu culorile de fundal ale fiecărui plan, așa cum este descris mai sus. Dacă doriți să schimbați ceva care face parte din șablonul de pagină pe care îl utilizați, puteți face acest lucru creând un șablon alternativ și rulând un test A/B al șabloanelor de pagină.

În următoarea captură de ecran puteți vedea definiția testului:

Captură de ecran a definiției unui test A/B a planurilor Nelio Content
Captură de ecran a definiției testului A/B pe pagina Planuri de conținut Nelio.

Apoi, atunci când creați orice test A/B, trebuie să setați obiectivele pe care doriți să le măsurați în test pentru a decide ce funcționează cel mai bine. În acest caz am definit 4 obiective care trebuie măsurate în cadrul testului:

  • Faceți clic pe butoanele oricărui plan
  • Faceți clic pe butoanele Plan de bază
  • Faceți clic pe butoanele planului standard
  • Faceți clic pe butoanele planului Plus

Cu toate acestea create, tot ce trebuia să facem a fost să începem testul și să așteptăm să vină rezultatele. Nelio A/B Testing se ocupă de împărțirea traficului în trei grupuri aleatorii, astfel încât fiecare dintre ele să vadă doar una dintre variantele definite și să țină evidența conversiilor pe care le obține fiecare variantă și obiectiv.

Analiza rezultatelor testului A/B

După o lună și nouă zile de rulare a acestui test, am obținut rezultate semnificative din punct de vedere statistic, cu o încredere de aproape 100%. Să ne uităm la o analiză a fiecăruia dintre obiective în detaliu și la concluziile pe care le-am putut trage din test.

Primul obiectiv a fost măsurarea clicurilor pe oricare dintre butoanele planului tabelului de prețuri (tabelul este afișat de două ori pe pagină).

Analiza rezultatelor primului obiectiv al testului A/B efectuat
Analiza rezultatelor primului obiectiv al testului A/B efectuat.

În acest caz, rezultatele arată că a doua variantă, alternativa C, este cea care primește cu aproape 130% (129,6%, mai exact) mai multe clicuri decât versiunea originală. În schimb, varianta care prezintă planurile în culori pastelate este cu 25,5% mai proastă. Dacă am fi avut doar acest obiectiv al testului, alternativa C ar fi obținut rezultate copleșitoare.

Al doilea obiectiv s-a concentrat pe clicurile pe care le-au primit butoanele Planului de bază. Să vedem cum variază rezultatele:

Captură de ecran a analizei rezultatelor celui de-al doilea obiectiv al testului A/B efectuat
Analiza rezultatelor celui de-al doilea obiectiv al testului A/B efectuat.

Rețineți că, dacă ne concentrăm doar pe clicuri către planul Basic, diferența dintre a treia variantă și versiunea originală, deși încă considerabilă, adică o îmbunătățire de 73,7%, nu este la fel de mult ca și cum am analiza toate clicurile. Și în cazul variantei de culoare pastel, ca și în cazul precedent, este și mai rău decât originalul dar diferența este de 12,3%. Dacă vă gândiți bine, poate avea sens, deoarece variantele nu se concentrează pe evidențierea în mod special a planului de bază.

Să vedem acum rezultatele pe care le-am obținut în cel pe care am vrut să măsurăm clicurile din planul Standard.

Captură de ecran a analizei rezultatelor celui de-al treilea obiectiv al testului A/B efectuat
Analiza rezultatelor celui de-al treilea obiectiv al testului A/B efectuat.

În acest caz, îmbunătățirea celei de-a treia variante, care este tocmai cea care se remarcă printr-o culoare mai atrăgătoare în plan, realizează chiar și cu 228,1% mai multe clicuri decât versiunea originală. Așadar, dacă ai avut dubii dacă evidențierea vreunuia dintre planuri are vreun impact, reiese clar din acest test că oamenii sunt atrași de elementele cele mai atrăgătoare.

În sfârșit, să vedem ce se întâmplă cu cel mai recent plan:

Captură de ecran a analizei rezultatelor celui de-al patrulea obiectiv al testului A/B efectuat
Analiza rezultatelor celui de-al patrulea obiectiv al testului A/B efectuat.

În acest caz, îmbunătățirea alternativei C față de originalul este de aproape 3%, cu o încredere de 95,7%. Și, în orice caz, există puțină conversie a planului Plus în toate alternativele. De fapt, majoritatea clienților noștri preferă să opteze pentru un plan mai mic de la început și apoi să treacă la un alt plan mai târziu.

Concluzii

Avand in vedere rezultatele pe care le-am obtinut in urma testului A/B, ajungem la concluzia ca varianta in care planul Standard iese in evidenta cu o culoare fuchsia a functionat mult mai bine decat orice alta varianta. Prin urmare, cel mai bine este să o aplicați ca versiune finală pe site-ul nostru.

Captură de ecran cu aplicarea variantei câștigătoare a unui test A/B
Captură de ecran cu aplicarea variantei câștigătoare a unui test A/B ca finală.

După cum puteți vedea, cu un singur clic, versiunea finală a paginii de prețuri Nelio Content devine cea care a câștigat testul. Sigur, poate ne-am gândit că schema de culoare albastră a fost o opțiune bună la început, dar preferințele și gusturile noastre sunt de puțin folos pentru a crește vânzările. Testele A/B sunt cele care, cu date reale, ne demonstrează ce funcționează cu adevărat. Ce așteptați pentru a vă crea testul A/B pentru a crește conversia pe site-ul dvs.?

Imagine prezentată de Baher Khairy pe Unsplash.