13. mai 2014 kl. 09:00

Et annet utseende på å legge inn en bestilling i en nettbutikk

• Brukervennlighet
• webdesign

I CIS-landene kommer minst 75-80% av bestillingene fra kontant-og-levering (betaling for bestillingen ved levering). Denne forskjellen mellom russiske og vestlige forbrukere dannet grunnlaget for redesignet av Sotmarket-bestillingsprosessen tilbake i 2012. Så, for første gang i Russland, sluttet en nettbutikk å kreve kundeautorisasjon eller registrering før du foretar et kjøp.

Bakgrunnsregistrering og autorisasjon av brukere

Selv om autorisasjon på det siste trinnet av kjøpet ikke gir noen verdi for brukeren, er denne vestlige klisjeen dypt forankret i RuNet. Med en gjennomsnittlig frekvens av kjøp (av utstyr) en gang hver 9.-10. måned, husker folk ofte ikke registreringsdata: e-post. e-post, pålogging, passord. Det paradoksale er at de fleste nettbutikker lett tar imot bestillinger via telefon, men samtidig skaper kunstige hindringer når du handler på nett.

Denne observasjonen dannet grunnlaget for konseptet bakgrunnsregistrering og autorisasjon brukere. Nå, hvis klienten ikke var registrert hos oss, gjorde vi dette automatisk og sendte en melding om registrering sammen med bestillingsdataene, ellers minnet vi bare kjøperen om passordet for å få tilgang til hans personlige konto.

Kontomatching skjer via mobiltelefonnumre og e-post. adresser, som lar deg ikke miste klienthistorikk. Tilnærmingen lønnet seg: Prosentandelen av bestillinger registrert gjennom nettstedet økte fra 28 % til 52 %.

Vestlige nettbutikker har utviklet og velger tradisjonelt selv tilfelle av foreløpig autorisasjon/registrering av brukere på ressursen for å sparer tid forbruker. Poenget er at kjøp fra utenlandske selskaper forhåndsbetales med plastkort, og for å gjøre denne prosessen enklere for kundene, kobler butikker betalingsdetaljer til en nyopprettet konto ved første kjøp. Dette gjør kassen mye enklere for brukeren ved påfølgende kjøp.

Denne saken er bare relevant hvis forbrukeratferd er lik den som er beskrevet ovenfor. Imidlertid må de fleste butikkfunksjoner fortsatt gis til brukeren uten å kreve autorisasjon. For eksempel: sammenligning av produkter, informasjon om sett, lagt i handlekurv eller favorittprodukter. Bruk for identifikasjon informasjonskapsler, og når du godkjenner, match den innsamlede informasjonen med informasjonen som allerede er tilgjengelig.

Forlatt handlekurv-remarketing

Høye avbruddsrater er et annet kjent problem for enhver nettbutikk. Sotmarket var intet unntak. Løsningen på dette problemet var å endre sorteringen av bare tre inndatafelt.

Nå umiddelbart etter å ha skrevet inn telefonnummeret eller e-posten. post, med forbehold om deres validering, registreres bestillingen som ufullstendig, og vi får mulighet til å kontakte de kundene som av en eller annen grunn ikke har fylt ut skjemaet til slutt. Som et resultat er den gjennomsnittlige økningen i ordre fra uferdig til opprettet 17-18%.

Data som samles inn på denne måten kan ikke være det (les: meningsløst) brukes til å sende reklamemeldinger som ikke er relatert til spesifikke bestillinger.

Stjerner i inndatafelt er arkaiske. Prøv å unngå å bruke denne teknikken i skjemaene dine; i de fleste tilfeller kan stjerner erstattes med smartere hint, med informasjon om hvorfor dette feltet er kritisk viktig.

Fullt navn i ett felt

En liten innovasjon var inntastingsfeltet for fullt navn - 3 i 1, som gjorde det mulig å løse flere problemer samtidig:

• en ikke-påtrengende påminnelse om behovet for å skrive inn ditt fulle navn;
• telefonsenterlederen mottar korrekt bokførte bestillinger i det interne behandlingssystemet;
• selve formen opprettholder visuell enkelhet og ser ikke mer kompleks ut enn den faktisk er.

For å redesigne Sotmarket-nettstedet tilbake i 2013, begynte vi å utvikle vår egen GUI, som ble brukt både i handlekurven og ved bestilling. Implementeringen av noen av våre egne komponenter gjorde det mulig for oss å forenkle komplekse skjemaer betydelig og redusere antall feil som ble gjort ved utfylling av individuelle felt.

En systematisk tilnærming til arbeid med tekst, knapper, fonter, farger, innrykk, popup-vinduer og andre grensesnittelementer er nøkkelen intuitiv grensesnitt. Jo oftere et bestemt element brukes i et design, jo raskere og mer feilfri brukerinteraksjon med det.

