UX och konvertering: varför blir inte besökarna kunder?

Ni lägger tid och pengar på att få rätt personer till webbplatsen. Besöken kommer, men förfrågningarna, bokningarna eller köpen blir inte fler. Då är det lätt att dra slutsatsen att ni behöver mer trafik eller en ny design.

Men ofta sitter problemet i ett enskilt steg i kundresan. Besökarna förstår inte vad ni erbjuder, de hittar inte svaret på det de behöver veta för att våga gå vidare, eller så är det svårt att ta sig igenom formuläret eller kassan. Det är tre olika hinder med olika lösningar, och det är i de stegen som användarupplevelsen (UX) avgör konverteringen.

Den här guiden hjälper er besvara frågan varför blir inte fler besökare kunder, och vad ska vi ändra först? För varje hinder får ni se hur det brukar märkas, hur ni tar reda på om det finns hos er och hur ni bedömer om en ändring faktiskt hjälpte.

Friktion påverkar både hur många som konverterar och om besökarna kommer tillbaka.

Börja med att hitta var besökarna försvinner

Innan ni väljer lösning behöver ni veta var i kundresan besökarna slutar. Ett problem på sidans första skärm kräver en annan ändring än ett problem i sista steget av kassan.

1. Bestäm vilket nästa steg som räknas. Det kan vara en offertförfrågan, en bokning, ett köp eller ett samtal. Har ni flera mål, börja med det som ligger närmast affären.
2. Kontrollera att mätningen stämmer. Skicka formuläret och genomför ett testköp själva, på både mobil och dator. Kommer förfrågan fram, och registreras den i statistiken? Jämför antalet med det som faktiskt kommer in till säljare eller kundtjänst. Besökare som inte godkänner statistikcookies kan saknas i statistiken, så räkna inte med att siffrorna blir exakta.
3. Följ stegen fram till målet. Med en trattutforskning i Google Analytics 4 ser ni hur många som går vidare från ett steg till nästa och var de lämnar. Dela upp resultatet på enhet och trafikkälla. Ett problem som bara syns på mobilen, eller bara för besökare från en viss kampanj, pekar ofta mot orsaken.
4. Ta reda på varför. Statistiken visar var besökarna försvinner men sällan varför. Det får ni veta genom användartester, sessionsinspelningar, korta enkäter på webbplatsen och de frågor som kunderna ställer till säljare och kundtjänst.

Bekräfta orsaken från mer än ett håll. När statistiken visar att många lämnar ett visst steg, och användartester eller kundernas frågor förklarar varför, har ni ett bättre beslutsunderlag än en enskild siffra eller en intern åsikt.

Sessionsinspelningar och värmekartor samlar in uppgifter om hur besökare beter sig. Kontrollera därför hur verktyget hanterar samtycke, och maskera fält där besökare skriver in personuppgifter.

AI-verktyg kan korta analysarbetet, till exempel genom att sammanfatta enkätsvar och supportärenden eller föreslå vad som är värt att testa. De ersätter inte kontrollen mot hur riktiga besökare beter sig. Personanpassade sidor är heller ingen genväg: ett erbjudande som är otydligt för alla blir inte tydligare av att visas i fler versioner.

Hinder 1: besökaren förstår inte erbjudandet

Det första besökare försöker avgöra är om de har kommit rätt. Vad erbjuder ni, till vem, och vad händer om de går vidare? Om svaret inte framgår direkt är det lätt att lämna sidan innan de ens har läst om det som skiljer er från andra.

Tecken på att erbjudandet är otydligt

• Många landar på sidan, men få går vidare till nästa steg, som att läsa mer, jämföra eller kontakta er.
• Skillnaden är stor mellan trafikkällor. Om besökare från en viss annons eller sökning sällan går vidare kan sidan säga något annat än annonsen eller sökresultatet lovade.
• Ni får förfrågningar om sådant ni inte erbjuder, eller från kunder som inte passar er.
• Säljare och kundtjänst behöver ofta förklara grunderna i vad ni gör.

Så tar ni reda på vad besökarna uppfattar

