UX och konvertering hänger ihop

UX, användarupplevelsen, avgör hur lätt det är för besökaren att göra det ni byggt sajten för. Ju mer friktion på vägen, desto fler hoppar av, och friktion är förlorad konvertering. Den här guiden går igenom var friktionen sitter, hur den syns i er data, vilka fallgropar som kostar mest, och var gränsen går mot webb och teknik.

Vår syn

Användbarhet slår trick. Den sida som är lätt att använda konverterar bättre än den som försöker övertala ovanpå friktion. Ta bort det som står i vägen först, lägg till övertygelse sedan, och mät mot affären i stället för mot smak.

UX som konverteringshävstång.

UX, användarupplevelsen, handlar om hur lätt det är för besökaren att göra det ni byggt sajten för: köpa, boka, fylla i formuläret, ta kontakt. Ju mindre besökaren behöver anstränga sig, desto fler tar sig hela vägen. Det gör UX till en konverteringsfråga innan det är en smakfråga:

  • Användbarhet före övertalning. En sida kan ha övertygande argument och ändå tappa besökaren om knappen är svår att hitta eller formuläret krångligt. Först när det är lätt att göra rätt börjar copyn spela roll.
  • Friktion är förlorad konvertering. Varje extra fält, oväntat steg eller otydlig instruktion får en andel besökare att ge upp. Friktionen syns sällan i en enskild siffra, men den läcker konvertering i varje steg av tratten.
  • UX är mätbart, inte tyckande. Att en sida känns fin säger lite om den konverterar. Det som räknas är om besökaren når målet, och det går att observera i data i stället för att gissa utifrån smak.

God användbarhet är inte en åsikt utan ett hantverk med etablerade principer. Nielsen Norman Groups introduktion till användbarhet sammanfattar vad som gör ett gränssnitt lätt att använda: att det går att lära sig, att det är effektivt, och att fel är lätta att undvika och rätta. UX-arbete för konvertering handlar om att ta bort det som står mellan besökaren och handlingen, inte om att lägga mer övertalning ovanpå friktionen.

Var friktionen sitter.

Friktion är allt som gör det svårare än nödvändigt för besökaren att nå målet. Den sitter sällan på ett ställe, utan sprider sig genom flödet. De vanligaste källorna går att känna igen:

  • Kognitiv belastning och för många val. En sida som ber besökaren tänka, jämföra eller bestämma för mycket på en gång tappar den som bara ville göra en sak. Färre och tydligare val sänker tröskeln.
  • Dålig formulärdesign. Formuläret är ofta där flest hoppar av. Onödiga fält, oklara felmeddelanden och krav som avslöjas först när besökaren försöker skicka får folk att lämna precis före mål.
  • Otydlig copy och CTA. Om besökaren inte förstår vad som händer efter klicket, eller vad nästa steg är, tvekar den. En knapp som bara säger "Skicka" utan sammanhang skapar mer tvekan än en som säger vad besökaren faktiskt får.
  • Långsam sida. Väntan är friktion. En sida som laddar trögt tappar besökare innan innehållet ens synts, och känslan av seghet sitter kvar genom hela flödet.
  • Mobil som eftertanke. När layouten byggs för desktop och sedan kläms in på mobil blir knappar för små, formulär för långa och text för tät. En stor del av trafiken möter då den sämsta versionen av sidan.
  • Oklart nästa steg. Besökaren ska aldrig behöva leta efter vad den ska göra. När nästa steg inte är uppenbart avstannar rörelsen genom tratten, och en avstannad besökare konverterar sällan.

Baymard Institute har genom omfattande användbarhetsstudier kartlagt hur formulär och kassaflöden får besökare att överge köp, och deras återkommande slutsats är att de flesta avhopp beror på undvikbar friktion, inte på ointresse. Den som vill hitta sin egen friktion börjar inte i en checklista utan i det egna flödet: var tvekar besökaren, var blir det krångligt, var försvinner de?

Hur UX syns i datan.

Friktion är sällan synlig som ett enskilt fel, men den lämnar spår i datan. Innan ni bygger om något är det spåren ni ska läsa, för de visar var besökaren faktiskt kämpar, inte var ni tror att de gör det:

  • Avhopp i tratten. När en tydlig andel besökare försvinner mellan två steg sitter friktionen oftast i steget de lämnar. Tratten pekar ut var, även om den inte alltid säger varför.
  • Formulärövergivning. Besökare som börjar fylla i men aldrig skickar signalerar att något i formuläret stoppar dem: ett fält för mycket, ett krav de inte förstod, ett fel de inte kunde rätta.
  • Rage-clicks (upprepade frustrerade klick). När besökare klickar hårt eller om och om igen på samma element försöker de få något att fungera som inte gör det. Det är friktion som syns nästan i realtid.
  • Korta sessioner och snabba utgångar. Besökare som lämnar nästan direkt hann sällan ens börja. Det pekar ofta på fel förväntan, långsam sida eller ett oklart första intryck.

Det här är rådata, inte slutsatser. En hög avhoppssiffra säger var, men vilken hypotes som förklarar varför, och vad ni testar först, hör hemma i hypotesarbete och prioritering. Att läsa signalerna mätt mot affären, inte mot hur sidan ser ut, är kärnan i konverteringsoptimering: beslutsunderlag, inte status. Och eftersom analysen vilar på er egen spårning ska den datan vara er, så att lärdomarna stannar kvar även om ni byter leverantör: ni äger datan.

Vanliga fallgropar.