Økende innflytelse på brukerbeslutninger

Endring av presentasjonen av data i leverings- og betalingsblokkene gjorde det mulig å implementere et annet interessant konsept - kringkastingskampanjer på bestillingssiden. Denne tilnærmingen gjorde det mulig å øke effektiviteten til de tilsvarende reklamekampanjene betydelig, uten å komplisere sidegrensesnittet og forbedre synligheten.

En av de viktigste egenskapene til et godt grensesnitt er dets evne til å fokusere brukerens oppmerksomhet. Bestilling er intet unntak, der det ofte oppstår komplekse forhold mellom leverings- og betalingsmåter.

Ved valg av selvhenting fra Pickpoint kan ikke klienten velge betaling på kreditt.

Hvis du velger DPD kurerlevering, kan ikke klienten betale for bestillingen ved mottak eller på kreditt. Samtidig skjules ikke utilgjengelige betalingsmåter, de er deaktivert med et hint om hvorfor denne funksjonaliteten ikke kan brukes i denne situasjonen. Denne tilnærmingen gjør interaksjonsprosessen vennligere.

Oppgi leveringsadressen i ett felt

Det er vanskelig å overvurdere viktigheten av praktisk valg av leverings- og hentemetoder. Ved å bruke Yandex.Maps API har vi gjort det mye enklere å angi leveringsadressen og velge bestillingshentingspunkt. Denne løsningen tillot oss å løse 2 problemer samtidig:

• på den ene siden, forenkle prosessen med å fylle ut skjemaet for klienter, nå trenger de bare å fylle ut ett inndatafelt, i stedet for 3-4;
• på den annen side har antallet feil/tastefeil ved utfylling av skjemaet gått betydelig ned på grunn av adresseoppfordringer, noe som reduserer tiden ledere behandler bestillinger opprettet gjennom nettstedet.

Vi la spesielt vekt på grensesnittet for valg av bestillingshentepunkter, fordi... I 70-75% av bestillingene råder henting, etter å ha utviklet to former: på et kart og i en liste. I begge tilfeller kan du velge metro/distrikt/interesseobjekt i området hvor de nærmeste hentepunktene er plassert. Dette forenkler søket etter ønsket leveringssted betraktelig.

Kolleger, i denne artikkelen vil vi fortelle deg hvordan du legger inn en bestilling, betaler for den og leverer den.

1. Butikk

   La oss starte med det faktum at du kan legge inn en bestilling i vår praktiske nettbutikk, som ligger i hovedmenyen på nettstedet i fanen -

2. Produktutvalg

   Så du gikk til Butikk-delen og velg produktkategorien du er interessert i: "Film", "Utstyr", "Tilleggsutstyr", "Forbruksvarer" eller "Chrome". Hele utvalget som presenteres er på lager! Ved å klikke på bildet av et produkt, ser du detaljerte egenskaper og et stort bilde av det. Du må bestille produktet du liker; for å gjøre dette, klikker du bare på "Kjøp"-knappen og du vil se hvordan det blir lagt til i "Kurven". Du kan legge til et ubegrenset antall slike produkter i handlekurven.

3. Bestille

   Når du har valgt det du ønsker, klikker du på "Kasse"-knappen i "Kurv" og går automatisk til siden for å fylle ut data og velge betalingsmåte. Her fyller du inn leveringsdataene dine: Fullt navn, Leveringsadresse, Kontakttelefonnummer, E-post - disse dataene er nødvendige for å behandle og videresende bestillingen din. Du vil også se feltet "Kommentarer på bestillingen" - i dette feltet kan du legge igjen dine ønsker og kommentarer til bestillingen, eller be lederen kontakte deg og svare på de resterende spørsmålene.

   Så du har fylt ut detaljene dine, alt som gjenstår er å velge en praktisk betalingsmetode for bestillingen din. Du kan gjøre dette på samme side – det er 11 betalingsmåter å velge mellom. La oss snakke om noen av dem litt mer detaljert:

   • Overfør til et Sberbank-kort – Våre kortopplysninger for betaling vil bli sendt til din e-postadresse. Du kan betale i hvilken som helst Sberbank-filial eller terminal, eller for eksempel ved overføring gjennom nettbanken din.
   • Utsted en faktura for betaling – En faktura for betaling for varene du har bestilt vil bli sendt til din e-post. Du kan betale denne regningen i hvilken som helst bankfilial eller ved bankoverføring.
   • "Online" betalingsmåter er uthevet separat - de raskeste betalingsmetodene. Penger for bestillingen din mottas umiddelbart, og du trenger ikke gå noe sted! Når du for eksempel betaler for en ordre på denne måten, kan du bruke et hvilket som helst VISA- eller MASTERCARD-bankkort eller QIWI-pengeoverføringssystemet, WebMoney elektroniske penger, Yandex.Money, eller velge en annen online betalingsmetode som er praktisk for deg i Yandex.Checkout service.

   Hvis ingen av disse betalingsmåtene passer deg eller du fortsatt har spørsmål, kan du spørre vår nettkonsulent eller kontakte oss ved å ringe hotline 8-800-200-51-21 - for Russland (samtalen er gratis), for andre land +7-927-010-37-58, Viber eller WhatsApp +7-927-711-33-66.

   Etter at du har fylt ut alle feltene og valgt betalingsmetode, klikker du på "Legg inn en bestilling"-knappen nederst på siden. Deretter vil du se at bestillingen din har blitt tildelt et nummer og et varsel om at betalingsdetaljer og bekreftelse på vår mottak av bestillingen er sendt til din e-post.

   Og så la du inn bestillingen din. De betalte for det. Hva skjer videre med bestillingen din?