• Jämför landningssidor och trafikkällor. Leta efter sidor och kampanjer med många besök men få som går vidare. Läs annonsen eller sökfrågan och sidans första skärm efter varandra. Hänger löftet ihop?
• Testa förstaintrycket. Visa sidans första skärm för någon i målgruppen en kort stund. Be personen berätta vad ni erbjuder, för vem och vad nästa steg är. Om svaren skiljer sig från det ni vill förmedla har ni hittat ett problem.
• Gör användartester. Ge några personer ur målgruppen en uppgift, till exempel att ta reda på om ni kan hjälpa dem, och be dem tänka högt medan de letar. Ta gärna med personer med olika förutsättningar, till exempel någon som använder förstoring eller skärmläsare. Enligt W3C förbättrar många tillgänglighetskrav användbarheten för alla, särskilt i situationer där förutsättningarna är begränsade.
• Titta på scroll och klick. Värmekartor (heatmaps) visar om besökarna når den viktiga informationen och om de klickar på sådant som inte går att klicka på.

Ändra budskapet och följ vad som händer

• Skriv om första skärmen så att den svarar på vad ni erbjuder, för vem och vad kunden får ut av det. Använd kundernas egna ord från säljsamtal, omdömen och sökfrågor.
• Låt sidan fortsätta det som annonsen eller sökresultatet lovade: samma erbjudande, samma ord och ett tydligt nästa steg.
• Gör ett huvudsakligt nästa steg tydligt. Erbjud ett mindre steg för den som inte är redo, till exempel att läsa om vad som påverkar priset eller se ett kundcase.
• Ta bort sådant som konkurrerar om uppmärksamheten utan att hjälpa beslutet, som bildspel och allmänna påståenden.

Följ andelen som går vidare från sidan, uppdelat på trafikkälla. Om trafiken räcker kan ni A/B-testa en ny första skärm mot den gamla. Annars upprepar ni förstaintryckstestet med nya personer och följer utvecklingen över jämförbara perioder. Titta också på förfrågningarnas kvalitet: färre men mer relevanta förfrågningar kan vara ett bättre resultat. Läs mer om hur ni bygger landningssidor som fortsätter samtalet från annonsen.

Hinder 2: information eller förtroende saknas vid beslutet

En besökare kan ha förstått erbjudandet och ändå låta bli att gå vidare. Ofta saknas svaret på en sista fråga. Vad kostar det? När kan ni leverera? Vad händer efter att jag har skickat förfrågan? Kan jag lita på er? Om svaret inte finns där beslutet tas söker besökaren vidare, ringer eller skjuter upp beslutet.

Tecken på att svar eller förtroende saknas

• Besökare rör sig fram och tillbaka mellan tjänstesida, prissida, vanliga frågor och sidan om företaget, och lämnar sedan.
• Samma frågor återkommer till säljare, kundtjänst eller chatt innan kunder vågar beställa.
• Många lämnar när pris, frakt eller villkor visas.
• I en e-handel får produktsidorna många visningar, men få produkter läggs i varukorgen.

Så hittar ni frågorna som stoppar beslutet

• Samla kundernas frågor. Be säljare och kundtjänst notera vad kunder frågar innan de köper eller skickar en förfrågan. Gå också igenom chatt, e-post och vad besökare söker efter i webbplatsens sökfunktion. Gruppera frågorna och kontrollera var på webbplatsen de besvaras, om de besvaras alls.
• Titta på vägarna före avhoppet. Vilka sidor besöks precis innan besökarna lämnar? Sessionsinspelningar kan visa när någon letar, till exempel scrollar fram och tillbaka eller öppnar samma sidor flera gånger.
• Fråga dem som nyss har bestämt sig. En kort fråga efter köpet eller förfrågan, om vad som fick dem att tveka, visar vilka invändningar kunderna faktiskt hade.
• Fråga i användartester vad som saknas. Be deltagarna avgöra om de skulle kontakta er eller köpa, och varför eller varför inte.

Svara där beslutet tas och följ upp

