Interaksjonsdesigner

Kari Live

Forbedre kjøpsløp

Utfordring

Den digitale læringsplattformen Qudos student hadde et unormalt høyt frafall i kjøpsløpet.

Min rolle

  • Brukerteste eksisterende løsning.
  • Kartlegge brukerbehov og problemområder.
  • Arrangere workshops.
  • Lage ny flyt for kjøpsløpet og brukerteste prototyper.
  • Lage plan for implementering av nytt kjøpsløp i flere steg.

I samarbeid med

  • Vibeke Marshall-Arnesen, leveranseleder
  • Torstein Stiland Strand, utvikler
  • Markus Hamre, utvikler
  • Nora Korvenkontio, produktleder
  • Kristina Thorkildsen, web-analytiker

Mål

  • Gi studentene rask og enkel tilgang til pensum.
  • Øke andelen betalende brukere.
A straight arrowed line cuts through a complex tangle of black lines on a green background.

Innsikt

Gjennomgang og tester av eksisterende kjøpsløp viste at det var vanskelig for studenten å kjøpe et produkt.

  1. Kjøpsprosessen var lang og uoversiktlig for studenten.
  2. Prisen på produktene kom ikke tydelig frem.
  3. Infotekstene var vanskelige å forstå.
  4. Mikrotekstene samsvarte ikke med handlingen studenten gjorde.

Prototyper

Basert på innsikten arrangerte jeg flere workshops for at vi skulle komme frem til nye flyter som også var gjennomførbare. Flytene ble prototypet og testet i flere omganger, før de ble implementert.

Løsning

For å gjøre det enklere å kjøpe, og øke konverteringen, valgte vi å:

  1. Gjøre om på rekkefølgen i kjøpsløpet.
  2. Forenkle tekster og mikrotekster i hele kundereisen.
  3. Tydeliggjøre hvilke steg brukeren måtte gjennom for å kjøpe produktet.

Gammelt design:

  1. Studentene slet med å forstå tekstene.
  2. Bruk av overlay kan være vanskelig å oppfatte for noen brukere.

Nytt design:

  1. Vi fjernet og forenklet tekstene.
  2. All nødvendig informasjon var tilgjengelig på samme side.

Gammelt design til venstre, nytt til høyre. Studenten slet med å forstå tekstene, så vi forenklet dem.

Gammelt design:

  1. "Gå til betaling" førte til logg inn.
  2. Visuell endring og forvirrende mikrotekster gjorde studentene usikre.

Nytt design:

  1. Vi gjorde om mikroteksten til "Legg i handlekurv".
  2. For å gi studentene bedre oversikt, viste vi hele kjøpsløpet i handlekurven og brukte samme visuelle stil som ellers på nettsiden.

Resultat

  • Antall brukere som gjennomførte kjøp økte med 50 prosent.