4. Montering og utsendelse av bestillingen

   Etter mottak av midler blir bestillingen umiddelbart overført til lageret for klargjøring! Samtidig jobber vår logistikkavdeling med det optimale alternativet for ordrelevering (minimumsvilkår - pris / kvalitet), avtaler, om nødvendig, fraktmetode, og samme dag leveres bestillingen din til vår kurer. Alle bestillinger sendes innen 24 timer etter betaling! Vi overvåker dette og sender også på lørdager. Og umiddelbart etter at du har sendt bestillingen din, vil vi sende deg en SMS-varsling til det angitte nummeret med fullstendig informasjon om forsendelsen, som vil indikere navnet på transportøren (hvilket transportselskap sendte bestillingen din eller via post) og forsendelsens sporingsnummer.

   Kostnaden for standard levering av materialer er omtrent 400-600 rubler, leveringstiden er 3-4 dager, litt mer til fjerntliggende regioner, men vi overvåker fristene og velger det beste transportalternativet.

   Fleksibiliteten og mobiliteten til selskapet vårt lar oss sende bestillinger på alle tilgjengelige måter! Vi utfører forsendelser fra alle transportselskaper, russisk post, ekspressbud, intercitybusser, langdistansetog.

   Ved ankomst av bestillingen i byen din, vil representanter for transportselskapet kontakte deg på telefonnummeret du oppga i bestillingen og informere deg om hvor du kan motta det. Du kan bli kjent med Order Pickup Points ved å bruke eksemplet med transportselskapet "PEK".

   Du kan velge et produkt og begynne å bestille allerede nå - Gå til butikken

Hensikten med leksjonen

Utvikle en del av tjenesteskjemamalen som er ansvarlig for bestillingssiden.

Gjør deg kjent med skjemaene for valg av betalingsmåte, levering og kjøpers spørreskjema.

hovedmål

Hovedformålet med betalingssiden- fylles ut av den besøkende. Spørsmål som brukere møter når de fyller ut skjemaer:

Spørsmål

• Hvor skal jeg begynne?
• Er det enkelt å fylle ut skjemaet? Og hvor lang tid vil det ta?
• Hvilken betalings-/leveringsmetode passer for meg?
• Hvor mange trinn må du fullføre før skjemaet er fullstendig utfylt?
• Hvorfor skal jeg fylle ut disse feltene? Hvorfor trenger de disse dataene?
• Kan du stole på? Vil ikke e-posten/telefonnummeret mitt falle i hendene på spammere?
• Hva bør jeg gjøre etter å ha sendt inn skjemaet?

Oppgaver

La oss se hvilke oppgaver betalingssiden løser.

Oppgave	Løsning
Gi en enkel, ryddig layout	For å gjøre dette må du legge til ledig plass, samt fjerne alt unødvendig
Trekk oppmerksomhet til skjemafelt	For å gjøre dette vil vi legge til en annen bakgrunn i boksen med felt og kanter rundt skjemaet.
Fjern unødvendige felt	Du må bestemme hvilke felt brukeren må fylle ut slik at bestillingen kan fullføres. Ingenting unødvendig som kan tvinge brukeren til å forlate betalingssiden
Overvinn besøkendes tvil	Du kan informere om at bestillingen kan kanselleres når som helst. Eller snakk om fordelene ved å kjøpe i butikken din: garanti, retur eller leveringsbetingelser
Bruk aktiv stemme	Veiled brukeren gjennom betalingsprosessen ved å bruke aktive verb. De kan brukes i sideoverskrifter eller i forklaring av bestillingsskjemafelt
Angi antall trinn og tidspunkt for å legge inn en bestilling	Dette gjøres øverst på siden, før brukeren går videre til designet.

La oss nå løse disse problemene.

Prøve

Gi en enkel, ryddig layout

La oss starte med den vanskeligste. Slik ser standard betalingssiden ut:

For å forenkle utseendet til betalingssiden trenger vi:

