Cum să simplificați testarea separată cu Optimizatorul de site-uri Web

Ca designeri, suntem pregătiți și obligați să punem accentul pe ceea ce simțim că este cel mai plăcut pentru ochi. Lucrăm din greu pentru a crea cele mai uimitoare site-uri de căutare, reunind tot ce putem face din obiectivele de branding și de afaceri ale clienților noștri sau ale propriilor noastre operațiuni.

Cu toate acestea, realitatea este că indiferent de cât de perfectă ar fi un design, singura modalitate de a fi absolut sigură că atinge obiectivele sale este de a ieși acolo și de a distruge numerele cu câteva teste din lumea reală.

Q. Culoarea pe care ați ales-o pentru Descarcare varianta scurta de prezentare gratuita butonul arata uimitor?

A. Desigur, da, pentru că sunteți un designer de web uimitor.

Q. Culoarea pe care ați ales-o pentru Descarcare varianta scurta de prezentare gratuita de fapt, obligă oamenii să descarce o încercare gratuită?

A. Adevărul este că nu aveți cum să știți decât dacă creați niște butoane alternative color și comparați rezultatele pe care le obțineți din traficul real.

Fiecare site are un public complet diferit. Și indiferent de cât de multă cercetare de piață faci în prealabil, nu poți cunoaște mințile fiecărui utilizator. Până când acești oameni adevărați vor începe să vină și să facă acțiuni reale, totul este doar teorie.

Aici este locul Testarea separată cunoscuta si sub numele de A / B Testing. Faza de proiectare a producției de situri este arta, iar testul A / B este știința.

Cum a fost testul A / B folosit

Pentru orice site care trebuie să atingă un obiectiv specific, ceea ce înseamnă orice site de afaceri, testarea A / B este la fel de esențială pentru proces, precum testarea browserului încrucișat. Asigurarea faptului că un site își atinge obiectivele este la fel de mult ca o parte din crearea unui site funcțional ca având toate redarea CSS corectă.

În ciuda acestui fapt, în trecut a fost întotdeauna un pic asemănător atei dentare din lumea design-ului web. Știai că trebuie să o faci, dar întotdeauna te-ai împiedicat, pentru că era ciudat și câteodată un pic dureros.

A trebuit să instalați și să configurați scripturi complicate, să creați mai multe versiuni diferite ale site-urilor dvs. stocate la adrese URL diferite, iar întregul proces a fost greoi și obositor.

La fel ca orice altceva din lumea web, cu toate acestea, uneltele de testare split A / B evolueaza si lucrurile care obisnuiau sa fie retrogradate in "cosul prea tare" sunt acum in "coșul rapid si usor".

Avem acum o nouă generație de instrumente de testare A / B la dispoziția noastră, care asigură că fiecare site pe care îl creăm poate fi optimizat pe deplin în orice mod, ajutându-ne să designem site-uri care nu numai că arata grozav, ci și că îndeplinesc toate obiectivele lor.

Cum se face testul A / B astăzi

Una dintre noile generații de instrumente de testare A / B este Visual Website Optimizer, sau VWO, de la oamenii de la Wingify. VWO îndepărtează metodele vechi de testare A / B de a trata liniile fără sfârșit ale codului și orele de creare a versiunilor alternative ale site-ului dvs..

În schimb, este simplu:

1. Fragment JavaScript

Puneți un fragment mic de JavaScript în secțiunea capului site-ului dvs..

2. Drag & Drop Versiuni alternative de site

Utilizați interfața drag & drop Optimizer pentru optimizarea site-urilor web pentru a crea cât mai multe versiuni alternative ale site-ului dvs. după cum doriți.

3. Urmăriți rezultatele

Urmăriți traficul și utilizați diagramele generate automat și fișele de căldură pentru a vedea exact ce versiune a site-ului dvs. generează cele mai bune rezultate.

Acest proces elimină complet presupunerile și vă permite să determinați cu certitudine absolută care variații ale desenelor dvs. generează cele mai multe potențiali clienți și cele mai multe vânzări.

Modificări mici, diferențe mari

