Etter hvert som det generelle detaljhandelslandskapet fortsetter å utvikle seg og mursteinskjedler sliter , e-handelsmarkedet er klar for vekst. Innen 2021 forventes det globale e-handel å vokse til mer enn 4,48 billioner dollar , som er mer enn det dobbelte av tallene fra 2017.

e-handelsforhandlere og designere som følger nøye med Brukererfaring og overholde et standard sett med eCommerce UX designprinsipper for kundens shoppingstrøm kan dra nytte av denne markedsveksten og se håndgripelig økonomisk avkastning.

Shoppingstrømmen er en generell brukerreise som, når den implementeres riktig, resulterer i mer impulskjøp, mindre vognoppgivelse og høyere total konvertering.

Brukerreisen inkluderer:

• Nettstedsoppdagelse
• Produktsøk og bla
• Produktside
• Handlevogn
• Sjekk ut
• Bekreftelse

Denne artikkelen dekker disse viktige punktene i brukerens reise og hvordan e-handelsdesignere kan gjøre kundens opplevelse hyggelig, grei og problemfri.

Nettstedsoppdagelse

Plasser merkevaren tydelig

Besøkende danner førsteinntrykk av et nettsted på så få som 50 millisekunder . Et netthandelsnettsted må fange brukerens oppmerksomhet ved tydelig og raskt å vise hva den selger og hvor den passer i det generelle markedet.

For eksempel vil en nettside for en luksussmykkeforhandler sannsynligvis se ut og føle seg veldig annerledes enn et nettsted for en budsjettbevisst stor butikk. Avansert elektronikkforhandler Bang & Olufsen formidler merkevarekvaliteten ved å bruke elegante skrifttyper, en sofistikert fargepalett og elegante produktbilder.

Vis relevante oppfordringer til handling

Når brukeren kommer til hjemmesiden, må du hilse på dem med betimelig innhold og spesifikke oppfordringer til handling (CTA). Et stort bannerbilde som tilsvarer gjeldende sesong eller en bestemt hendelse sammen med en passende CTA hjelper brukeren med å gå videre til neste trinn i shoppingprosessen. Når du oppretter CTAer, unngå generiske setninger som 'komme i gang' som ikke tydelig forteller brukeren hva som kommer videre.

Polaroid opprettet en effektiv CTA i høytiden ved å hjelpe brukere som handlet gaver. I stedet for å bruke en generell frase, brukte Polaroid 'Shop Gifts', noe som gjorde det klart at brukeren ville bli ført til et område på nettstedet med gaveforslag.

Skreddersy landingssider for SEO

Ved å koble brukerens søkeord fra søkemotorer som Google til bestemte destinasjonssider, kan e-handelsforhandlere fange opp brukere som er på oppdrag for å finne et bestemt produkt.

Når en bruker søker etter noe, er det stor sjanse for at de kanskje ønsker å kjøpe det. Opprette en tilpasset destinasjonsside for vanlige produktsøkeord øker en forhandlers sjanse for å fange et salg (og kanskje en ny kunde). Papirhandel Papir gjør dette bra med en side spesielt laget for bryllupsinvitasjoner som vises i Googles søkeresultater.

Produktsøk og bla

Gi søk på stedet

Selv om det kan virke ganske grunnleggende, tilbyr mange nettsteder fortsatt ikke et generelt nettstedsomfattende søk, eller hvis de gjør det, er det ikke riktig optimalisert. Men søk på stedet er grunnleggende til en solid shoppingopplevelse for e-handel.

I følge Invesp , 60% av online kjøp er ikke impulsiv. Folk vet ofte hva de leter etter, og å skrive spørringen i en søkefelt på et e-handelsnettsted - for eksempel et produktnavn eller modellnummer - er langt raskere enn å sile gjennom menyalternativene.

Tilleggsfunksjoner som prediktivt søk eller autofullføring hjelper brukerne med å se alternativer raskt. eple bruker denne taktikken med et søkefelt som dynamisk oppdateres med raske lenker til produkter og populære foreslåtte søk.

Inspirer besøkende i Discovery Mode

Mens mange kunder har et bestemt produkt i tankene for kjøp, er ikke alle besøkende like sikre. I følge Nielsen Norman er det fem typer e-handel-kunder , hvorav den ene er 'nettleseren'. Nettlesere leter ikke nødvendigvis etter noe spesifikt. Snarere ser de rolig rundt for å se om de finner noe interessant.