• La bare logoen og nettstedsnavnet stå øverst på nettstedet. Ingen lenker
• Endre innhold i sidefeltet. Vi trenger ikke lenger å vise en liste over kategorier. Vi legger inn litt hjelp i sidefeltet for de som legger inn en bestilling og en melding som du kan ringe hvis noe ikke fungerer
• Forenkle den nederste delen av nettstedet - la bare opphavsrettssystemet og nettstedet være i det

Hvis ønskelig, kan du helt forlate sidefeltet.

Finn i malen til tjenesteskjemasiden den globale blokken som er ansvarlig for den øverste delen av nettstedet (vanligvis $GLOBAL_AHEADER$) og plasser den i følgende struktur:

$GLOBAL_AHEADER$

logo_simple.png er et forenklet logobilde. Det er flere måter å forenkle logoen for betalingssiden på – reduser den i størrelse, redesign den, forlat bedriftsstilen, eller gjør den svart-hvitt.

La oss gjøre det samme med den nederste delen av nettstedet ($GLOBAL_BFOOTER$) og sidefeltet ($GLOBAL_CLEFTER$):

$GLOBAL_AHEADER$ $GLOBAL_CLEFTER$

Hvis du opplever problemer med globale blokkeringer, husk.

Trekk oppmerksomhet til skjemafelt

Totalt på bestillingssiden blir brukeren bedt om å fylle ut fire skjemaer:

1. Skjema med ordreinnhold (tabell) $BODY$
2. Form for valg av leveringsmåte $DELIVERY_SELECTOR$
3. Form for valg av betalingsmåte $PAYMENT_SELECTOR$
4. Personopplysningsskjema $ORDER_FIELDS$

For å markere skjemafelt, må du konfigurere .methods-list og #order-table:

Methods-list, #order-table ( margin: 20px; bakgrunnsfarge: #e5e5e5; kantlinje: 1px solid #cccccc; )

Fjern unødvendige felt

Her snakker vi om skjemaet $ORDER_FIELDS$ for personopplysninger. Du har sikkert allerede fullført leksjon 31 om bestillingsfelt. Vi må se på hvert felt som legges til under et mikroskop og spørre oss selv: "Er informasjonen i dette feltet virkelig så viktig for oss at vi er villige til å miste noen kunder for det?"

Ofte er "Navn", "Telefonnummer" og "Leveringsadresse" nok.

Selvfølgelig er det verdt å vurdere marginaliteten til varer. I butikker hvor et stort antall bestillinger skal behandles, vil ytterligere felt øke fortjenesten ved å redusere lønnskostnadene for behandling. I tilfelle av en liten strøm av bestillinger, er det fornuftig å bare be om navn og telefonnummer, hovedsakelig basert på kvalifikasjonene til salgsledere.

Når du har bestemt deg for å fjerne unødvendige felt eller legge til nye felt, gå tilbake til leksjon 31.

Overvinn besøkendes tvil

Slik skal vi overvinne:

• Etter skjemaet med innholdet i bestillingen $BODY$ vil vi legge inn kort informasjon om garanti- og returbetingelsene
• Ved siden av skjemaet for valg av betalingsmåter $PAYMENT_SELECTOR$ vil vi plassere ikoner for attester, sertifikater (hvis noen) eller ikoner for betalingsmåter;
• Før "Legg inn en bestilling" $ORDER_BUTTON$-knappen, vil vi informere deg om at bestillingen kan kanselleres/endres når som helst. På denne måten vil brukeren ikke ha lange tanker om "Formaterte jeg alt riktig?"
• Under "Legg inn en bestilling"-knappen $ORDER_BUTTON$ vil vi plassere en blokk "Hva vil skje neste?". I den vil vi informere deg om at før levering av bestillingen, vil vi definitivt ringe deg tilbake for å avklare på det angitte tidspunktet.

Dessverre, innenfor rammen av denne leksjonen kan vi ikke vurdere hvordan vi legger til ikoner i betalings- eller leveringsskjemaer. Så bare legg til den aktuelle blokken etter $PAYMENT_SELECTOR$ .

Bruk aktiv stemme

La oss se på et spesifikt eksempel. Som standard er valg av betalingsmåte beskrevet i denne delen av malen:

Betalingsmetode

$PAYMENT_SELECTOR$

Hvis du bruker aktiv stemme, vil det samme fragmentet se slik ut:

Velg en betalingsmetode

$PAYMENT_SELECTOR$

Det samme gjelder valg av leveringsmåte, kontroll av innholdet i bestillingen og utfylling av brukerdataskjema.

Angi antall trinn og tidspunkt for å legge inn en bestilling

Før $BODY$ legg til en melding om hvor mange trinn det er i betalingsprosessen og hvor lang tid det vil ta, for eksempel:

Å legge inn en bestilling i 4 trinn tar ikke mer enn 3 minutter