• Placera svaren på de viktigaste frågorna nära knappen eller formuläret, inte bara på en separat sida med vanliga frågor.
• Om ni inte kan visa ett fast pris, förklara vad som påverkar priset. Berätta också vad som händer efter att kunden har hört av sig.
• Visa kundbevis som hör ihop med det besökaren ska bestämma sig om: ett relevant kundcase, omdömen från liknande kunder eller referenser. Använd bara verkliga uppgifter som ni kan stå för. Läs mer om kundbevis som hjälper besökare fatta beslut.
• Gör det lätt att se vilket företag som står bakom webbplatsen och hur man når er.
• Skapa inte konstgjord brådska. Visa lagerstatus och leveranstid när uppgifterna stämmer, men undvik nedräkningar och påståenden om knapphet som inte är sanna.

Ett tydligt tecken på förbättring är att de återkommande frågorna blir färre hos säljare och kundtjänst. Följ också andelen som går från sidan vidare till formulär, varukorg eller kassa. Med tillräcklig trafik kan ni A/B-testa ett informationsblock nära knappen. Tydligare information kan ge färre men bättre förfrågningar, eftersom de som inte passar sorterar bort sig själva. Bedöm därför resultatet tillsammans med säljarna.

Hinder 3: det är svårt att slutföra formuläret eller köpet

Här har besökaren redan bestämt sig. Ändå går affären förlorad om formuläret kräver för mycket, felmeddelandena är otydliga eller kassan överraskar med en kostnad i sista steget. Eftersom kunden är så nära målet är varje hinder i det här skedet extra dyrt.

Mobilen kräver särskild uppmärksamhet. I en värld där majoriteten av all webbtrafik nu sker via mobila enheter är en mobile-first-strategi inte längre ett val – det är en absolut nödvändighet. Ett formulär som fungerar bra på datorn kan vara svårt att fylla i på en liten skärm.

Tecken på att flödet stoppar kunden

• Många påbörjar formuläret eller kassan, men få slutför.
• Avhoppen samlas vid ett visst fält eller steg, till exempel kontoregistrering, frakt, betalning eller ett obligatoriskt fält som känns onödigt.
• Andelen som slutför är lägre på mobilen än på datorn.
• Kunder hör av sig och säger att formuläret inte fungerade, eller så kommer förfrågningar in med ofullständiga uppgifter.

Så ser ni var i flödet det går fel

• Följ varje steg i en tratt. Mät från påbörjat till skickat formulär, eller från varukorg till genomfört köp, och dela upp på enhet och webbläsare.
• Använd formuläranalys. Med ett verktyg för formuläranalys eller egen mätning ser ni vilka fält som tar lång tid, lämnas tomma eller ger felmeddelanden, och vid vilket fält besökarna ger upp.
• Titta på inspelningar av formuläret. Se hur felmeddelanden visas, om rätt tangentbord dyker upp på mobilen och om något hoppar eller döljs.
• Gå igenom flödet själva. Fyll i formuläret och genomför ett köp på mobilen, med enbart tangentbordet och med felaktiga uppgifter. W3C:s vägledning för formulär beskriver bland annat hur etiketter, instruktioner, validering och meddelanden till användaren bör fungera.

Förenkla flödet och mät hur många som slutför

• Ta bort fält som inte behövs för att ta nästa steg, och fråga efter resten senare. Förklara varför ni frågar efter uppgifter som telefonnummer.
• Använd tydliga etiketter, inte bara exempeltext i fälten. Skriv felmeddelanden som förklarar hur felet rättas, visa dem vid fältet det gäller och behåll det som redan är ifyllt.
• Låt kunden handla utan att skapa konto. Visa den totala kostnaden, inklusive frakt, innan sista steget.
• Anpassa för mobilen: rätt tangentbord för siffror och e-post, stöd för autofyll och knappar och länkar som är tillräckligt stora för att enkelt kunna tryckas på med ett finger (minst 48x48 pixlar rekommenderas).
• Bekräfta att förfrågan eller köpet har gått fram och berätta vad som händer sedan.