e-handelsnettsteder kan støtte shopperen i oppdagelsesmodus ved å vise dem nye eller bestselgende produkter og la dem enkelt og raskt se produktkategorier.

Etsy engasjerer nettlesere ved å vise dem hva som er populært akkurat nå, samt tydelig vise generelle produktkategorier, både i navigasjonen og på hjemmesidens innhold.

Bruk filtre og fasettert søk

Fasettert søk bruker filtrering og tar det et skritt lenger ved å la brukerne velge flere attributter om gangen.

Når du oppretter filtre, i stedet for å begrense alternativene til generelle kriterier som størrelse, farge eller pris, kan du legge til spesifikke filtre for kategorier som er spesifikke for produktene som selges. Disse filtrene kan være ting som passform eller stoff for klær, skrifttyper eller anledning til invitasjoner, og skjermstørrelse eller prosessor for gadgets.

Når en bruker bruker filtre, skal det umiddelbart fremgå av brukergrensesnittet hvilke filtre som er brukt. Brukeren skal også være i stand til enkelt å fjerne anvendte filtre.

ASOS viser et detaljert utvalg av filtre for hver kategori og viser tydelig hvilke filtre som er brukt.

Produktside

Vis primære handlinger på en tydelig måte

Brukeren skal aldri lure på hvordan man kan gjøre noe viktig, som å plassere et produkt i handlekurven. Vis primære handlinger som 'legg til i handlekurven' eller 'kjøp nå' som knapper, og legg dem på en fremtredende plassering på skjermen i forhold til resten av innholdet.

Oppussing forhandler Lowe’s lar brukeren vite hvordan man legger et produkt i handlekurven sin med en stor, grønn knapp som en av de mest fremtredende tingene på siden.

Gi detaljert produktinformasjon

Vis profesjonelle bilder av høy kvalitet og detaljerte beskrivelser for å hjelpe kjøpere med å forstå produktet.

Bruk progressiv avsløring og visuelt hierarki for å gi brukeren riktig mengde informasjon etter behov. Gi dem den viktigste informasjonen umiddelbart, og legg deretter til detaljer lenger ned på siden for brukere som ønsker å lære mer.

Del opp lange beskrivelser i seksjoner; for eksempel oversikt, størrelser / dimensjoner, detaljerte funksjoner og forsendelsesinformasjon. Bruke utvid / skjul navigasjon for flere seksjoner, som Myprotein gjør, hjelper til med å holde brukeren i å føle seg overveldet.

Bygg kundetillit

Unngå å la kundene gjette seg om fraktalternativer, tilgjengelighet og returretningslinjer. Å sørge for at all denne informasjonen er lett tilgjengelig, noe som bygger kundenes tillit og tillit og kan bidra til å presse en usikker kunde mot et kjøp. Å vite om og hvordan de kan returnere noe hjelper dem å ta mer informerte beslutninger.

ASOS viser viktig informasjon om frakt og retur på hver produktside ved hjelp av en modal som er tilgjengelig fra en lenke under hvert produktnavn.

Legg til sosialt bevis

Sosial bevis er et begrep som betyr at mennesker blir påvirket av andres oppførsel. Konseptet er en del av Dr. Robert Cialdini’s (en ledende forsker innen vitenskap om innflytelse) prinsipper for overtalelse og har vist seg å fungere.

Netthandelsforhandlere kan styrke kjøpernes tillit med sosialt bevis ved å legge til kundevurderinger, anmeldelser og kommentarer. Produkter på Amazon har ofte tusenvis av anmeldelser, og brukere kan sortere dem etter stjernerangering.

Handlevogn

Vis et klart ordresammendrag

Før kjøperen fullfører kjøpet, skal du vise dem et klart og kortfattet ordresammendrag som inkluderer kjøpte varer, antall og pris på hver vare og ordresummen. Tillat brukeren å redigere elementene de måtte ønske å oppdatere eller slette, og unngå overraskelser ved fraktkostnad ved å inkludere en oversikt over forsendelsen.

Modisten viser både et tydelig ordresammendrag og en kvittering. Brukeren kan enkelt administrere varer de har valgt (gå til ønskeliste, fjerne, endre antall) og se både et sammendrag og en detaljert oversikt over frakt og avgifter.