Hvor har uCoz flere trinn for å legge inn en bestilling? Her snakker vi om trinn på én side. Jeg foreslår dette alternativet:

1. Trinn 1: Sjekk innholdet i bestillingen din
2. Trinn 2. Velg en fraktmetode
3. Trinn 3. Velg en fraktmetode
4. Trinn 4. Gi informasjon om deg selv

Vær oppmerksom på at tittelen på hvert trinn bruker den aktive stemmen.

Dette avslutter leksjonen. Det er en rekke innstillinger for betalingssiden som lar deg øke konverteringen på den. Vi vil snakke om dette i de følgende leksjonene.

Øvelser

1. Lag et forenklet betalingssideoppsett
2. Fjern unødvendige felter og velg de resterende
3. Plasser blokker med tekst som vil bidra til å overvinne kjøpers tvil
4. Angi antall trinn og tid som kreves for å legge inn bestillingen

ASOS-nettstedet gir besøkende en utmerket brukeropplevelse takket være en gjennomtenkt utsjekkingsprosedyre. I denne artikkelen vil vi forklare hvorfor handlekurven deres fungerer så bra og demonstrere noen trendteknikker som lar deg øke din egen betalingsside.

Generelt sett er suksessen til en gitt nettbutikks handlekurv diktert av én enkel faktor: åpenhet. Med andre ord, på bestillingssiden ser brukerne all nøkkelinformasjonen: produkttilgjengelighet/reservasjonsperiode, leveringsalternativer, bonustilbud, returbetingelser, sikkerhetstiltak og tilgjengelige betalingsmåter. Dette får besøkende til å føle seg mer selvsikre og oppmuntrer dem til å fullføre kjøpet.

Direkte til handlekurven eller bli på produktsiden?

Hvis du vil at kundene dine skal kjøpe flere varer samtidig, velger du bort å gå til handlekurven automatisk når du legger til hvert produkt. Plasser i stedet en interaktiv fane på siden som alltid viser brukerne innholdet i handlekurven.

På denne måten vil kundene hele tiden kunne spore kjøpene sine, og kjøpers overgang til handlevogn blir en frivillig, bevisst beslutning.

Hvordan får ASOS 50 % flere nye kunder til å betale?

Det er én vesentlig forskjell mellom den opprinnelige versjonen av ASOS-kassesiden og det oppdaterte designet: mens tidligere kunder måtte registrere seg for å legge inn en bestilling, fokuserer ikke utviklerne nå på å opprette en konto. I stedet ber de kundene om å klikke på den aktuelle knappen for å fortsette.

Tidligere ASOS eCommerce-direktør James Hart forklarer hvordan de oppnådde denne forbedringen:

"Generelt endret vi praktisk talt ikke funksjonaliteten til kjøpsstadiet på dette stadiet, men etter en rekke lange deltester ble påloggingsskjermen forbedret. Som et resultat oppnådde vi en reduksjon i antall feil med 50 %.»

Ta en titt på den oppdaterte betalingssiden på ASOS-nettstedet:

Og nå på sin forrige versjon:

Tester utført i eCommerce-segmentet viser at brukere ikke ønsker å gå gjennom prosedyren for kontooppretting når de blir tvunget til det. Kjøpere ønsker ikke å gå gjennom noen ekstra trinn, langt mindre oppgi sin personlige informasjon, for å fullføre et kjøp fordi det tar verdifull tid.

Faktisk sier de fleste kunder at ideelt sett, når de legger inn en bestilling, vil de bare være begrenset til å velge et passord. Deretter vil du se at ASOS fortsatt ber kundene om å registrere seg, men i tillegg til standardkravene (kontaktnavn og e-post), trenger brukere kun å oppgi et passord.

Best Practices for bestilling

Nedenfor har vi fremhevet noen nøkkelelementer i ASOS-handelsopplevelsen som er i tråd med beste praksis og holder kundene fokusert på å fullføre kjøpet.

1. Trinn-for-trinn bestillingsprosedyre

ASOS sin oppdaterte kasse viser hvor enkel prosessen kan være hvis du fjerner alle distraksjonene fra brukerne.

2. Sikkerhetsgaranti

I tillegg til logoen og navnet på stadiet der personen befinner seg, plasserer ASOS kun informasjon om sikkerheten til de angitte dataene i sidehodet. Dette er viktig for å øke tilliten, spesielt i detaljhandelssegmentet, og kan tas i bruk av mindre kjente detaljisttjenester.

3. Tydelig fremdriftsindikator

Fremdriftsindikatoren er laget under hensyntagen til alle nyansene:

1. Minimalistisk design.
2. Den viser tydelig hvilket stadium av bestillingsprosessen du er på.
3. Antall trinn er klart definert.
4. Det er forstått at du vil ha muligheten til å gjennomgå bestillingen din før bekreftelse.

