Share
Som designere er vi trent og tvunget til å sette fokus på det vi føler er mest behagelig for øyet. Vi jobber hardt for å skape de mest fantastiske nettstedene, og samler alt vi kan trekke fra våre kunders merkevarebygging og forretningsmål eller vår egen virksomhet.
Men virkeligheten er at uansett hvor perfekt et design ser ut, er den eneste måten å være helt sikker på at det er å nå sine mål, å komme seg ut og knuse tallene med noen virkelige verdenstester.
Q. Har farge du valgte for Last ned gratis prøveversjon knappen ser fantastisk ut?
EN. Ja, selvfølgelig gjør det, fordi du er en fantastisk webdesigner.
Q. Har farge du valgte for Last ned gratis prøveversjon knappen faktisk tvinger folk til å laste ned en gratis prøveversjon?
EN. Sannheten er at du ikke har mulighet til å vite hvis du ikke lager noen alternative fargede knapper og sammenligner resultatene du får fra ekte trafikk.
Hvert nettsted har et helt annet publikum. Og uansett hvor mye markedsundersøkelse du gjør på forhånd, kan du muligens ikke kjenne alle brukerens sinn. Inntil de virkelige menneskene begynner å komme gjennom og utføre virkelige handlinger, er det bare teori.
Det er hvor Split Testing ellers kjent som A / B Testing kommer inn i spill. Designfasen av produksjonsstedet er kunsten, og A / B-testingen er vitenskapen.
For et hvilket som helst nettsted som må oppnå et bestemt mål, som betyr et hvilket som helst bedriftsnettsted, er A / B-testing så viktig for prosessen som kryssleserstesting. Å sørge for at et nettsted oppnår sine mål er like mye en del av å skape et funksjonelt nettsted som å ha alt CSS gjengitt riktig.
Til tross for dette var det i det siste alltid litt som tanntråd av webdesign verden. Du visste at du burde gjøre det, men du endte alltid med å slakke av fordi det var vanskelig og noen ganger litt smertefullt.
Du måtte installere og konfigurere kompliserte skript, lage flere forskjellige versjoner av nettstedene dine, lagret på forskjellige nettadresser, og hele prosessen var tungvint og kjedelig.
Som alt annet i webverdenen, utvikler A / B-splittetestverktøyene seg, og ting som pleide å bli forvist til den "for harde kurven" er nå i "rask og enkel kurv."
Vi har nå en ny generasjon A / B-testverktøy som står til grunn for at hvert enkelt nettsted vi lager, kan optimaliseres på alle måter, og hjelper oss med å designe nettsteder som ikke bare ser bra ut, men også oppnår alle sine mål.
En av de nye generasjon av A / B-testverktøyene er Visual Website Optimizer, eller VWO, fra folkene på Wingify. VWO gjør unna de gamle A / B-testmetoder for å håndtere endeløse kodelinjer og timer med å skape alternative versjoner av nettstedet ditt.
I stedet er det så enkelt:
Slipp en liten del av JavaScript til nettstedet ditt.
Bruk Dra og slipp-grensesnittet for Visual Website Optimizer til å lage så mange alternative versjoner av nettstedet ditt som du vil.
Se trafikk komme gjennom og bruk automatisk genererte diagrammer og heatmaps for å se nøyaktig hvilken versjon av nettstedet ditt som genererer de beste resultatene.
Denne prosessen tar helt ut gissingen og lar deg med absolutt sikkerhet avgjøre hvilke variasjoner av designene som genererer flest ledere og mest salg.
Hvis du aldri har utført A / B-test før du kanskje tror at det tar fullstendige nettstedoverhaling, for å gjøre en forskjell i å generere resultater. Faktisk er det ofte svært små endringer som fører til de største forskjellene.
Et flott sted å få en ide om de små endringene som kan gi betydelige økte inntekter, er VWOs case studies galleri.
Eksemplene der viser at forbedringer kan komme fra noe så enkelt som å endre fargen på en kobling fra blå til rød for en 50% økning på klikkfrekvenser:
EN: Beamax, blå kobling
B: Beamax, rød link 50% flere klikkEndre skriftstørrelse fra 15px til 20px og modig for en konverteringsøkning på 36,54%:
EN: Royal Rabatt, skriftstørrelse 15px og skriftlig vekt normal
B: Royal Discount, skriftstørrelse 20px fet, 36,54% økning i konverteringerEller legg til et par ord for å gå fra en konverteringsfrekvens på 14,5% til 18,6%:
EN: Sosialt, original med 14,5% konvertering
B: Sosialt, lagt til "Det er gratis" og økt til 18,6% konverteringLa oss nå sette det i perspektiv litt.
Eksemplet du ser over der teksten ble fet og økt i størrelse førte til en inntektsøkning på 10,21%. Selv om bedriftens totale inntekter for et år var bare $ 100 000 (og jeg er sikker på at det er mye mer), ville det bety en utbetaling på $ 10,210 i to minutter med tweaking, et verdig resultat i alles bok.
Du har sett over hvor selv små tweaks kan netto reelle resultater. La oss nå se på hvordan du kan lage tweaks som dette ved hjelp av VWO.
Du kan følge med disse trinnene ved å registrere deg for en 30-dagers gratis prøveperiode hos VWO. Denne gratis prøveversjonen gir deg:
Etter å ha registrert og angitt noen grunnleggende kontoopplysninger som firmaets navn og URL kan du gå til Installasjonskode fanen i admin-området din for å hente JavaScript-integrasjonsbiten din.
Kopier utklippet og lim det inn på slutten av nettstedet ditt, og du er god til å gå.
Du kan bekrefte at alt er i orden, ved å skrive inn webadressens URL i Smart Code Checker på samme side og klikk på Kryss av knapp.
Nå som du har VWO integrert med nettstedet ditt, kan du sette opp en ny kampanje. Klikk på den store + ikonet i venstre meny, velg deretter Nettstedskampanjer.
Du blir deretter tatt til en rekke kampanjetyper du kan velge fra. For våre formål, velg A / B-test.
I neste panel skriver du inn nettadressen til siden du vil kjøre A / B-tester på.
Du blir deretter tatt direkte til nettstedet ditt i Visual Website Optimizer (VWO), der du kan begynne å lage forskjellige versjoner av det for å teste.
For å demonstrere, har jeg opprettet en liten nyhetsbrev påloggingsside for folk som elsker videoer av søte valper, fordi hvem ikke, riktig?
Herfra er alt du trenger å gjøre, å klikke på elementet du vil endre, og du får se en rekke verktøy dukker opp som lar deg lage dine alternative versjoner rett innenfor VWO.
Fortsatt bilder av VWO alene vil ikke gjøre det rettferdighet, fordi du virkelig trenger å se det som brukes live, for å se hvor raskt det gjør å skape alternative nettstedversjoner.
Disse er de samme typer tweaks som i eksemplene vi så på tidligere, hvor små endringer ga store forskjeller i resultater.
Som jeg nevnte i videoen, var jeg i stand til å sette opp disse tweaks bare gjennom en gratis prøvekonto. For å prøve å gjøre de samme typene forandringer for deg selv, gå over til VWOs nettsted og få 30 dager fullt funksjonell tilgang gratis.
I tillegg til A / B-testing lar VWO deg også lage multivariate tester. Multivariate testing lar deg sammenligne mer enn bare to variasjoner av et nettsted, så du kan tenke på det som A / B / C / D ... testing.
De resulterende rapportene som genereres fra testene dine kommer i en rekke former og formater. Blant utvalg av rapporter som er tilgjengelige, får du et oversikt over sammendrag som sporer konverteringer, inntekter, trafikk og så videre:
Du får komparative diagrammer:
Og en av mine personlige favoritter, heatmaps å spore hvor besøkende klikker:
Mens du kan gå til VWO for delt testing, kan du også holde deg for alle andre måter verktøysettet kan brukes og noen av de ekstra fordelene som tilbys.
Hva VWO gir deg, er en måte å skape variasjoner på nettstedet ditt uten å bremse det ned eller måtte vedlikeholde forskjellige installasjoner på forskjellige nettadresser. Split testing er en måte du kan bruke til å bruke, men du kan også servere versjoner som er spesielt optimalisert for alle slags forskjellige faktorer, for eksempel plassering, enhetstype, operativsystem, nettleser, søkeord og så videre.
For eksempel kan du bruke VWOs segmentsporingssystem for å oppdage at folk på iPhones i New York kommer via Facebook, er mest responsive og gir de fleste konverteringer. Du kan da lage en tilpasset versjon av nettstedet bare for dette segmentet, analysere og justere det for brukervennlighet og konverteringer til du får den mest optimaliserte variasjonen mulig.
Et annet aspekt ved medlemskap som etter min mening er verdt prisen på opptak til seg selv, er "Idefabrikken". Når du har testet de åpenbare tingene som overskrifter og knappfarger, kan du kanskje lure på hva du kan gjøre ved å fortsette å optimalisere. På det tidspunktet kan du trykke på fanen "Ideas" i VWO for å få full detaljer og veiledning på over 400 ekstra måter du kan fortsette å gjøre forbedringer:
Du får også tilgang til et stort bibliotek med virkelige casestudier, slik at du kan se nøyaktig hva som fungerte for å øke konverteringer og inntekter for andre nettsteder. Denne typen ting kan være rent gull når du bruker det du oppdager til dine egne prosjekter.
For å sette dette i perspektiv, husker jeg noen få år tilbake til å se en person som selger et kompendium av litt over 40 deltestudier for $ 200, og de gjorde det så godt.
Jeg begynte å telle hvor mange casestudier som var i VWO-idefabrikken - jeg sluttet å klikke på "Last inn mer" -knappen ved den 120. oppføringen.
Jeg håper dette har gitt deg litt innsikt i hva A / B-testing kan gjøre for deg og hvordan VWO kan hjelpe deg med å utføre det. VWO har en hel rekke funksjoner, og du kan lese alt om dem på deres hjemmeside.
Eller å hoppe rett inn og begynne å teste nettstedene dine, få 30 dager med å lage variasjoner og se resultatene dine med den fullt funksjonelle gratis prøveperioden.
La oss se hvor godt nettstedene dine utfører!
Accentsconagua