Följ andelen som slutför av dem som påbörjar, och hur ofta felmeddelanden visas, uppdelat på enhet. Ett formulär som många påbörjar är ofta en bra plats för ett A/B-test. Fråga också säljarna om förfrågningarna fortfarande innehåller det de behöver. Har ni tagit bort fält kan de uppgifterna i stället samlas in vid första kontakten.

Fördjupa er i formulär som gör det enklare att bli kund och checkout-optimering för e-handel. Baymard Institute har publicerat omfattande användbarhetsforskning om kassor. Den är ett bra underlag för att hitta problem, men ingen garanti för hur just er kassa fungerar.

Psykologin bakom konverteringsdriven design

De tre hindren handlar i grunden om hur människor fattar beslut. Några välkända psykologiska principer kan ge idéer till vad ni ska pröva, särskilt när erbjudandet ska kännas enkelt (hinder 1 och 3) och tryggt (hinder 2):

• Kognitiv lättnad: Förenkla gränssnitt och minimera antalet val för att göra beslutsprocessen smidigare.
• Socialt bevis (Social Proof): Använd kundrecensioner, betyg och testimonials för att bygga förtroende och validera beslutet.
• Knapphetsprincipen (Scarcity): Visa begränsad tillgänglighet (t.ex. "endast 2 kvar i lager") för att skapa en känsla av brådska. Uppgiften måste stämma. Enligt marknadsföringslagen måste all marknadsföring vara sann och får inte vilseleda, så påståenden om lagerstatus eller tidsbegränsade erbjudanden får bara användas när de är sanna.
• Auktoritetsprincipen: Visa upp certifieringar, utmärkelser eller partnerskap för att etablera trovärdighet.
• Reciprocitetsprincipen: Erbjud något av värde gratis, som en e-bok eller en checklista, för att skapa en känsla av tacksamhetsskuld som kan leda till en framtida konvertering.

Behandla principerna som hypoteser och följ upp dem på samma sätt som andra ändringar.

Vilken ändring ska ni göra först?

När ni har hittat flera hinder behöver ni bestämma i vilken ordning de ska åtgärdas. Utgå från den här ordningen:

1. Det som är trasigt. Formulär som inte skickas, knappar som inte fungerar på mobilen, felaktiga priser eller mätning som inte registrerar förfrågningar. Rätta det direkt. Det behöver inte testas. Hit hör också sidor som laddar så långsamt att besökarna ger upp. Läs mer om sidhastighet och konvertering.
2. Det som stoppar många nära beslutet. Ett hinder i ett steg som många når, och som ligger nära förfrågan eller köpet, påverkar fler affärer än en detalj på en sida som få besöker.
3. Det som flera underlag pekar på. När statistik, användartester och kundernas frågor visar samma problem är skälet att agera starkare än när det bara finns en enskild observation.
4. Det som går att genomföra och följa upp. Välj hellre en avgränsad ändring som ni kan mäta än ett stort projekt där många saker ändras samtidigt.

Vänta med en helt ny design tills ni vet vad som hindrar besökarna. En omgörning ändrar många saker på en gång. Då är det svårt att veta vad som hjälpte, och ni riskerar att ta bort sådant som redan fungerade.

A/B-test eller noggrant följd förändring?

När ni har gjort en ändring vill ni veta om den hjälpte. Det finns två huvudvägar, och vilken som passar beror främst på hur många som når steget ni har ändrat.

När ett A/B-test är rätt verktyg

I ett A/B-test delas besökarna slumpmässigt mellan den gamla och den nya versionen under samma period. Båda versionerna påverkas då av samma säsong, kampanjer och omvärld. Forskare på Microsoft beskriver hur slumpmässig fördelning och ett genomtänkt upplägg gör det möjligt att fastställa orsakssamband vetenskapligt. En jämförelse före och efter kan inte på samma sätt skilja ändringens effekt från allt annat som har hänt under samma tid.

Ett A/B-test passar när:

• tillräckligt många besökare når steget, och tillräckligt många av dem konverterar, för att en verklig skillnad ska gå att skilja från slumpen inom rimlig tid
• ni har en tydlig hypotes om vad ändringen ska förbättra och varför
• ni bestämmer mått, testperiod och beslutsregel innan testet startar