4. Tilgjengelighet av forklarende tips

I nærheten av noen felt, som e-post, passord og kjønn, plasserte utviklerne støtteinformasjon slik at brukerne forsto hvorfor selskapet trengte disse dataene. Ideelt sett bør denne teknikken brukes på fødselsdatoen, men vi kommer til det senere.

5. Fjern hoved CTA-elementet

På hver betalingsside er hoved CTA-knappen som tar brukeren til neste trinn det mest fremtredende elementet. Mens mange forhandlere fortsatt har kontroversielle oppfordringer til handling på nettsidene sine, sørger ASOS for at kundene deres enkelt kan navigere til neste trinn i prosessen.

6. Manuell inntasting av adressedata

For de aller fleste besøkende er muligheten til å legge inn adresseinformasjon manuelt av stor betydning. I tillegg, med dette alternativet, mottar nettbutikken mer pålitelig informasjon fra kunder.

På grunn av noen årsaker, for eksempel ved flytting til et nytt boligkompleks, kan mange klienter ikke bruke automatisk adressevalg. Det betyr at du bør gjøre det så enkelt som mulig for dem å fylle ut feltene.

7. Tilgjengelighet av adresse for å sende en faktura

For de fleste detaljisttjenester har dette alternativet allerede blitt en slags standard, men det kan fortsatt forbedres. I dette tilfellet, hvis en besøkende bruker samme adresse (for produktlevering og faktura), omdirigerer ASOS dem umiddelbart direkte til kassen, og gir dem dermed en enda raskere og derfor mer positiv brukeropplevelse.

Hvis du er interessert i en alternativ løsning, kan du sende kundene dine til betalingssiden og først da spørre om de vil bruke en ekstra faktureringsadresse.

8. Endring av betalingsfelt basert på kortvalg

Til en viss grad klarte ASOS-teamet å implementere denne tilnærmingen, men fortsatt kan man argumentere med tilstedeværelsen av flere felt i skjemaet. Hvis de er valgfrie, vil eliminering av dem spare kundene dine fra unødvendig tenkning som forsinker dem fra å fullføre kjøpet.

9. Full forhåndsvisning og redigering av bestillingen før bekreftelse

Som du kan se fra fremdriftslinjen, gir ASOS besøkende den kritiske muligheten til å gjennomgå og redigere all informasjon før de bekrefter bestillingen.

Mens noen nettforhandlere forventer at kunder bekrefter umiddelbart etter at de har skrevet inn betalingsopplysningene sine, deler ASOS de to viktigste avgjørelsene en person må ta under kassen. Dessuten gir de også fleksibiliteten til å redigere informasjon for å imøtekomme mulige endringer.

10. Ulike leveringsalternativer oppført i et praktisk format

ASOS tilbyr ikke bare kundene en rekke leveringsalternativer, men viser dem også frem i et praktisk format. Vanligvis plasseres denne informasjonen i rullegardinfaner, men ASOS sin teknikk lar besøkende se alle tilgjengelige priser samtidig, slik at de kan ta mer informerte beslutninger om leveringsmetoden.

11. Evne til å gå tilbake uten å miste informasjon

Selv om ASOS ikke gir kundene en tilbakeknapp under kassen for å unngå å avbryte prosessen, kan mange kunder likevel ønske å gå tilbake til forrige side for å sjekke eller endre detaljene sine.

På de fleste e-handelssider kan dette resultere i advarsler og forespørsler om å sende informasjonen på nytt, men ASOS har reddet sine besøkende fra disse irriterende meldingene.

Måter for ytterligere forbedring

1. Bruk beskrivende fremdriftsindikatorer: erstatt "Fortsett" med "Se bestillingen min", osv.
2. Forklar besøkende hvorfor de må angi fødselsdatoen sin på skjemaet.
3. Bruk mer humane feilmeldinger som ikke får brukerne til å slutte.
4. Gi kunden en god grunn til hvorfor du trenger mobilnummeret deres (du sender for eksempel tekstmeldinger til kundene om status på bestillingen deres).
5. Gi folk muligheten til å gå tilbake til forrige side når de er i betalingsprosessen. Dette vil tillate dem å gjøre viktige endringer selv om de husker feilen for sent.

Og ikke noe kontaktnummer?

ASOS viser egentlig ingen kontaktnummer på nettsiden deres – de kommuniserer med kunder gjennom sosiale medier, hjelpesider og et kontaktskjema.

Takket være innsatsen dette teamet har lagt ned for å forbedre kundeopplevelsen, har de klart å redusere antallet potensielle årsaker til å ringe kundeservice betraktelig. Som et resultat ber kunder svært sjelden om hjelp fordi de ikke ønsker å måtte bytte til å fylle ut et tredjepartsskjema under kassen.