Sjekk ut

La brukerne sjekke ut som gjester

Impulskjøp representerer nesten 40% av alle pengene som brukes i e-handel. Fjern det ekstra hinderet med å opprette en konto eller logge inn ved å la kjøpere sjekke ut som gjester. Under utsjekkingen som gjest kan en enkel integrering for å opprette en konto konvertere noen gjester til kontobrukere.

Aesop lar brukerne enkelt sjekke ut som gjester, samtidig som de gir muligheten til å logge på eller registrere seg. Å tilby flere alternativer i en enkelt form fjerner potensielle kjøpsblokkere for de som ønsker å sjekke ut raskt, men gir også brukere som ønsker å registrere seg sjansen til å gjøre det.

Gi visuell tilbakemelding under kassen

Å inkludere en fremdriftslinje hjelper kundene å forstå hvor de er i kassen og hvor mye de har igjen å fullføre.

eple viser brukeren hvert trinn i prosessen og lar dem navigere mellom trinnene ved hjelp av fremdriftskoblingene. Fremgangen er lagret, slik at brukeren ikke mister noe mens han går mellom trinnene.

Bruk vanlige betalingsmåter

I tillegg til å tillate betaling via store kredittkort, legger du til andre populære betalingsmåter som PayPal kan øke konverteringen for kjøpere som ikke ønsker å overlevere kredittkortinformasjonen sin.

I Nederland, ideell brukes ofte til e-handelstransaksjoner, og 60% av nederlandske forbrukere har brukt det i et nylig kjøp. Klesforhandler Scotch & Soda lar kjøpere sjekke ut med iDEAL og PayPal.

Ordrebekreftelse

Vis en detaljert ordrebekreftelse etter kjøp

Når kunden har fullført kjøpet, gir du dem en bekreftelse som inkluderer vellykket betalingsbehandling og leveringsdetaljer som adresse, leveringsmåte og forventet leveringsdato.

Dette konseptet av en bekreftelses-e-post for Amazon viser ordrenummeret, gir en oversikt over kjøpte varer, og gir en leveringsdato og noen anbefalinger for fremtidige kjøp.

Send bestillings- og forsendelsesoppdateringer via e-post

I tillegg til bekreftelsesskjermbildet hjelper det å sende en bekreftelses-e-post brukeren til å holde seg informert om status for kjøpet. Selv om alle kunder skal motta e-postbekreftelse, er dette spesielt nyttig i tilfeller der brukere har sjekket ut som gjester og ikke har en konto på nettstedet for å sjekke tidligere bestillinger.

Hvis noe endres med bestillingen, som en forsinkelse i leveransen, send en oppdatering. Når varen sendes, send en oppdatering via e-post med sporingsnummeret.

Sammendrag

Prinsippene i denne artikkelen gir en basislinje for berøringspunkter for brukerreiser som hver e-handelsdesigner skal følge, men det er bare begynnelsen. For mer informasjon om mer informasjon om mobil e-handel UX, besøk e-handel for mobilopplevelsen eller les mer om destinasjonssidesign Hvordan lage effektive destinasjonssider .

Det voksende e-handelsmarkedet representerer mange muligheter for forhandlere. De som anerkjenner viktigheten av UX og følger beste praksis for e-handelsbrukerreisen, kan forbli konkurransedyktige og påvirke bunnlinjen positivt.

• • •

Videre lesing på ApeeScape Design Blog:

• Fremtredende e-handelstrender og deres innflytelse på design (med infografikk)
• e-handel UX for mobilopplevelsen
• eCommerce UX - En oversikt over beste praksis (med infografikk)
• The Ultimate Guide to eCommerce Website Design
• E-handel omdesignet: Hvordan mindre endringer gjorde store UX-forbedringer

Forstå det grunnleggende

Hva er en e-handelsforhandler?

E-handelsforhandlere er nettbutikker som har lagt til muligheten for kunder å bla gjennom og kjøpe varer via et nettsted.

Hva er fordelene med et e-handelsnettsted?

Med den økte og anslåtte veksten i netthandel, kan forhandlere som følger viktige eXommerce UX-designprinsipper, tjene på en enorm markedsvekst.

Hva er en oppfordring til handling på et nettsted?

Handlingsnettsteder for e-handel hjelper kjøperen gjennom shoppingprosessen. De vises ofte som knapper.