E-handel

E-handelsdesign | Del 4/4 | Varukorg & Kassa

I den sista delen av serien "e-handelsdesign" går vi igenom några best practice att tänka på kring de kanske viktigaste delarna i köpprocessen; varukorg och kassa.

Visa för besökaren att en produkt lagts i varukorgen

Det är viktigt att visa ett bekräftelsemeddelande när en besökare lägger till en vara i varukorgen. Du vill inte att besökaren ska behöva gissa om produkten verkligen lades till i varukorgen DU vill absolut inte att besökaren lämnar köpprocessen för att börja leta om produkten lagts till eller inte.

Det finns olika sätt visa ett bekräftelsemeddelande på och här är ett exempel på hur Dennis Maglić gör på sin e-handel: added-to-cart-dennis

Erbjud en preview på varukorgen innan kassasidan

För att minska risken för övergivna kassor är det viktigt att besökaren kan se vilka produkter som finns i varukorgen innan hen tar steget och går vidare till kassan.

Glöm inte att inkludera detta i din varukorg:

  • Antal produkter

  • Inkludera bild, produktnamn, pris och reapris, och även varianter som tex färg och storlek på varje produkt.

  • Länk till produktsidor så att besökaren lätt kan navigera sig tillbaka dit.

  • Möjlighet att redigera sin varukorg, tex ta bort produkter och ändra antal.

  • Totalsumman för alla produkter (och om möjlighet finns även en estimerad kostnad för frakt.)

  • Sist men ABSOLUT INTE minst; ha en tydliga CTA för att kunna gå vidare till kassan.

Något du också kan testa är att ha "lägg till rabattkod"-funktion i varukorgen istället för i kassan. Många börjar söka efter rabattkoder på andra hemsidor och då är det bättre att dom gör det i detta steget istället för att klicka sig iväg från kassan..

Varukorg-preview från Dennis Maglić: varukorg-dennis

Ha inga distraktioner på kassasidan

När en besökare tagit beslutet att gå till kassasidan vill du absolut inte att dem överger sina produkter där.

Ett sätt att minska risken för detta är att ta bort footern och använda sig av en alternativ header med logga, relevanta uspar och viktig information så som tex retur- och leveransinformation.

Ett sätt att göra detta på är som Örtagubben gjort: alternativ-header-ortagubben

Fråga om känslig information sist

När du ska sätta upp ditt kassaflöde, börja med att fråga efter den minst känsliga informationen först.

Personlig och känslig information så som adress- och betalningsinformation är bäst att ha i slutet av processen. Då kommer besökaren känna att hen redan har investerat tid och det är större chans att besökaren slutför sin beställning.

Tvinga inte besökarna att skapa ett konto

Att behöva skapa ett konto är en konverteringsdödare som vi såg mer av förut men de tåls att ta med den här också. Enligt Baymard Institute överger 34% kassan om dem blir tvingade att skapa ett konto för att fortsätta med sitt köp.

Reducera jobbet för besökaren med en "express checkout" där valmöjligheten finns att logga in/registrera sig.

Detta reducerar även problemen för dem som tex har glömt sitt lösenord eftersom ca 18% kommer att överge kassan pga lösenords-problem(källa: Baymard Institute).

Ha mindsettet att desto färre val och steg en användare behöver göra/gå igenom desto bättre.

Här hittar du e-handelsdesign del 1-3