ASOS-kunder vet allerede at varene i handlekurven deres ikke vil bli reservert i mer enn 60 minutter, så å vente på svar fra kundeservice i flere timer (opptil 4 timer) ville rett og slett være meningsløst for dem.

Oppsummering

Selv om ASOSs eksempeltilnærming er langt fra ideell, bør du definitivt prøve teknikkene som er skissert her på nettstedet ditt for å overbevise kunder om å fullføre transaksjonen.

Ved å kombinere disse teknikkene med flere anbefalinger, kan du optimere handleopplevelsen og minimere antallet forlatte handlekurver.

Det har lenge vært en oppfatning om at behovet for å registrere seg på en nettside fører til en nedgang i antall salg. Gitt dette er det logisk å anta at det skal dukke opp en side for å betale for varene, hvor du bare skriver inn e-postadressen din og leveringsdetaljer. Dermed bør netthandel ligne en selvbetjent butikk, hvor kjøperen gis full frihet, ingen tilleggsinformasjon er nødvendig, men den totale kostnaden for kjøpet kan enkelt beregnes.

Men er dette virkelig tilfelle? Vi inviterer deg til å gjøre deg kjent med noen bestillingsskjemaer på kommersielle nettsteder.

Eksempler på kassesider på kommersielle nettsider

Før du oppretter et kommersielt nettsted, er det viktigste å forstå at obligatorisk registrering ikke bare har en negativ innvirkning på salgsnivået, men er også helt meningsløs. du kan gjøre deg kjent med kjente eksempler som bekrefter dette faktum.

Uansett, for å bekrefte bestillingen, må brukeren bli bedt om en e-post, leveringsadresse og navn. Dette er de samme punktene som må legges inn ved registrering, bortsett fra at det ikke er nødvendig å komme opp med passord.

Denne informasjonen kan bes om fra brukeren på ordrebekreftelsessiden, genereres automatisk, og først da blir brukeren bedt om å "opprette et passord." Og hvorfor tvinge brukeren til å registrere seg før han bestemmer seg for å kjøpe noe fra deg, når hele prosessen kan "sveives ut" nesten umerkelig under kassen?
Her er et eksempel på hvordan ASOS har forenklet registreringssiden sin med:

(Fig. Kunder som allerede har brukt tjenestene til ASOS-nettstedet må oppgi e-postadresse og passord, og nye kunder må opprette en konto)

(Fig. For å logge inn må vanlige kunder skrive inn e-postadresse og passord, og nykommere, etter å ha valgt et produkt, blir bedt om å gå til betalingssiden)

Når potensielle kunder klikker på "fortsett"-ikonet etter å ha valgt et produkt, vil de bli ført til en side hvor de vil bli bedt om å skrive inn den samme informasjonen de ba om før, og til slutt vil en konto bli opprettet. Det betyr at den samme prosessen presenteres på helt forskjellige måter. Overraskende nok viste statistikk at en så liten endring førte til en halvering av feil på siden.

Konklusjon: på nettsider bør registrerte kunder bli bedt om å "logge inn" med passordet sitt slik at de raskt kan få tilgang til bestillingssiden. Og beregningen av ordrebeløpet og dens videre utførelse må tilbys alle. Selvfølgelig kan du tilby å opprette en konto, men dette er til ingen nytte.

Macy's Company
Her er et annet godt eksempel – en fin, oversiktlig og oversiktlig side som trekker brukernes oppmerksomhet til viktige punkter:

(Fig. Hvis du tidligere har kjøpt noe på nettstedet, kan du gå til bestillingssiden din ved å skrive inn e-postadressen og passordet. For nybegynnere, først etter å ha valgt et produkt, tilbys de å gå til bestillingssiden ved å klikke på «Gjør beregning som»-knapp gjest. Dette vil automatisk opprette en profil).

Macy's gjør dette også bra fordi betalingssiden gir kundene retur- og fraktinformasjon (ved å klikke på boksen og låseikonene) og et nummer øverst på siden for å ringe og avklare all nødvendig informasjon. Enig i at en slik tilnærming til virksomheten inspirerer til tillit og respekt.

Walmart Company
På betalingssiden tilbyr Walmart gjestene muligheten til å opprette en konto eller fortsette å bestille uten å opprette en konto. De. en ny kjøper har et valg - å spare tid "her og nå" eller i fremtiden:

(Fig. Vanlige kunder logger inn på systemet ved å skrive inn e-postadresse og passord, og nybegynnere kan finne ut totalkostnaden og legge inn en bestilling uten å opprette en konto (dvs. spare tid nå), eller opprette en konto (og dermed spare penger) tid i fremtiden) fremtid)).

Sears selskap
En interessant tilnærming til dette problemet ble tatt av Sears, som bestemte at de ikke trengte en påloggingsside for vanlige kunder. Derfor sender selskapet alle sine brukere direkte til betalingssiden.
Slik så betalingssiden deres ut før:

