Produkteksempel · Betaling

Klarna

Betalingsudbyderen der gjorde checkout til sit varemærke: express-betaling, "betal senere" og et gennemført flow, der fjerner så mange trin som muligt mellem kurv og køb.

Analyseret Juli 20268 min læsning4 principper
UX-scorecard8.6 /10
  • Navigation8.5
  • Visuelt design8.7
  • Performance8.6
  • Onboarding8.8
  • Tilgængelighed8.4
klarna.com
Klarna — produktskærmbillede

Executive summary

Klarna scorer 8,6, fordi hele produktet er bygget om ét mål: at fjerne så mange trin som muligt mellem "læg i kurv" og "køb gennemført". På den danske forside er det reduceret til tre synlige valg — betal nu, i 3 dele eller om 30 dage — og for tilbagevendende kunder forudvælger Klarna sig selv som betalingsmetode, så et køb kan gennemføres uden at skulle taste adresse eller kortnummer igen.13

Det er en direkte anvendelse af genkendelse frem for genkald: brugeren skal bekræfte information, systemet allerede kender, i stedet for at hente den frem fra hukommelsen. Klarna oplyser selv, at denne Express Checkout-vej kan gøre selve betalingstrinnet op til 5 gange hurtigere end et normalt forløb — et konkret, målbart udtryk for, hvor meget friktion der er skåret væk.52

Den samme friktionsløshed er også det, der holder scoren under topkarakter. Når "betal senere" og ratebetaling vises lige så prominent som at betale nu, er det god konverterings-UX efter lærebogen — men det er også et flow, EU's reviderede forbrugerkreditdirektiv nu udtrykkeligt udvider forbrugerbeskyttelsen til at dække, fordi den slags løsninger tidligere faldt uden for de klassiske kreditregler. Det er ikke en dom over Klarnas design, men en påmindelse om, at et frictionless flow om penge altid bør vurderes på mere end konverteringsrate alene.7

Kort fortalt

  • Express Checkout forudvælger Klarna og forududfylder adresse/betaling for tilbagevendende kunder.
  • Betalingsvalget er skåret ned til tre tydelige muligheder: betal nu, i rater eller om 30 dage.
  • Klarna oplyser selv, at Express Checkout kan gøre betalingstrinnet op til 5 gange hurtigere.
  • Genkendelse frem for genkald er det bærende UX-princip bag hele flowet.
  • Den samme prominente placering af "betal senere" er nu omfattet af EU's reviderede forbrugerkreditregler.

Hvad gør siden rigtig godt?

  1. Express Checkout forudvælger og forududfylder

    For kunder, der har betalt med Klarna før, forudvælges Klarna automatisk som betalingsmetode, og adresse og forsendelsesvalg er allerede udfyldt — brugeren skal kun bekræfte, ikke genindtaste.23

  2. Genkendelse frem for genkald i praksis

    Ved at vise allerede kendt information til godkendelse i stedet for at bede brugeren huske og genindtaste den, følger flowet direkte det klassiske usability-princip om, at genkendelse belaster hukommelsen langt mindre end frit genkald.5

  3. Tre tydelige betalingsvalg, ikke et katalog af muligheder

    Den danske forside præsenterer "Betal nu", "Betal i 3 dele" og "Betal om 30 dage" som tre skarpt adskilte, letforståelige valg frem for en lang liste af finansieringsprodukter.1

  4. Konsekvent brand-genkendelse på tværs af handlende

    Klarna kræver, at logo og branding er ens genkendelige på tværs af enhver handlendes checkout, så tilliden til betalingsmetoden opbygges én gang og genbruges — uanset hvilken webshop kunden handler hos.3

  5. Appen samler flow og opfølgning ét sted

    Efter købet fortsætter det lave-friktion-princip i appen, hvor kvitteringer, leveringsstatus og betalingsoversigt for over 119 millioner brugere verden over samles ét sted i stedet for at være spredt på mails fra hver enkelt handlende.4

