A/B-test av CTA-knapp
A/B-testing av call-to-action-knapp i markedsmateriell for Color Line
Hvordan kan små visuelle endringer gi målbare forbedringer? I dette caset testet vi ulike farger på CTA-knappen for å sikre bedre kontrast, universell utforming og høyere effekt gjennom datadrevne beslutninger.
Ny farge på CTA-knapp
Color Line har lang tradisjon med å bruke grønne “call-to-action”-knapper med hvit skrift på både nettsiden og i digital markedsføring. I forbindelse med utarbeidelse av nytt cms er det ønskelig å gjøre noen justeringer, ettersom fargen på knappen i kombinasjon med hvit tekst ikke er universelt utformet og ikke oppfyller WCAGs krav om god nok kontrast.
I markedsføringsmateriell er det veldig viktig at knappen likevel må “poppe” og trigge til handling.
Vi satte opp flere ulike forslag og sjekket kontrasten, både mellom fargen på knappen og teksten, men også mellom fargen på knappen og bakgrunnen. Ofte har vi mørk blå farge på bannerne, men bakgrunne på nettsiden er som oftest hvit/lys.
Vi diskuterte mulige løsningers og kom frem til at vi ville gå videre å gjøre en test med en blå og en hvit variant, i tillegg til versjonen vi har fra før for å ha noe å sammenligne med.
Bannere med CTA-knapper i tre ulike farger
A/B-test
Vi valgte å sette opp en A/B-test på programmatiske bannere i vårt always-on-løp på linjen Olso-Kiel. Vi satte da opp tre identiske bannersett men med ulike farge på cta-knappen.
Oppsettet var satt opp slik at de tre ulike variantene skulle få samme antall visninger. Etter ca to uker var det kommet inn nok datagrunnlag til å konkludere med at en av fargene var signifikant bedre enn de andre både på klikkrate og koverteringsrate.
Signifikant vil si at det er statistisk bevist at det ikke kan være tilfeldig at klikkraten/konverteringsrsten er høyere.
Konklusjonen av testen
Konklusjonen ble at både hvit og blå knapp var signifikant bedre enn grønn. Hvit knappefarge var også signifikant bedre enn blå på både CTR (klikkrate), CVR (konverteringsrate), click-through CVR (de som har klikket og konvertert i etterkant) og view-throug CVR (de som har sett annonsen og konvertert i etterkant).
Videre testing og justeringer
Videre vil vi kjøre en test til på en annen linje med et annet budskap for å se om utfallet her gir samme resultat. Om det viser seg at hvit farge kommer best ut i denne testen også vil vi bytte fargen på cta-knappen på våre bannere og på nettsiden.
To varianter
Siden både blå og hvit gjorde det signifikant bedre enn grønn knapp som vi bruker i dag er en mulighet å ha to varianter, slik at vi kan velge den som fungerer best med bakgrunn og øvrige elementer i et banner eller på en nettside.
Hvorfor viser jeg dette arbeidet?
Jeg har tatt med dette arbeidet i portfolioen fordi det viser hvordan universell utforming og datadrevne beslutninger kan brukes til å forbedre konkrete designelementer. Caset illustrerer hvordan systematisk testing og analyse gir et tryggere beslutningsgrunnlag enn antakelser, og hvordan selv små justeringer kan gi målbare resultater.
