Konvertering
Konverteringstester
På den här sidan
Konverteringstester är metoden att validera att förändringar faktiskt förbättrar konverteringsgraden innan de implementeras permanent. Istället för att gissa eller förlita sig på best practice testas förändringar systematiskt med verkliga användare.
Det vanligaste formatet är A/B-test: en del av besökarna ser originalversionen (A), andra ser den nya versionen (B). Efter tillräckligt med data jämförs resultaten. Är skillnaden större än vad slumpen rimligen kan förklara, vinner den bättre versionen och blir permanent.
Utan testning är konverteringsoptimering riskabelt. Förändringar som verkar bra kan faktiskt försämra konverteringen. Med testning minskar gissningarna, och besluten bygger på faktiska resultat från användare.
Vad är konverteringstester?
Definition
Konverteringstester (A/B-testning) är processen att jämföra två eller flera versioner av en webbsida för att avgöra vilken som ger högst konverteringsgrad.
Grundprincip
- Version A (kontroll): Originalsidan, nuvarande version
- Version B (variant): Modifierad version med en förändring
- Trafiken delas: 50 procent ser A, 50 procent ser B
- Resultat mäts: Vilken version konverterar bättre?
Statistisk signifikans: När testet är klart räknas det ut om skillnaden är större än vad slumpen rimligen kan förklara.
Varför testa istället för bara implementera?
Problem utan testning
- Scenario
- Analys visar att CTA-knapp inte syns tydligt. Beslut: Ändra färg från grå till röd.
- Implementering direkt
- Färgen ändras på hela sajten. Men ingen vet om röd faktiskt fungerar bättre. Kanske blir det sämre?
- Med A/B-test
- 50 procent ser grå knapp (A), 50 procent ser röd knapp (B). Efter två veckor visar data att röd konverterar 15 procent bättre. Nu finns underlag för att implementera den röda knappen permanent.
- Alternativt scenario
- Test visar att röd faktiskt konverterar 10 procent sämre. Utan test hade en försämring implementerats permanent.
- Resultat
- Testning minskar risken att en försämring rullas ut.
När ska testas?
Testa när
- Förändringen är stor (ny design, nytt checkout-flöde)
- Förändringen är kontroversiell (team är oeniga om den fungerar)
- Förändringen går emot best practice (men hypotes finns att det kan fungera för specifik målgrupp)
- Osäkerhet finns om effekt
Implementera direkt (utan test) när
- Förändringen fixar uppenbart tekniskt problem (trasig länk, felstavning)
- Best practice är så stark att ett test är onödigt (till exempel att förbättra laddningshastigheten)
- Förändringen är minimal och lågrisk (justering av mikrokopi)
Typer av tester
A/B-test
Jämför två versioner: Original (A) vs en variant (B).
Exempel
- A: Grön ”Köp nu”-knapp
- B: Röd ”Köp nu”-knapp
- En förändring åt gången
- För att veta vad som påverkade resultatet ändras bara EN sak.
- Resultat
- Om B vinner vet vi att röd knapp fungerar bättre. Om flera saker ändrats samtidigt är det omöjligt att veta vad som orsakade förändringen.
A/B/n-test (flera varianter av samma element)
Jämför original mot flera varianter.
Exempel
- A: Grön knapp
- B: Röd knapp
- C: Blå knapp
- D: Orange knapp
- Användning
- Testa flera alternativ samtidigt för att hitta den bästa snabbare.
- Krav
- Mer trafik behövs (trafiken delas på fler varianter). Flera jämförelser kräver också korrigering i analysen, annars blir falska vinnare vanligare.
Multivariate testing (MVT)
Testar flera element samtidigt i olika kombinationer.
Exempel
Elementen som testas
- Rubrik (2 varianter)
- CTA-knappfärg (2 varianter)
- Bild (2 varianter)
- Kombinationer
- 2 × 2 × 2 = 8 varianter testas samtidigt.
- Användning
- Förstå hur element interagerar. Kanske fungerar röd knapp bättre med rubrik A men grön knapp bättre med rubrik B.
- Krav
- Mycket hög trafik (trafiken delas på många varianter). Ofta endast för stora sajter.
Split URL-test
Istället för att ändra element på samma URL testas helt olika sidor.
Användning
- Testa helt ny design vs gammal design
- Testa olika layout-koncept
- Testa olika checkout-flöden
Exempel
- A: /checkout (nuvarande flöde med 3 steg)
- B: /checkout-new (nytt one-page checkout)
Processen: Från hypotes till resultat
Steg 1: Formulera hypotes
En hypotes är en förutsägelse om vad som kommer att hända och varför.
Format
”Om vi [förändring], kommer [målgrupp] att [resultat] eftersom [anledning].”
Exempel
- Hypotes 1
”Om vi lägger till kundrecensioner på produktsidor kommer fler besökare att lägga produkter i varukorg eftersom recensioner bygger förtroende och minskar osäkerhet.”- Hypotes 2
”Om vi förkortar checkout-formuläret från 12 fält till 6 fält kommer fler att slutföra köp eftersom kortare formulär minskar friktion.”- Hypotes 3
”Om vi ändrar CTA från ’Läs mer’ till ’Få gratis demo’ kommer fler att klicka eftersom ’gratis demo’ kommunicerar tydligare värde.”
Varför hypotes är viktigt
- Utan hypotes
- Test blir slumpmässiga. ”Låt oss testa röd knapp för att det kanske fungerar?”
- Med hypotes
- Test är målinriktade och baserade på analys. ”Analysen visar att folk inte ser knappen. Röd färg sticker ut mer från bakgrunden, därför bör fler se den och klicka på den.”
Hypotes baseras på
- Konverteringsanalys (kvantitativ + kvalitativ data)
- Identifierade problem
- Best practices i branschen
- Konkurrentjämförelse
Steg 2: Definiera test
Vad testas
Element att testa
- Rubrik
- Värdeproposition
- CTA-text
- CTA-färg/storlek/placering
- Bilder
- Formulärlängd
- Layout
- Förtroendemarkörer (recensioner, garantier)
- Pris-presentation
- Var testas
- Vilken sida? (Produktsida, landningssida, checkout?)
- Primärt mål
- Vad mäts? (Add-to-cart rate, checkout completion, klick på CTA?)
- Sekundära mål
- Andra metrics att övervaka (bounce rate, tid på sida).
Exempeltest
- Test
- Lägg till kundrecensioner på produktsidor
- Hypotes
- Recensioner bygger förtroende och ökar add-to-cart rate.
- Version A
- Produktsida utan recensioner (nuvarande)
- Version B
- Produktsida med Trustpilot-widget (genomsnittligt betyg + 5 senaste recensionerna)
- Sida
- Alla produktsidor
- Primärt mål
- Add-to-cart rate
- Sekundära mål
- Tid på produktsida, bounce rate
Steg 3: Skapa varianter
Design och utveckling
- Designa variant
- Mockup eller wireframe av förändringen.
- Utveckla variant
- Bygg den alternativa versionen i er egen kodbas eller ert publiceringssystem, på samma sätt som vilken ändring som helst på sajten.
- QA-testa
- Säkerställ att variant fungerar tekniskt (inga brutna länkar, responsive, snabb).
Steg 4: Sätt upp test
Testet byggs in i era befintliga system.
För varje besökare sparas vilken variant som visades, tillsammans med era egna data, som sedan hämtas ut för en separat analys.
Konfiguration
- Trafik-allokering
- Hur mycket trafik till varje variant? Typiskt 50/50.
- Målgrupp
- Alla besökare eller specifika segment? (Ny vs återkommande, desktop vs mobil)
- Testlängd
- Hur länge ska testet löpa? Räkna fram längden före start utifrån trafiken, den nuvarande konverteringsgraden och den minsta effekt ni vill kunna upptäcka.
- Tracking
- Säkerställ att konverteringar spåras korrekt för båda varianterna.
Steg 5: Kör test
Vänta tills tillräckligt med data
Minsta krav
- Stickprovets storlek och testets längd räknas fram före start, utifrån den nuvarande konverteringsgraden och den minsta effekt ni vill kunna upptäcka
- Vid 2 procents konverteringsgrad krävs omkring 37 000 besök per variant för att upptäcka en förbättring på 15 procent, med 95 procents konfidensgrad och 80 procents styrka
- Minst en hel vecka, gärna två (fångar skillnader mellan vardag och helg)
- Signifikansnivån bestäms före start, vanligen motsvarande 95 procents konfidensgrad
Undvik att sluta för tidigt
- Misstag
- Se att B leder efter 2 dagar och avsluta testet.
- Problem
- Inte tillräckligt med data. Skillnaden kan vara slump.
- Rätt
- Låt testet löpa till den längd som bestämdes före start.
Undvik att ”snegla” för ofta
- Misstag
- Kolla resultat varje dag och bli orolig om B presterar sämre någon dag.
- Problem
- Det skapar risk att avbryta testet för tidigt, och varje avläsning som kan stoppa testet gör falska vinnare vanligare.
- Rätt
- Kontrollera att mätningen fungerar, men läs inte av resultatet och stoppa inte testet innan den bestämda tiden har gått.
Steg 6: Analysera resultat
Statistisk signifikans
- Vad det betyder
- Ett mått på om skillnaden mellan A och B är större än vad slumpen rimligen kan förklara.
- Konfidensgrad
- Vanligen 95 procent (p-värde under 0,05).
- Tolkning
- Om det i verkligheten inte finns någon skillnad, skulle en lika stor eller större skillnad uppstå i högst 5 av 100 sådana test. P-värdet säger inte hur sannolikt det är att B är bättre.
Exempel
- Version A
- 1 000 besökare, 20 konverteringar (2,0 procent)
Version B: 1 000 besökare, 30 konverteringar (3,0 procent) - Skillnad
- +1 procentenhet (50 procent relativ förbättring)
- Statistisk signifikans
- Inte uppnådd (p = 0,15 i ett tvåsidigt tvåprovstest av andelar)
- Tolkning
- Skillnaden kan vara slump, och 20 respektive 30 konverteringar är för lite underlag. Inför inte B på det här resultatet.
- Beräkna signifikansen
- Hämta ut data för varje variant och gör beräkningen i ett separat steg. Testets längd och stickprovets storlek bestäms i förväg.
Utvärdera sekundära mål
- Scenario
- B ökar add-to-cart rate med 20 procent men ökar också bounce rate med 30 procent.
- Analys
- Kanske lockar B fel målgrupp? Eller skapar förvirring?
- Beslut
- Undersök vidare innan implementering.
Steg 7: Implementera eller iterera
Om B vinner
- Implementera B permanent
- Dokumentera resultat
- Planera nästa test (fortsätt optimera)
Om A vinner (ingen förbättring)
- Behåll A
- Analysera varför B inte fungerade
- Formulera ny hypotes och testa igen
Om resultatet är inkonklusivt (ingen signifikans)
- Antingen för lite data (planera ett nytt, större test)
- Eller förändringen har ingen påverkan (testa något annat)
Vanliga testscenarier
Testa CTA (call-to-action)
Vad testas
- Text (”Köp nu” vs ”Lägg i varukorg” vs ”Beställ”)
- Färg (grön vs röd vs orange)
- Storlek (stor vs medium)
- Placering (ovanför fold vs nedanför)
Exempel på hypotes ”Knappen märks inte tillräckligt. Större storlek och kontrasterande färg ökar antalet klick.”
Testa rubrik/värdeproposition
Vad testas
- Olika formuleringar av värde
- Längd (kort vs lång)
- Fokus (features vs benefits)
Exempel på hypotes ”Nuvarande rubrik fokuserar på features. En rubrik om benefits väcker starkare känslor och ökar konverteringen.”
Testa bilder
Vad testas
- Produkt-foto vs lifestyle-bild
- Människor vs ingen människa
- Olika produktvinklar
Exempel på hypotes ”En lifestyle-bild hjälper användare att se sig själva med produkten och ökar köplusten.”
Testa förtroendemarkörer
Vad testas
- Lägg till recensioner (ja/nej)
- Lägg till garantier (ja/nej)
- Lägg till betalningsloggor (ja/nej)
Exempel på hypotes ”Recensioner bygger förtroende hos nya besökare och minskar tveksamheten inför köpet.”
Testa formulär
Vad testas
- Antal fält (långt vs kort)
- Layout (single-column vs multi-column)
- Labels (ovanför vs bredvid fält)
- Progress bar (ja/nej)
Exempel på hypotes ”Kortare formulär (sex fält i stället för tolv) minskar friktion och får fler att fylla i hela formuläret.”
Testa prissättning
Vad testas
- Hur pris presenteras (månadskostnad vs årskostnad)
- Decimal mot heltal (9,99 mot 10)
- Rabattframställning (20 procent rabatt mot ”Spara 200 kronor”)
Exempel på hypotes ”Månadspris ser billigare ut än årspris och får fler att registrera sig.”
Testa checkout-flöde
Vad testas
- Single-page checkout vs multi-step
- Guest checkout vs tvingande kontoregistrering
- Fraktkostnad synlig tidigt vs sent
Exempel på hypotes ”Köp utan konto minskar friktion för nya kunder och får fler att slutföra köpet.”
Vanliga misstag i testning
Misstag 1: Testa för många saker samtidigt
- Problem
- Ändra rubrik, CTA-färg och lägg till recensioner i samma test.
- Resultat
- Om B vinner, vad orsakade förändringen? Rubriken? Färgen? Recensionerna? Omöjligt att veta.
- Lösning
- Testa EN sak åt gången (eller använd MVT om tillräckligt med trafik).
Misstag 2: Sluta för tidigt
- Problem
- Avsluta testet efter två dagar eftersom B leder med 5 procent.
- Resultat
- Inte statistiskt signifikant. Skillnaden kan vara slump.
- Lösning
- Låt testet löpa tills den längd och det stickprov som bestämdes före start är uppnådda.
Misstag 3: Ignorera säsongsvariation
- Problem
- Köra test över helg eller under kampanj-period (Black Friday).
- Resultat
- Data skevs av atypiskt beteende.
- Lösning
- Kör test över minst en hel vecka (fånga både vardag och helg). Undvik att starta test under kampanjer.
Misstag 4: Fel målgrupp
- Problem
- Testa nytt checkout-flöde men bara för desktop-användare.
- Resultat
- Ingen insikt om mobil (där majoriteten av trafik kan vara).
- Lösning
- Inkludera all relevant trafik eller gör separata test per segment (desktop vs mobil).
Misstag 5: Ingen uppföljning
- Problem
- B vinner, implementeras, sedan glöms bort.
- Resultat
- Ingen lär sig vad som fungerade eller applicerar insikter på andra delar av sajten.
- Lösning
- Dokumentera varje test. Dela insikter med team. Bygg kunskapsbas.
Arbetsgång för kontinuerlig testning
Steg 1: Skapa plan för tester
Baserat på konverteringsanalys
- Identifiera top 5-10 problem
- Prioritera baserat på impact
Skapa test-backlog: Ordnad lista med test att genomföra.
Exempel
Plan för första kvartalet
- Test: Lägg till recensioner på produktsidor
- Test: Förkorta checkout-formulär
- Test: Ny rubrik på landningssida
- Test: Guest checkout vs tvingande konto
Steg 2: Definiera varje test
För varje test i planen
- Hypotes
- Vad förväntas hända och varför?
- Variant
- Vad ändras exakt?
- Mått
- Vad mäts (primärt och sekundärt)?
- Framgångskriterium
- Vad räknas som framgång? (till exempel minst 10 procents förbättring med 95 procents konfidensgrad)
Steg 3: Förslag på utformning
Designa varianter
Involvera team
- Designer skapar mockups
- Copywriter skriver alternativ text
- Utvecklare bedömer om det går att genomföra tekniskt
Skapa flera alternativ: Om osäkerhet finns, skapa 2-3 varianter att testa (A/B/C-test).
Steg 4: Uppsättning av test
Teknisk implementation
Testet byggs i er egen kodbas eller ert publiceringssystem.
Konfiguration
- Trafik-split (typiskt 50/50)
- Targeting (alla eller specifik målgrupp)
- Tracking av konverteringsmål
QA: Testa att båda versionerna fungerar tekniskt.
Steg 5: Uppföljning
Under test
- Övervaka att tracking fungerar
- Kolla för tekniska problem
- Låt testet löpa till den bestämda längden (avsluta inte i förtid)
Efter test
- Analysera resultat
- Dokumentera fynd
Steg 6: Slutsatser inför nästa test
Vad lärdes
- Vad fungerade? Varför?
- Vad fungerade inte? Varför?
- Kan insikten appliceras på andra sidor?
Planera nästa test
- Baserat på resultat, vad är nästa hypotes?
- Iterera på vinnande variant (kan den förbättras ytterligare?)
Exempel
- Test 1
- Lägg till recensioner → +15 procent add-to-cart (framgång)
- Insikt
- Förtroende är viktigt för konvertering.
- Nästa test
- Testa att lägga till garantier också (”30 dagars pengarna tillbaka”) → Hypotes: Ytterligare förtroendebyggande ökar konvertering mer.
A/B-tester byggs in i era egna system
Koden och innehållet på en webbsida kommer ofta från flera system. Ett externt testverktyg ändrar oftast bara den färdiga sidan i webbläsaren och når inte systemen bakom, så det räcker sällan för att testa ändringar där.
Vi bygger i stället in testet i det system ni redan har, så att varianterna publiceras på samma sätt som resten av sajten.
Så går det till
- Varianterna byggs i er befintliga kodbas eller ert publiceringssystem
- Besökaren får en variant och behåller den under hela testet
- Uppgiften om varianten sparas tillsammans med era egna data
Data hämtas sedan ut och analyseras separat, så att resultatet bygger på era egna siffror.
Det kräver utvecklingsresurser, eftersom testet blir en del av sajten.
Från test till kontinuerlig förbättring
Konverteringstester är inte engångsprojekt. Det är löpande process.
Cykel
- Analysera → Identifiera problem
- Hypotes → Formulera vad som kan förbättra
- Testa → Validera hypotes
- Implementera → Rulla ut vinnare
- Lär → Dokumentera insikter
- Iterera → Nästa test
Upprepa kontinuerligt.
Kontakta oss för konverteringstester
Carnaby hjälper företag sätta upp och genomföra systematiska A/B-tester – från hypotesformulering till statistisk analys till implementation av vinnande varianter.
Kontakta oss
Vill ni veta var ni står i dag?
Ring oss, eller fyll i formuläret så återkommer vi till dig.