Forbedringsmuligheder

  1. Prominensen af "betal senere" rejser et ansvarligheds-spørgsmål

    Når ratebetaling og udskudt betaling vises lige så fremtrædende som at betale med det samme, optimerer designet reelt for konvertering på linje med et kreditvalg — netop den type produkt, EU's reviderede forbrugerkreditdirektiv nu udvider den formelle forbrugerbeskyttelse til at dække.7

  2. Ingen uafhængig tilgængelighedsrevision af selve checkout-widgetten

    De forududfyldte felter hjælper brugere med kognitive og motoriske begrænsninger, men uden en fuld, uafhængig WCAG-gennemgang af selve betalingswidgetten er det ikke muligt at bekræfte, at resten af flowet — fejlbeskeder, farvekontrast, skærmlæser-support — lever op til samme standard.6

  3. Flowet er optimeret for tilbagevendende, ikke førstegangskunder

    Den store hastighedsgevinst (op til 5x) gælder Express Checkout for kunder, Klarna allerede kender — førstegangskøbere oplever et mere almindeligt formularflow, hvor den fulde friktionsreduktion først indtræder ved næste køb.2

Gennemgang af hver kategori

Navigation

8.5

Klarna er bevidst designet til at optræde som ét samlet betalingsvalg i handlerens checkout frem for en liste af undermuligheder — beskeden om, om man kan betale nu, senere eller ad rater, hentes dynamisk, så brugeren kun skal forholde sig til én knap ad gangen.3

Visuelt design

8.7

På den danske forside holdes budskabet ned til tre skarpt adskilte valg — "Betal nu", "Betal i 3 dele" og "Betal om 30 dage" — med et konsekvent, letgenkendeligt logo og branding, som Klarna selv kræver skal være ens på tværs af enhver handlendes checkout.13

Performance

8.6

Kernen i performance-vurderingen er ikke sidehastighed, men flow-hastighed: Klarna oplyser selv, at Express Checkout kan gøre selve betalingen op til 5 gange hurtigere end et normalt checkout-forløb, fordi adresse og betalingsmetode allerede ligger klar fra tidligere køb.2

Onboarding

8.8

Der er reelt ingen separat onboarding — første køb hos en ny handlende fungerer som introduktionen, og fra andet køb genkendes brugeren automatisk, så Klarna forudvælges som betalingsmetode uden yderligere login-trin.32

Tilgængelighed

8.4

De forududfyldte felter i Express Checkout gør ikke kun processen hurtigere for alle — det er præcis den type genkendelse frem for genkald, som WCAG's krav om at kunne identificere et felts formål (autocomplete) er bygget til at understøtte for brugere med kognitive eller motoriske begrænsninger. Uden en uafhængig, fuld tilgængelighedsrevision af selve checkout-widgetten holdes scoren dog under toppen.6

Top 5 anbefalinger

  1. Vær tydelig om kreditkonsekvenser i selve flowet, ikke kun i vilkårene

    Efterhånden som "betal senere" formelt bliver et kreditprodukt under EU-reglerne, er der en oplagt mulighed for at gøre konsekvenserne af udskudt betaling lige så letlæselige i selve checkout-øjeblikket som betalingsvalget selv.

  2. Offentliggør en uafhængig tilgængelighedsrevision af checkout-widgetten

    De forududfyldte felter er et godt udgangspunkt, men en fuld WCAG-gennemgang af hele betalingsflowet ville gøre det muligt at dokumentere tilgængelighedsniveauet frem for at antage det ud fra enkeltfunktioner.

  3. Gør fordelen ved Express Checkout synlig allerede ved første køb

    Da den store hastighedsgevinst først indtræder ved efterfølgende køb, kunne et kort, valgfrit hint om, at næste køb bliver markant hurtigere, øge motivationen for at gennemføre kontooprettelsen ved første handel.

  4. Hold betalingsvalget til de tre kernevalg, efterhånden som produktet vokser

    Styrken ved dagens flow er netop, at det ikke er et katalog af finansieringsprodukter — det bør bevares som en bevidst begrænsning, når nye markeder og betalingstyper tilføjes.

  5. Test forståelsen af "betal om 30 dage" hos førstegangsbrugere

    Da udskudt betaling reelt er et kreditvalg, er det værd at undersøge, om førstegangskunder forstår konsekvenserne lige så tydeligt, som de forstår selve knappen.