Og slik ser hun ut nå:

Alt er veldig tydelig (du må oppgi leveringsadresse, mottakers navn og e-post), det er ingen hindringer for å gjennomføre kjøpet.

WHSmith Company
Et annet forbilde. En veldig pen side som ikke tvinger brukeren til å registrere seg:

(Fig. Brukeren blir bedt om å skrive inn sin e-post og blir diskret spurt om han har et passord for å logge inn på siden)

Tesco-selskapet
Tesco viser en helt annen tilnærming. På deres nettside utføres obligatorisk registrering av brukere før bestilling.
Kanskje skyldes dette at selskapet er stort nok, det har mange faste brukere med klubbkort, så registreringsprosessen regnes ikke som en barriere.

(Fig. Logg inn ved å skrive inn e-postadresse og passord. Registrer deg ved å skrive inn e-postadresse, postnummer og klubbkortnummer)

Denne tilnærmingen tror jeg kan skremme bort en rekke tilfeldige kjøpere, så vi kan råde Tesco til å prøve å innføre en bestilling for tilfeldige nettstedgjester og spore resultatet.

John Lewis Company
Et annet godt eksempel på bestilling av sidedesign. Det er ikke krav om obligatorisk registrering av alle brukere, og selve siden gir all nødvendig kontaktinformasjon for selskapet, og tilbyr en sikker ordrebekreftelsesfunksjon (plassering av ordren kan kun fortsettes ved å følge lenken sendt til e-postadressen ):

(Fig. Brukeren blir bedt om å legge inn en e-post som en lenke for videre bestilling vil bli sendt til)

Boots Company
Tidligere har vi allerede sett på nettstedet til "Boots"-selskapet, der obligatorisk registrering før du legger inn en bestilling kan være en av faktorene som negativt påvirker salgsnivået:

(Fig. Logg inn i kassasystemet via e-post og passord eller registrer deg på siden før du begynner å handle)

Amazon Company
Amazon tvinger også brukere til å registrere seg før brukere sendes til siden for å legge inn og beregne kostnadene for en bestilling. Dette kravet er imidlertid presentert veldig skånsomt, så registreringsprosessen ser ikke ut til å være en hindring for videre handlinger på siden.
Den nye besøkende blir bedt om å skrive inn adressen og klikke på radioikonet for å fortsette å bestille:

(Fig. Den besøkende blir bedt om å skrive inn en e-postadresse og angi om han er ny kjøper (da må han klikke på den gule knappen nedenfor) eller allerede har brukt Amazon-tjenester (da legges et passord inn)).

Etter dette vil du bli overført til registreringssiden, noe som ikke vil ta mye tid, fordi... ekstremt enkelt:

(Fig. Ny kjøper bes oppgi navn, e-postadresse, kontakttelefonnummer (valgfritt) og passord).

House of Fraser Company

De har en veldig enkel betalingsside som ikke utgjør noen hindring for å foreta et kjøp:

(Fig. De ber deg logge på eller fortsette å bestille som gjest, og angir kun e-posten din til å begynne med).

American Apparel Company

American Apparel-selskapet klarte å plassere på én side ikke bare informasjon om bestillinger (handleliste) og kostnadene deres, men også funksjonen "logg inn med påloggingen din" og bestiller som gjest.
Alt dette er imidlertid gjort så "velsmakende" at kjøperen ikke vil bli forvirret i det hele tatt, og ingenting vil distrahere ham fra kjøpet:

(Fig. Plassere en bestilling: 1) liste og kostnad for bestillingen; 2) logg inn med påloggingsinformasjonen din eller spesifiser leveringsdetaljer som gjest)

La oss oppsummere det
Artikkelen inneholdt et tilfeldig utvalg av betalingssider fra ulike kommersielle nettsteder for å demonstrere hvor forskjellig dette problemet kan tilnærmes.
I de fleste tilfeller er alle besøkende til forskjellige ressurser pålagt å legge inn den samme informasjonen, men det er veldig viktig å vite hvordan man riktig kan be brukeren om å legge inn nødvendig informasjon og i hvilken rekkefølge det er best å gjøre dette.

Hvis du for eksempel ikke tar hensyn til å legge inn nummeret fra klubbkortet (som uansett er valgfritt), krever skjemaer for å legge inn og beregne kostnaden for en ordre fra selskaper som House of Fraser og Tesco at du legger inn samme informasjon .

Det er bare at Tesco, med sin implementeringsstil, gjorde dette til en barriere, mens House of Fraser ikke skaper noen hindringer og leder alle brukere direkte til bestillingssiden uten obligatorisk registrering. Hvilken taktikk er bedre? Etter min mening, den andre...

Og husk alltid at hvis du vil at kunder skal handle hos deg, ikke legg noen hindringer for dem.