Hur mycket trafik som krävs beror på hur vanlig konverteringen är och hur stor skillnad ni vill kunna upptäcka. Räkna på det innan ni börjar, och avbryt inte testet så fort en version ser ut att leda. Läs mer i guiden om A/B-testning.

När trafiken inte räcker för ett test

Har ni för få besökare eller förfrågningar för ett tillförlitligt test behöver ni inte gissa. Gör så här i stället:

• Testa med användare före och efter. Låt några personer ur målgruppen göra samma uppgift på den gamla och den nya versionen. Då ser ni om problemet är löst, även om ni inte kan mäta hur stor effekten blir.
• Gör en avgränsad ändring i taget och dokumentera den. Skriv ned vad ni ändrade, när och varför.
• Jämför likvärdiga perioder. Jämför till exempel lika många hela veckor före och efter ändringen, och notera kampanjer, säsong, prisändringar och annat som kan påverka.
• Följ kvaliteten, inte bara antalet. Stäm av med säljarna hur många förfrågningar som var relevanta och hur många som blev affärer.

En noggrant följd förändring bevisar inte orsakssamband på samma sätt som ett A/B-test. Men med tydlig dokumentation och flera underlag som pekar åt samma håll fattar ni ett betydligt bättre beslut än med en gissning.

Ett tänkt exempel: offertsidan med besök men få förfrågningar

Exemplet är påhittat för att visa arbetsgången. Det bygger inte på en kunds data och beskriver inga uppmätta resultat.

Tänk er ett städföretag som säljer kontorsstädning till andra företag. Offertsidan får besök från både sökannonser och organisk sökning, men förfrågningarna blir inte fler.

1. Var försvinner besökarna? En trattutforskning visar att många öppnar offertformuläret men att förhållandevis få skickar det. Skillnaden är tydligast på mobilen.
2. Varför? Sessionsinspelningar visar att många stannar vid det obligatoriska fältet för kontorsyta i kvadratmeter. Felmeddelandet visas längst ned i formuläret och hamnar utanför skärmen på mobilen. Säljarna berättar att de som ringer i stället ofta frågar om avtalet har bindningstid och vad som händer efter förfrågan.
3. Vilka hinder handlar det om? Främst hinder 3, formuläret. Men också hinder 2, eftersom frågan om bindningstid inte besvaras där beslutet tas.
4. Vad ändras först? Felmeddelandet som hamnar utanför skärmen är ett fel och rättas direkt. Därefter görs fältet för kontorsyta frivilligt, med alternativet ”Vet inte”. Information om bindningstid och om vad som händer efter förfrågan läggs till vid knappen i ett senare skede, så att effekterna går att hålla isär.
5. Hur bedöms ändringen? Förfrågningarna är för få för ett A/B-test. Företaget testar därför det nya formuläret med några personer ur målgruppen, dokumenterar ändringen och jämför andelen skickade av påbörjade formulär under lika långa perioder före och efter ändringen av fältet. Säljarna bedömer om förfrågningarna fortfarande räcker som underlag för en offert, och frågar efter kontorsytan i första samtalet när den saknas.

Om fler skickar formuläret och förfrågningarna fortfarande är relevanta behåller företaget ändringen och går vidare till nästa hinder. Om inte, går det tillbaka till inspelningarna och säljarnas anteckningar.

Verkliga exempel: företag som lyckats med UX

Teori är en sak, men verkliga resultat talar sitt tydliga språk. Flera framstående företag har byggt sina imperier på en grund av exceptionell användarupplevelse. Genom att studera dessa framgångssagor kan vi extrahera värdefulla lärdomar och se hur principerna för konverteringsdriven design tillämpas i praktiken. Dessa företag har förstått att en investering i UX inte är en kostnad, utan en av de mest lönsamma investeringar man kan göra. De har förvandlat komplexa processer till enkla, njutbara upplevelser och därigenom vunnit kundernas lojalitet och pengar.

