Kundene dine leser ikke, de skanner. De sammenligner ikke funksjoner, de kjenner etter om det er lett. UX-design i en nettbutikk handler om å fjerne alt som får kunden til å tenke, nøle eller lete, fra forsiden til ordrebekreftelsen. Her er det som betyr mest, og hvordan du finner ut hva som stopper kundene i akkurat din butikk.
Kundereisen i fem steg
Kunden kommer inn, som regel på en produktside eller kategori fra Google, ikke på forsiden. Finner varen, vurderer den, legger den i kurven, betaler. Hvert steg har sine egne fallgruver, og en butikk som er god på fire av dem, taper likevel kunden på det femte.
1. Å finne varen
Menyen skal være bygget slik kunden tenker, ikke slik innkjøp er organisert. Tre nivåer er nok. Søket må tåle skrivefeil og synonymer, og filtrene må finnes på de egenskapene kunden velger etter. Vi har skrevet mer om meny og søk i nettbutikken.
2. Produktsiden
Det er her de fleste beslutningene tas. Bilder som viser produktet i bruk og i detalj. Pris, lager og leveringstid synlig uten å scrolle. Størrelse, mål, materiale og hva som følger med, uten å måtte åpne en fane. Kundeanmeldelser. Og «Legg i handlekurv» som er synlig på mobil hele tiden. Det kundeservice får spørsmål om, skal stå på siden.
3. Handlekurven
Kurven skal vise frakt og totalpris før kassen, og den skal ikke gjemme «Til kassen» bak forslag til mersalg. Relevant tilbehør er fint, men kunden skal kunne gå videre med ett trykk.
4. Kassen
Kjøp som gjest. Så få felt som mulig. Postnummer først. Vipps for adresse og betaling med ett trykk, kort og Klarna ved siden av. Feilmeldinger som sier hva som var feil, ved feltet det gjelder. Test på en vanlig mobil på mobilnett, ikke på kontorets skjerm.
5. Etterpå
Ordrebekreftelse med det kunden trenger: hva, når, sporing, hvordan bytte. En kunde som vet hva som skjer, ringer ikke. Og en som fikk en god opplevelse, kommer tilbake.
Detaljene som avgjør
- Hastighet. Alt annet er underordnet hvis siden er treg. Se sjekklisten for treg WooCommerce.
- Mobil først. Flertallet handler på mobil. Knapper som kan treffes med tommelen, tekst som kan leses uten zoom.
- Kontrast og lesbarhet. Grå tekst på hvit bakgrunn ser elegant ut og leses av ingen. Kontrast er også et krav i universell utforming.
- Én tydelig handling per side. Hovedknappen skal være den mest synlige tingen på skjermen. Les om CTA-er som konverterer.
- Tillit. Hvem dere er, kontaktinformasjon, betingelser, kjente betalingsmerker.
Slik finner du ut hva som stopper kundene
Ikke gjett. To kilder gir svar: tallene og ekte brukere. I GA4 ser du hvor i kassen folk faller av og hvilke produktsider som har høy avvisning. Med brukertesting ser du hvorfor: fem til åtte personer som løser ekte oppgaver i butikken, avdekker det meste. Så retter du det viktigste først, måler, og tar neste. Det er den samme metoden vi bruker i en helsesjekk av nettbutikken, og listen med 11 tips for bedre konvertering er et godt sted å starte på egen hånd.
Vi designer kundereisen fra første besøk til ordrebekreftelse, tester den på ekte brukere og måler om det ga mer salg. Les om UX-design for nettbutikk og nettside, eller ta kontakt.