Dacă nu ați efectuat niciodată testul A / B înainte de a vă gândi că necesită reparații complete ale site-ului pentru a face diferența în generarea de rezultate. De fapt, schimbările adesea foarte mici duc la cele mai mari diferențe.

Un loc minunat pentru a obține o idee despre micile schimbări care pot genera creșteri semnificative ale veniturilor este galeria de studii de caz a VWO.

Exemplele de acolo arată că îmbunătățirile pot veni din ceva la fel de simplu ca schimbarea culorii unei legături de la albastru la roșu pentru o creștere de 50% a numărului de clicuri:

A: Beamax, legătură albastră
B: Beamax, legătura roșie cu 50% mai multe clicuri

Schimbarea dimensiunii fontului de la 15px la 20px și bolding pentru o creștere de conversie de 36.54%:

A: Royal Discount, dimensiunea fontului de 15px și greutatea fontului normală
B: Reducere Royal, dimensiune font 20 pixeli îngroșate, creștere cu 36,54% a conversiilor

Sau adăugați câteva cuvinte pentru a trece de la o rată de conversie de 14,5% la 18,6%:

A: Soocial, original cu conversie de 14,5%
B: Soocial, a adăugat "Este gratuit" și a crescut la 18,6% conversie

Acum hai să punem asta în perspectivă un pic.

Exemplul pe care îl vedeți mai sus unde textul a fost boldat și a crescut în dimensiune a dus la o creștere a veniturilor de 10,21%. Chiar dacă întregul venit al afacerii pentru un an a fost de numai 100.000 $ (și sunt sigur că este mult mai mult), ar însemna o plată de 10.210 $ pentru două minute de tweaking, un rezultat demn în cartea cuiva.

Fast, No-Cod Tweaks în VWO

Ați văzut mai sus cum chiar și trucurile minore pot avea rezultate reale. Acum, să aruncăm o privire asupra modului în care puteți crea trucuri ca aceasta folosind VWO.

Puteți urmări împreună cu acești pași, înregistrându-vă pentru o încercare gratuită de 30 de zile la VWO. Această încercare gratuită vă oferă: 

  • Toate caracteristicile din planurile standard
  • 1000 limită pentru vizitatori
  • Suport nelimitat de e-mail tehnic

După înregistrarea și introducerea unor detalii de bază despre cont, cum ar fi numele firmei și adresa URL, puteți accesa Codul de instalare în zona de administrare pentru a apuca fragmentul de integrare JavaScript.

Copiați fragmentul și inserați-l la sfârșitul secțiunii de cap a site-ului dvs. și sunteți bine să mergeți.

Puteți verifica dacă totul este în stare de funcționare, introducând adresa URL a site-ului dvs. în Smart Code Checker pe aceeași pagină și făcând clic pe Verifica buton.

Creați o nouă campanie

Acum că ați integrat VWO cu site-ul dvs. puteți configura o nouă campanie. Dați clic pe marea + în meniul din stânga, apoi selectați Campanii de campanii.

Apoi, veți fi direcționat către o gamă de tipuri de campanii de la care puteți selecta. Pentru scopurile noastre, selectați Test A / B.

În panoul următor, introduceți adresa URL a paginii pe care doriți să executați testele A / B.

Veți fi apoi duși direct pe site-ul dvs. în Visual Website Optimizer (VWO), unde puteți începe să creați versiuni diferite ale acestuia pentru a testa.

Pentru a demonstra, am creat o mică pagină de înscriere a buletinelor de știri pentru cei care iubesc videoclipurile de pui drăguți, pentru că cine nu are dreptate?

De aici, tot ce trebuie să faceți este să faceți clic pe elementul pe care doriți să îl modificați și veți vedea o serie de instrumente care vă vor permite să faceți versiunile alternative în interiorul VWO.

Uita-te la aceste VWO Tweaks, făcut în secunde

Încă fotografiile de la VWO nu vor face dreptate, pentru că într-adevăr trebuie să urmăriți utilizarea live pentru a vedea cât de repede se face crearea unor versiuni alternative ale site-ului.

