iProspect Logo
Optimering af checkout flow på mobilen - cover + mosaic
#CRO #SEO #Performance marketing

Optimering af checkout flow på mobilen

Vil du gerne forbedre din hjemmesides checkout flow på mobilen med henblik på at øge dine konverteringer? 9 ud af 10 danske webshops går glip af salg.

Ved at fokusere mere på dine brugeres oplevelse gennem flowet er det muligt. I dette blogindlæg får du nogle pointer til, hvad en god brugeroplevelse (UX) er på mobilen, og hvordan du kan forbedre dit checkout flow på mobilen med fokus på UX.

Hvad er god UX på mobilen – og hvad er ikke?

Der findes flere forskellige definitioner på, hvad god UX er. Dog handler kernedefinitionen om at møde brugernes specifikke behov i specifikke kontekster. Ved at fokusere på mobilen, bliver du også klar til Mobile-First indexing.

Når vi taler om god UX til mobilen, er der nogle ”best practies”, som er en vigtig del af designprocessen, som eksempelvis:

  • Brugeren skal sættes først
  • Navigationen skal være intuitiv
  • Brugerens mål skal være i fokus
  • Ting skal være lette for brugeren at gøre
  • Hastighed
  • Feedback til brugeren
  • Antallet af information bør minimeres
  • Design af layout i henhold til brugerens hånd (se billedet herunder)

Eksempel på design-layout på mobilen i forhold til brugerens hånd

Ved at have disse ”best practies” in mente bliver det muligt at skabe en bedre brugeroplevelse for brugere, der enten besøger din hjemme side via mobilen eller ved brug af en app. Husk, at fremtiden search handler om én samlet brugeroplevelse.

Hvordan skaber jeg et bedre checkout flow?

Ofte forlader købeklare brugere checkout flowet, fordi de oplever en form for frustration under købsprocessen, hvilket giver dem en dårlig brugeroplevelse.

Herunder er der nogle ”best practices” til, hvordan følelsen af frustration kan minimeres hos dine brugere i checkout flowet og derved give dem en bedre brugeroplevelse. Det er nemt at komme i gang med konverteringsoptimering.

Visualisering af kurven

Det bør være nemt og tydeligt for brugeren at forstå og kontrollere, hvad der er i deres kurv.

Derfor er en tommelfingerregel, at brugeren skal have klarhed over produktet, hvilket inkluderer produktbilleder og -informationer, som f.eks. pris og leveringsomkostninger.

Desuden bør brugeren have følelsen af kontrol, når det drejer som om at foretage ændringer til kurven. Derfor skal brugeren have mulighed for at opdatere antallet, farver, størrelse etc. samt for at fjerne produkter fra kurven igen.

Eksempel på visualisering af kurv i et checkout flow på mobilen

Gem til senere

Featuren, ”Gem til senere”, kan være en vigtig faktor i checkout flowet, da det giver brugerne mulighed for at gemme et produkt på selve side og komme tilbage for at købe det senere.

Nogle brugere antager, at hjemmesider eller apps automatisk gemmer oplysningerne i kurven, hvilket kan skabe stor frustration, når de vender tilbage og opdager, at kurven er tom.

Eksempel på et "Gem til senere"-ikon

Leveringsinformationer

Udfyldning af en lang form er både tidskrævende og kan resultere i fejl og frustrationer hos brugerne. Derfor bør det være nemt og hurtigt for brugerne at indtaste sine informationer, hvilket bl.a. kan gøres ved at minimere antallet af felter, der skal udfyldes.

Endnu en ting, du kan gøre for at optimere processen her, er at indsætte et felt med muligheden for at ”anvende forsendelsesadresse som faktureringsadresse”. Dermed slipper brugerne for eventuelt at indtaste de samme informationer to gange.

Auto-udfyld og fejl

Et af de primære formål med auto-udfyld er at gøre det nemmere og hurtigere for brugere at udfylde en formular. Desuden bliver risikoen for, at brugeren laver fejl samtidig mindre, hvilket skaber en bedre brugeroplevelse.