UX-arbete för konvertering spårar oftast ur på samma sätt: fokus hamnar på fel saker. Fem fallgropar återkommer:

  • Övertalningstricks före användbarhet. Nedräkningar, popup-rutor och "bara två kvar" läggs ovanpå ett flöde som fortfarande krånglar. Det är att måla om en dörr som klämmer. Ta bort friktionen först, lägg till övertygelse sedan.
  • Omdesign efter smak i stället för data. En ny design för att den gamla "kändes daterad" byter ut det ni vet mot det ni gissar. Utan att veta var besökarna faktiskt fastnar riskerar en omdesign att flytta friktionen snarare än att ta bort den.
  • Dark patterns. Att lura besökaren till ett köp, en prenumeration eller ett samtycke med vilseledande design höjer kanske en siffra på kort sikt, men skadar tilliten och leder till ånger, returer och avhopp. Undvik dem: kortsiktig konvertering till priset av långsiktig relation är en dålig affär.
  • Desktop-först-tänk. När designen tas fram på en stor skärm och mobilen får bli en anpassning i efterhand möter merparten av besökarna den sämsta versionen. Utgå från den minsta skärmen, så håller flödet hela vägen upp.
  • Tillgänglighet som eftertanke. Ett gränssnitt som stänger ute den som ser dåligt, navigerar med tangentbord eller använder skärmläsare stänger också ute konvertering. Tillgänglighet är dessutom ett lagkrav för många, men gränsen mot regelverk och WCAG hör till tillgänglighet i webbutveckling, inte hit.

Nielsen Norman Groups genomgång av vilseledande design visar varför tricken kostar mer än de ger: besökare som känner sig lurade kommer inte tillbaka. Den gemensamma nämnaren i fallgroparna är att de försöker vinna konvertering utan att göra det lättare att konvertera. En erfaren hand uträttar på en timme vad en ovan gör på fyra, ofta just för att den vet vilka av de här återvändsgränderna som inte är värda att gå ner i.

UX, CRO och webb.

UX, konverteringsoptimering och webbutveckling går in i varandra, och mycket UX-arbete stannar av för att problemet egentligen ligger i en angränsande disciplin. En enkel uppdelning hjälper:

  • Det är UX och CRO om friktionen sitter i flödet: för många steg, otydlig copy, formulär som krånglar, oklart nästa steg. Det går att observera i besökarnas beteende och förbättra i design och innehåll.
  • Det är ett webb-jobb om grunden är teknisk. En sida som laddar för långsamt är i sig dålig UX, men hastighet fixas i bygget, inte i copyn. Hur sidhastighet mäts och förbättras hör till Core Web Vitals.
  • Det är tillgänglighet om gränssnittet stänger ute besökare med olika förmågor. Det överlappar med UX, men drivs också av WCAG och lagkrav, vilket tillgänglighet i webbutveckling går igenom.
  • Statistiken bakom besluten är ett eget hantverk. Om en förändring faktiskt gav effekt, och när ett resultat är värt att lita på, hör till A/B-test och signifikans, inte hit.

Googles guide till page experience är en bra ingång till var UX möter teknik, eftersom hastighet, stabilitet och mobilanpassning både är rankningssignaler och friktionskällor. Skiljelinjen är sällan knivskarp, men den är ofta den första frågan värd att ställa: sitter problemet i flödet, i bygget eller i mätningen? Vill ni att någon läser ert konverteringsflöde och pekar ut var friktionen faktiskt sitter, se hur Memorise arbetar med konvertering.

Få en kostnadsfri UX-genomgång av ert konverteringsflöde.

Skicka er webbadress och den viktigaste handlingen ni vill att besökarna gör, så tittar vi på var friktionen sitter: formulär, flöde, mobil, nästa steg. Ni får en konkret bild av vad som skulle flytta nålen, mätt mot affären.

Skriv till oss

Vanliga frågor om UX och konvertering

Hur påverkar UX konverteringsgraden?

UX avgör hur lätt det är för besökaren att göra det ni vill: köpa, boka, fylla i formuläret. Varje onödigt steg, otydlig instruktion eller sekunds väntan får en andel besökare att hoppa av. Bättre användbarhet sänker den tröskeln, så att fler av samma besökare når målet. Friktion är därför förlorad konvertering, och att ta bort friktion höjer konverteringsgraden utan att ni behöver mer trafik.

Vad är friktion i UX?

Friktion är allt som gör det svårare än nödvändigt för besökaren att nå målet: för många val, krångliga formulär, otydlig copy, långsam sida, en mobilupplevelse som är en eftertanke, eller ett oklart nästa steg. Friktionen syns sällan som ett enskilt fel, men den läcker konvertering i varje steg av tratten.

Är UX och CRO samma sak?

Nej, men de överlappar. UX handlar om hur lätt och begriplig upplevelsen är. Konverteringsoptimering (CRO) är det systematiska arbetet med att få fler besökare att slutföra en handling, ofta genom att ta bort UX-friktion och testa förbättringar. UX är alltså en av de största hävstängerna i CRO, men CRO omfattar också mätning, hypoteser och test som går utöver ren design.

Hur vet jag om det är ett UX-problem eller ett webb-problem?

Titta på var det tar stopp. Om besökare hoppar av i formuläret, tvekar vid otydlig copy eller inte hittar nästa steg är det UX. Om sidan laddar långsamt, är instabil eller har tekniska fel som inte går att copy-fixa är det ett webb-jobb. Hastighet är i sig dålig UX, men den löses i bygget, inte i texten. En genomgång börjar med att skilja på de två.

Vad är dark patterns?

Dark patterns, eller vilseledande design, är grepp som lurar besökaren att göra något den inte tänkt: dolda kostnader, förvalda kryssrutor, en "nej tack" som är svår att hitta. De kan höja en siffra på kort sikt, men skadar tilliten och leder till ånger, returer och avhopp. Att ta bort friktion är motsatsen: att göra det lätt att göra rätt, inte svårt att göra fel.

Vidare läsning