Acestea sunt aceleași tipuri de trucuri ca și în exemplele la care ne-am uitat mai devreme, unde mici modificări au generat diferențe mari în rezultate.

După cum am menționat în videoclip, am reușit să configurați aceste corecții doar printr-un cont de încercare gratuită. Pentru a încerca să faceți aceleași tipuri de modificări pentru dvs., vă puteți îndrepta spre site-ul VWO și beneficiați gratuit de un acces complet de 30 de zile.

Teste multivariate și tipuri de rapoarte

Pe lângă testele A / B, VWO vă permite, de asemenea, să creați teste multivariate. Testarea multivariată vă permite să comparați mai mult de două variante ale unui site, astfel încât să puteți considera că acesta este un test A / B / C / D ....

Rapoartele rezultate care sunt generate din testele dvs. au o varietate de forme și formate. Printre selecțiile rapoartelor disponibile, veți primi "dintr-o privire" rezumate de urmărire a conversiilor, a veniturilor, a traficului și așa mai departe:

Veți obține diagrame comparative:

Și unul dintre preferatele mele personale, fișe de căldură pentru a urmări unde vizitatorii dau clic:

Dincolo de Testarea Split

În timp ce puteți merge la VWO pentru testarea split, s-ar putea să stați, de asemenea, pentru toate celelalte moduri în care setul de instrumente poate fi folosit și unele dintre avantajele suplimentare oferite.

Ceea ce vă oferă VWO este o modalitate de a crea variații ale site-ului dvs. fără a încetini acest lucru sau pentru a menține diferite instalații la adrese URL diferite. Testarea separată este o metodă pe care o puteți folosi, dar puteți, de asemenea, să difuzați versiuni special optimizate pentru toate tipurile de factori diferiți, cum ar fi locația, tipul de dispozitiv, sistemul de operare, browserul, termenii de căutare și așa mai departe.

De exemplu, este posibil să utilizați sistemul de urmărire a segmentului VWO pentru a descoperi că persoanele de pe iPhone din New York, care vin prin Facebook, sunt cele mai receptive și dau cele mai multe conversii. Apoi, puteți crea o versiune personalizată a site-ului doar pentru acest segment, analizând-o și ajustând-o pentru utilizare și conversii până când obțineți cea mai perfectă optimizare posibilă.

Un alt aspect al apartenenței, care, în opinia mea, merită prețul admiterii în sine este "Fabrica de idei". Odată ce ați testat lucrurile evidente precum titlurile și culorile butoanelor, s-ar putea să vă întrebați ce puteți face în continuare pentru a continua optimizarea. În acest moment, puteți accesa fila "Idei" din VWO pentru a obține detalii complete și îndrumări privind peste 400 de modalități suplimentare pe care le puteți continua să faceți îmbunătățiri:

De asemenea, veți avea acces la o mare bibliotecă de studii de caz din lumea reală, astfel încât să puteți vedea exact ce a contribuit la creșterea conversiilor și veniturilor pentru alte site-uri. Acest tip de lucru poate fi aurul pur atunci când aplici ceea ce descoperi în propriile tale proiecte.

Pentru a pune acest lucru în perspectivă, câțiva ani în urmă îmi amintesc că am văzut o persoană care vindea un compendiu de peste 40 de studii de caz de testare împărțită pentru 200 de dolari și au făcut-o cu succes.

Am început să conteze câte studii de caz au fost în fabrica de idei VWO - am oprit clic pe butonul "Încărcare mai mult" la intrarea 120.

Concluzie

Sper că acest lucru v-a oferit câteva informații despre ceea ce poate face Testarea A / B pentru dvs. și cum vă poate ajuta VWO să o realizați. VWO are o mulțime de caracteristici și puteți citi totul despre ele pe site-ul lor.

Sau pentru a sari direct și pentru a începe să puneți site-urile la încercare, obțineți 30 de zile de creare a variațiilor și urmărirea rezultatelor dvs. cu procesul gratuit complet funcțional.

Să vedem cât de bine funcționează site-urile dvs.!