Der findes flere forskellige typer auto-udfyld-muligheder. Det er f.eks. muligt at udfylde leveringsinformationer eller finde en adresse ved indtastning af et postnummer.

Hvis det skulle ske, at en bruger indtaster oplysninger, som indeholder en fejl, er det vigtigt, at brugeren får feedback herpå. Det kunne eksempelvis være, hvis brugeren har indtastet sit telefonnummer med et 7- eller 9-tal i stedet for 8. Så skal det fremgå tydeligt i formularen, hvor fejlen er, så brugeren nemt og hurtigt kan rette fejlen.

Den feedback, som brugeren får til at hjælpe med at opdage fejlen, giver en bedre oplevelse, da brugeren hurtigt og nemt kan lokalisere og rette fejlen.

Ordreoversigt

I ordreoversigten er det vigtigt, at strukturen for informationerne, er visualiseret på en måde, der skal hjælpe med at gøre brugernes checkout mere strømlinet. Derfor bør forsendelsesadressen være i toppen, hvor brugerne har mulighed for at ændre den.

Herefter bør antallet af produkter og deres detaljer vises for at undgå, at brugeren går tilbage i processen for at sikre sig, at det er de rigtige produkter.

Rabatter, leveringsomkostninger, moms og totalprisen bør også indgå i ordreoversigten. På den måde undgår du, at der senere i processen dukker en uventet omkostning op for brugerne, som forhindrer dem i at konvertere.

Betalingsmetoder

For mange brugere kan det være grænseoverskridende og tidskrævende at indtaste kortinformationer på mobilen. Derfor kan du skabe en bedre brugeroplevelse ved at tilbyde forskellige betalingsmetoder – herunder muligheden for at bruge MobilePay.

På den måde undgår brugerne at indtaste kortinformationer, og nogle brugere opfatter metoden som mere sikker sammenlignet med at indtaste dem direkte på hjemmesiden.

Endnu en måde at skabe en god brugeroplevelse på er ved at vise sikkerheds- og verificeringsbilleder i betalingstrinnet. Det giver brugerne en følelse af tillid og sikkerhed i checkout flowet.

Eksempel på betalingsmuligheder i checkout flowet

Købsbekræftelse

Sidst, men ikke mindst, bidrager en købsbekræftelse til en god brugeroplevelse, da brugerne nu ved, at transaktionen er gennemført, og en bekræftelsesmail er blevet afsendt.

Der er adskillige elementer, du kan overveje at implementere i købsbekræftelsen for at skabe en endnu bedre brugeroplevelse. Det kunne f.eks. være at anvende et billede eller en illustration, der tydeligt viser at købet er gennemført.

Her får brugerne en fornemmelse af en vellykket checkout-proces, hvor de fuldførte deres mål – nemlig at købe et produkt.

Hvordan ved jeg, om det virker?

Som nævnt tidligere er god UX kendetegnet ved at møde brugernes specifikke behov i specifikke kontekster. De optimeringer, der laves ud fra brugernes behov, og som virker for din virksomhed, virker måske ikke for en anden virksomhed og deres brugere.

Det er vigtigt at være tydelig omkring, hvad dine optimeringer skal forbedre. Det gør du nemmest ved at opstille forskellige KPI’er. Med et KPI-framework har du altid overblikket over, hvad du skal måle på, og hvordan det går.

Selvom de forrige afsnit kommer med eksempler på ”best pratices” inden for UX-optimering af et checkout flow på mobil, er det ikke muligt på forhånd at vide, om de optimeringer, du foretager dig på din hjemmeside eller app, vil virke med dine brugere.

Derfor vil det være oplagt at lave A/B-splittests af optimeringerne, inden de implementeres. Her testes de forskellige versioner mod hinanden, og det bliver muligt for dig at finde ud af, om optimeringerne performer i dit checkout flow eller ej inden de implementeres. Du bør aldrig implementere noget uden at teste det først.

Har du brug for hjælp til at komme i gang?

Du er altid velkommen til at kontakte os, hvis du vil høre mere om, hvordan vi kan hjælpe dig med at optimere dit checkout flow og UX.

Vi hjælper dig gerne i gang, så vi sammen kan skabe en digital succes, der driver business performance.