Hvad kan andre lære?

  1. Genkendelse frem for genkald er en af de mest genanvendelige UX-gevinster

    At vise allerede kendt information til bekræftelse i stedet for at bede brugeren genindtaste den, er et princip, der kan overføres til stort set enhver formular- eller checkout-flow.5

  2. Et snævert sæt valg slår et bredt katalog

    Tre tydelige betalingsmuligheder er lettere at forstå og vælge imellem end en lang liste af finansieringsprodukter — selv når den underliggende funktionalitet er kompleks.1

  3. Friktionsfrit design om penge kræver et ekstra ansvarlighedstjek

    Når et flow er optimeret så hårdt for konvertering, at det reelt fungerer som et kreditvalg, bør det designmæssigt vurderes på mere end gennemførelsesrate — noget lovgivningen nu også formelt anerkender.7

  4. Byg tilgængelighed ind i selve autofill-lag

    At understøtte korrekt "autocomplete"-mærkning af felter gavner ikke kun hastighed, men er en dokumenteret tilgængelighedsgevinst for brugere med kognitive og motoriske begrænsninger.6

Afslutning

Klarna er et af de tydeligste eksempler i denne gennemgang på, hvor langt et produkt kan strække friktionsfrit design, når hele forretningsmodellen afhænger af, at kunden gennemfører købet. Genkendelse frem for genkald, et forudvalgt betalingsvalg og et snævert sæt tydelige muligheder gør checkout til noget nær et ikke-valg for tilbagevendende kunder.

Scoren holdes lige under topkarakter, fordi den samme friktionsløshed rejser spørgsmål, som først for alvor bliver formelt håndteret med EU's reviderede forbrugerkreditregler, og fordi der mangler en offentligt dokumenteret, uafhængig tilgængelighedsrevision af selve checkout-widgetten. Begge dele er værd at følge, efterhånden som "betal senere" bevæger sig fra vækstfunktion til reguleret kreditprodukt.7

Ofte stillede spørgsmål

Hvad gør Klarnas checkout hurtigere end et normalt betalingsflow?

Express Checkout genkender tilbagevendende kunder og forududfylder adresse og betalingsvalg, så brugeren kun skal bekræfte i stedet for at genindtaste — noget Klarna selv oplyser kan gøre betalingstrinnet op til 5 gange hurtigere.

Hvilke betalingsmuligheder viser Klarna på forsiden?

På den danske side fremhæves tre valg: betal nu, betal i 3 dele, og betal om 30 dage.

Er "betal senere" reguleret som almindeligt kreditkøb?

EU's reviderede forbrugerkreditdirektiv udvider forbrugerbeskyttelsen til udtrykkeligt at dække "buy now, pay later"-løsninger, som tidligere kunne falde uden for de klassiske kreditregler.

Hvorfor er forududfyldte felter også en tilgængelighedsgevinst?

WCAG's krav om at kunne identificere et felts formål (autocomplete) er netop bygget til at lade browsere og hjælpeteknologi udfylde felter automatisk, hvilket gavner brugere med kognitive eller motoriske begrænsninger.

Anvendte principper

  • Friktionsfri checkout
  • Genkendelse frem for genkald
  • Tydelige betalingsvalg
  • Stærk mikrocopy

Relaterede mønstre

Kilder

  1. Klarna DK — Sikker og fleksibel betalingklarna.com
  2. Klarna for business | Express checkoutklarna.com
  3. Perfect Customer Journey — UX GuidelinesKlarna Docs
  4. Klarna App | Pay flexibly, compare prices & earn cashbackklarna.com
  5. Recognition vs. Recall in UXNielsen Norman Group
  6. Understanding Success Criterion 1.3.5: Identify Input PurposeW3C Web Accessibility Initiative (WAI)
  7. Consumer Credit — revised Consumer Credit Directive (CCD2) and BNPLEuropean Commission · CCD2 vedtaget 18. oktober 2023; medlemslandenes gennemførelsesregler skal anvendes senest 20. november 2026 og udvider forbrugerkreditreglerne til bl.a. "buy now, pay later"