• Amazon: Mästerlig på att minska friktion i köpprocessen med funktioner som 1-Click-köp och personaliserade rekommendationer. Deras ständiga A/B-testande av varje liten detalj är legendariskt.
• Airbnb: Förvandlade en osäker process (att hyra från en främling) till en trygg och angenäm upplevelse genom enastående design, sociala bevis i form av recensioner och ett starkt, förtroendeingivande varumärke.
• Dropbox: Löste ett komplext problem (filsynkronisering) med en extremt enkel och nästan osynlig lösning. Deras onboarding-process, som belönar användaren för att utforska funktioner, är ett skolboksexempel på bra UX.
• Klarna: Revolutionerade onlinebetalningar genom att erbjuda en smidigare och mer flexibel kassaupplevelse. Genom att ta bort kravet på att fylla i långa kortnummer och adresser direkt vid köptillfället sänkte de tröskeln för konvertering dramatiskt.

I exemplen känns de tre hindren igen: enkelhet (Dropbox), förtroende (Airbnb) och ett smidigt köp (Amazon och Klarna).

Så går ni vidare

Svaret på varför inte fler besökare blir kunder behöver inte vara en ny design eller mer trafik. Börja i de steg där besökarna slutar, och i skälen till att de gör det.

1. Bestäm vilket nästa steg som räknas och kontrollera att mätningen stämmer.
2. Hitta steget där flest besökare försvinner, uppdelat på enhet och trafikkälla.
3. Avgör vilket hinder det gäller: ett otydligt erbjudande, saknad information eller förtroende, eller ett formulär eller köp som är svårt att slutföra.
4. Rätta det som är trasigt direkt, och prioritera resten efter hur många det påverkar och hur nära beslutet det ligger.
5. A/B-testa när trafiken räcker. Följ annars ändringen över jämförbara perioder, med användartester och säljarnas bedömning.

Om ni vill ha stöd i arbetet beskriver vi på sidan om UX och konverteringsoptimering hur vi undersöker hinder i kundresan och följer upp förbättringarna.

Vanliga frågor

Vad är skillnaden mellan UX och konverteringsoptimering?

UX, användarupplevelse, handlar om hur lätt det är för besökare att förstå, använda och lita på webbplatsen. Konverteringsoptimering, CRO, handlar om att systematiskt öka andelen relevanta besökare som tar ett visst nästa steg, som en förfrågan eller ett köp. I praktiken hänger de ihop: UX-arbetet hittar och minskar hindren, och konverteringsoptimeringen följer upp om fler tar nästa steg.

Vad ska vi ändra först på webbplatsen?

Rätta först det som är trasigt, som formulär som inte skickas eller mätning som inte fungerar. Prioritera sedan hinder i steg som många besökare når och som ligger nära förfrågan eller köpet, särskilt när både statistik och kundernas frågor pekar på samma problem.

Behöver vi göra om hela webbplatsen?

Inte som första steg. Ta först reda på var och varför besökarna slutar. En helt ny design ändrar många saker samtidigt, vilket gör det svårt att veta vad som hjälpte. Om hindren ligger i webbplatsens teknik eller struktur kan en ombyggnad ändå vara rätt, men då med tydliga mål för vad den ska lösa.

Har vi tillräckligt med trafik för A/B-test?

Det beror på hur många som når steget ni vill ändra, hur ofta de konverterar och hur stor skillnad ni behöver kunna upptäcka. Räkna på det innan testet startar. Räcker trafiken inte kan ni använda användartester och följa ändringen noggrant över jämförbara perioder i stället.

Hur vet vi om en ändring har gett fler kunder?

Jämför andelen som tar nästa steg under likvärdiga perioder och notera kampanjer, säsong och andra förändringar. Stäm också av med säljare eller orderdata hur många förfrågningar som var relevanta och blev affärer. Ett A/B-test ger det säkraste svaret när trafiken räcker.

Om uppdateringen 24 september 2026: Artikeln är omskriven kring tre vanliga hinder i kundresan, hur de upptäcks och hur ändringar bedöms. Avsnittet om AI och framtiden är kraftigt förkortat.