Noen endringer skjer hele tiden. Sterk konkurranse lar ikke Internett-markedsføringstrender stå stille.
Hvis for eksempel i går knappen "bestill en samtale" var en slags attraktiv innovasjon, er den i dag allerede overalt, og du vil ikke overraske noen forbruker med den. Derfor er eierne av de ledende nettbutikkene på konstant jakt etter nye ideer og nye "chips". Dessuten hender det ofte at du ikke trenger å gå langt - noen ganger er en enkel "kosmetisk" redesign nok.
I dag skal vi snakke om en tilsynelatende enkel ting som å legge inn en bestilling i en nettbutikk. Hvert nettsted har en slik seksjon. Imidlertid kan ikke alle nettsteder skryte av at arbeidet med denne funksjonen er perfekt finjustert og gir maksimale kjøpere. Oftere enn ikke skjer det motsatte: Butikker «gidder» ikke med dette i det hele tatt. Vel, det er et bestillingsskjema og det er det annet som trengs.
Så dette er en veldig stor vrangforestilling. Jo vanskeligere og uforståelig hvordan man legger inn en bestilling, jo større sjanse er det for at ca. 2/3 av de besøkende ikke "gidder" i det hele tatt med kjøp av varer i nettbutikken din.
Bestillingsskjema for grunnleggende regler
La oss starte med det faktum at det alltid er nødvendig å indikere i hvor mange stadier som oppstår bestilling og hvor lang tid det vil ta. Så for eksempel øker uttrykket "tre enkle trinn og noen få minutter av din tid" sjansen for at en kunde fullfører en bestilling og fullfører den til slutten.
Når en person allerede har trykket «og er i ferd med å foreta et kjøp, må han forstå hvilket stadium han er på og hvor mange stadier han fortsatt må gjennom. Det er best å ikke bruke spesialtegn, ikoner eller bilder for å indikere videre trinn. Klienten kan feiltolke dem. Det er tryggere og riktigere å skrive alt med ordene: «valg av leveringsmetode» eller «bekreft ordre». Ikke plasser noe overflødig ved siden av handlingsknapper. La det være alene i ledig plass, men synlig, tilgjengelig og forståelig.
Fra synspunkt av menneskelig psykologi og vane, bør knappene for positiv handling ("legg inn en bestilling", "bekreft", etc.) være plassert til høyre og være attraktive og merkbare for klientens øyne. Knapper i serien "retur", "avbryt" osv. skal være til venstre og bør ikke skille seg ut mot den generelle bakgrunnen slik at det ikke er noe insentiv til å trykke på dem.
Hvis du, når du fyller ut skjemaet, ber kunden om noen av hans personlige data, forklar alltid hvorfor de er nødvendige: navn og etternavn - for behandling av dokumenter for varene, telefonnummer - for kommunikasjon om leveringsspørsmål, e-postadresse - for ordrebekreftelse.
Registreringsprosessen bør være konsekvent. Det bør ikke være tillatt at kjøperen under noen av stadiene må avbryte sine handlinger og for eksempel gå for å registrere seg. Det er usannsynlig at han etter det vil fortsette bestillingen sin, bli i nettbutikken din eller komme tilbake dit. Det skal ikke være noen grunn til at kjøperen må avbryte bestillingsprosessen.
Her er et eksempel på feilregistrering, hvor det kreves plutselig registrering under kjøpsprosessen. Men dette er Ozon.ru - det største hypermarkedet i Russland, og her dikterer det sine egne regler.
En annen vanlig feil som ofte finnes på nettsteder og som du sikkert har kommet over. Så du fylte ut mange forskjellige felt som indikerte mange data om deg, det tok litt tid, klikk på "neste"-knappen og så gir systemet deg en feilmelding om at du for eksempel i et eller annet felt ikke skrev noe helt eller feil . .. Og så ser du at for å fikse disse feilene, må du først fylle ut alle skjemaene! I det minste er det irriterende. Maksimum – klienten forlater nettstedet ditt. Ikke tillat en slik trist misforståelse.
Ikke glem, i alle stadier av bestilling, bør den viktigste informasjonen være synlig: kostnaden og sammensetningen av bestillingen, leveringsbetingelser og betalingsmåter.
Og til slutt, det mest ideelle alternativet er når du spesifiserer alle leveringstider, dens spesifikke kostnad. Med andre ord, uttrykket "levering er utført innen 5-15 dager" høres vagt ut, uten å forårsake positive følelser. Påskriften "varene leveres 1. september" vil glede kjøperen mye mer. For eksempel liker jeg veldig godt denne teknikken i nettbutikker, når leveringsfeltet automatisk bestemmer byen min etter IP-adressen og umiddelbart beregner kostnaden for levering av varene og tidspunktet.
Å jobbe med en nettside for en nettbutikk er et langt og møysommelig arbeid. Det er nødvendig å tenke over hver detalj og hver lille ting i denne detaljen, introdusere nye "sjetonger", analysere, endre og foredle.
Har du noen gang sett en post i "Webvisor", hvordan en kunde legger et produkt i handlekurven, begynner å fylle ut ordredata og ... forlater siden? Denne scenen kan sammenlignes i drama med de siste bildene av «Titanic». I dag skal vi snakke om hva som får en bruker til å forlate nettstedet uten et kjøp og hvordan man fikser det.
I følge Baymard Institutes Cart Abandonment Rate Statistics, ender ikke mer enn 68 % av bestillinger som havner i en handlevogn med et kjøp og betaling.
Hvorfor forlater brukeren det tiltenkte kjøpet?
Sjekkliste: hvordan gjøre det praktisk å kjøpe i nettbutikken
1. Legge i handlekurv
1.1. Etter å ha klikket på "Kjøp" eller "Legg i handlekurv"-knappen, vis brukeren at produktet er lagt til
Etter å ha klikket på "Legg i handlekurv"-knappen før tilbakemeldingen vises med en melding om å legge til et produkt, bør knappen være inaktiv for å unngå å legge i handlekurven på nytt. I popup-vinduet tilbyr du å sjekke ut eller fortsette å handle.
1.2. Når du holder musepekeren over og klikker på "Legg i handlekurv"-knappen, skal den være uthevet eller endre farge
Hvis knappen ikke endrer utseende, kan brukeren feilaktig legge til flere identiske produkter i handlekurven.
Når du holder musepekeren over Kjøp-knappen i uttaket, blir knappen lysere:
Endre utseendet på knappen i "Hei" etter å ha klikket:
1.3. Angi hva som er prosedyren for retur og bytte av varer
Dette gjelder spesielt for kles- og skobutikker, hvor sannsynligheten for feilberegning av størrelsen er stor. Brukeren ønsker å være sikker på at han vil være i stand til å få riktig størrelse til slutt.
Leveringsinformasjon på sidene til "Hei":
På nettstedet "Photomag" åpnes detaljert informasjon ved å klikke på lenken "Detaljer":
2. Inne i kurven
2.1. I kurven, gi detaljert informasjon om de bestilte produktene
La oss gi omfattende informasjon om bestillingen slik at brukeren kan sjekke riktigheten av bestillingen og nekte varene han har lagt i handlekurven bare for sammenligningens skyld:
- produktbilde (bør zoome inn ved sveve),
- når du klikker på bildet, skal detaljert informasjon om produktet vises,
- angi antall enheter på lager,
- hvis produktet er i offline-butikker, vis meg hvor du kan hente det selv.
2.2. Knappen for å gå til neste trinn i designet skal visuelt skille seg ut
"Fortsett utsjekking"-knappen på Lebutik-nettstedet er duplisert og uthevet blant andre elementer:
"Checkout"-knappen på nettstedet "Billigere" er også vanskelig å gå glipp av:
2.3. Kurven skal "huske" bestillingen
Kanskje, av tekniske eller andre årsaker, kan brukeren ikke foreta et kjøp i én økt. Når han kommer til siden igjen, vil det være upraktisk å søke og legge til produkter igjen. Det er stor sannsynlighet for at en potensiell kjøper vil gi opp gjentatte manipulasjoner, så siden må huske innholdet i handlekurven.
2.4. Legg til en knapp for å fjerne en vare fra handlekurven
For eksempel er muligheten til å fjerne en vare fra handlekurven på Mobilac-butikkens nettsted presentert i form av en liten lenke:
2.5. Kampanjekoder og rabatter
Plasser feltene for å legge inn rabattkuponger og kampanjekoder på handlekurvsiden.
De skal ikke være aktive og synlige som standard. Dette distraherer brukeren som er klar til å kjøpe fra betalingsprosessen og motiverer dem til å forlate nettstedet på jakt etter informasjon om hvordan de kan få rabatt.
Feltet for kampanjekoden i "Hei" er skjult som standard:
Og den åpnes bare ved å trykke:
Men på Foxtrot-nettstedet er feltet for kampanjekoden synlig som standard. I tillegg tilbyr handlekurvsiden å sjekke saldoen på bonuskontoen ved å gå til et annet nettsted:
Hold tittelen på inndatafeltet intuitiv. Det er bedre å erstatte den uskarpe "Kupongen" med "Har du en kampanjekode?"
3. Registrering
3.1. Gi brukeren muligheten til å kjøpe uten registrering
Brukere liker ikke å registrere seg på sitt første kjøp. For det første er de ikke sikre på at de blir faste kunder. For det andre ønsker ingen å motta irriterende spam i posten. Og for det tredje er registrering assosiert med å fylle ut dusinvis av felt, gjenopprette et passord og sende en captcha.
Ett-klikks kjøpsfunksjon i Photomag. Brukeren legger igjen bare et telefonnummer, resten av informasjonen spesifiseres av lederen. Knappen for å lage en "hurtigbestilling" er visuelt uthevet blant andre elementer, og knappen for å legge inn en bestilling er usynlig og virker til og med inaktiv:
Lebutik tilbyr et alternativ til registrering - pålogging med en sosial nettverkskonto:
Fjern bekreftelsen av kontaktinformasjon fra registreringsprosessen (ved å følge lenken fra brevet eller taste inn koden fra SMS-en). Hvis det tar for lang tid før bekreftelse, vil brukeren ganske enkelt gå uten å fullføre kjøpet.
Hvis du gir mulighet til å bestille uten registrering, gjør denne funksjonen synlig på siden.
Ved bestilling uten registrering skal funksjonaliteten ikke kuttes. Hvis ingen betalingsmåte er mulig uten registrering, gi oss beskjed på forhånd. Beskriv fordelene med registrering og forskjellene i funksjonalitet for brukere med ulike statuser.
3.2. Bakgrunnsregistrering
Ofte er dataene for å legge inn en bestilling tilstrekkelig for registrering. Informer brukeren om automatisk registrering per brev. Selvfølgelig har denne metoden sine ulemper, for eksempel et automatisk generert passord, men brukeren sparer tid, og butikken får en ny abonnent.
Slik er det implementert i rosetten:
Eller inviter brukeren til å registrere seg etter kjøp basert på informasjonen de oppga.
3.3. Etter registrering bør automatisk autorisasjon og videreføring av bestilling skje
3.4. Foreslå å bruke e-post eller telefon som pålogging
Hvis du forestiller deg hvor mange ressurser en vanlig bruker er registrert på, og hvor mange par pålogginger og passord han trenger å huske, så blir motviljen mot å registrere seg igjen tydelig. Telefonnummeret og e-postadressen er data som klienten alltid husker.
Gi muligheten til å gjenopprette passordet ditt på autorisasjonssiden.
"Rosette" gjenkjenner brukeren på e-post og hjelper til med å huske passordet "uten å forlate kassen":
3.5. Lagre den utfylte informasjonen i påloggingsfeltet
Når en klient besøker siden igjen, går han eller hun som regel gjennom flere "standard" pålogginger i hodet eller husker ikke i det hele tatt at han allerede har registrert seg på siden. Spør klienten ved å la dataene ligge i påloggingsfeltet.
3.6. Ikke abonner automatisk de som er registrert på nyhetsbrevet
De fleste av kundene til nettbutikker er allerede lei av å motta fjell med unødvendige brev i posten. Beskriv de klare fordelene ved å registrere seg og spør om brukeren ønsker å motta e-post fra deg.
3.7. Minimer antall inndatafelt
Hvis brukerens by og distrikt kan bestemmes automatisk, la systemet fylle dem ut på egen hånd. I dette tilfellet skal brukeren kunne sjekke og redigere alle feltene.
På Lebutiks nettsider hjelper en nedtrekksliste deg med å velge en mobiloperatørkode fra listen.
3.8. Kontroll av riktigheten av de angitte dataene bør utføres mens du fyller ut skjemaet, og ikke etter sending
Etter å ha sendt inn et skjema med feil data, skal den utfylte informasjonen holdes fullstendig.
Kontrollen på siden "Billigere" på nettstedet skjer etter at skjemaet er sendt inn, der de angitte dataene ikke lagres etter oppdateringen:
3.9. Feilmeldinger skal være entydige og forklare hvordan du kan løse problemet
Inndatafeilmeldingen på "Hei"-nettstedet beskriver i detalj hvordan du kan fikse forlegenheten:
Lebutik ber brukeren om hvordan han oppgir riktig e-postadresse:
4. Levering
4.1. Vis hentelager på kartet og i en liste
"Rozetka" gir mulighet til å velge hentepunkter etter adresse i listen eller finne nærmeste filial på kartet:
4.2. Be brukeren velge en adresse fra listen eller angi den manuelt
Skrive inn eller velge en adresse på Photomag-nettstedet:
4.3. Oppgi leveringskostnad ved valg av leveringsmåte
Det kan komme som en overraskelse for kjøperen at totalbeløpet for ordren øker ved mottak, noe som resulterer i en avvisning. Vennligst informer om at frakt betales av kjøperen og anslå den omtrentlige kostnaden.
Praktisk visning av kostnadene avhengig av leveringsmetoden på nettstedet "Billigere":
Leveringskostnaden er synlig når du velger den fra listen på Allo-nettstedet:
På Photomags nettsider ser vi ikke det endelige beløpet, men vi finner ut når vi kan avklare den endelige kostnaden:
5. Betaling og detaljer
5.1. Angi betalingsmåter i synkende popularitetsrekkefølge
"Hei" tilbyr å velge betalingsmetode:
Vis betalingssystemikoner ved siden av navnet.
5.2. Del betalingsmåter inn i grupper etter betydningen:
- forhåndsbetaling med kredittkort,
- kontant betaling ved mottak,
- elektroniske betalinger,
- betaling via terminalen.
Velge betalingsmetode i "Rosette":
5.3. Spesifiser provisjonen for hver betalingsmåte
Når du velger betalingsmetode, endres totalbeløpet på siden "Billigere" på nettstedet:
Mobilac motiverer kunder til å betale med kort:
5.4. Hvis produktet ditt kjøpes regelmessig, lagre betalingsinformasjonen din slik at brukeren må legge produktet i handlekurven og klikke på "Kasse"
5.5. Ikke spør brukeren om type betalingssystem hvis størrelsen på provisjonen ikke avhenger av valget
De første sifrene i kortnummeret identifiserer betalingssystemet unikt: Visa, Mastercard, etc. Hvis prisen ikke endres når du betaler med et kort, bestemmer du automatisk systemet for kortet som brukeren går inn på.
5.6. Når du legger inn et kortnummer, skal inntastingsfeltet visuelt gjenta tallene på selve kortet
Sekssifrede tall er delt inn i 4 blokker med 4 sifre. Etter å ha fylt hver blokk, skal overgangen til den neste utføres automatisk
Vær oppmerksom på at det finnes kort med et antall andre sifre enn seksten. Maestro-kort kan ha 13 eller 16 eller 19 sifre. Hvis din behandling aksepterer kort med et annet antall sifre i nummeret for betaling, sørg for at inntastingsfeltet tilpasser seg de angitte dataene. Ved de første seks sifrene kan du bestemme navnet på betalingssystemet, og hvis dette systemet har et annet antall sifre i kortnummer, bør feltet endres.
5.7. Samle faktureringsinformasjon på butikkens nettside
Hvis brukeren, etter å ha klikket på "Betal"-knappen, blir tatt til siden til betalingsressursen, er dette forvirrende. Selv erfarne internettbrukere føler seg ukomfortable med å legge igjen betalingsinformasjon utenfor butikken.
Hvis det ikke er mulig å fylle ut dataene i skjemaet på siden, sørg for at stilen til siden er lagret på betalingssiden.
La alternativet stå på betalingssiden for å gå tilbake til butikkens nettside uten å betale. Her angir du også informasjonen om bestillingen (beløpet på bestillingen og innholdet i kurven).
5.8. Oppgi betalingssikkerhetsinformasjon på betalingssiden
- sikker https-tilkobling,
- betalingssystemlogoer og sikkerhetssertifikater.
- hvis SMS-bekreftelse av betaling ikke er nødvendig, informer brukeren om at betalingen ble utført uten 3DSecure-teknologi.
5.9. Hvis betalingen ikke kunne behandles, skal det vises en feilmelding
Hvis brukeren, etter at betalingen ikke har passert, bare blir omdirigert til betalingssiden eller handlekurven, så er det vanskelig å forstå om betalingen var vellykket eller ikke.
En melding om at betalingen ikke kunne utføres er på "Hei"-siden:
Tilby alternative alternativer for å betale for kjøpet.
5.10. Kommuniser med klienten på et forståelig språk
Erstatt tekniske og sjelden brukte termer med mer kjente.
- "Autentisering" - "Skriv inn koden fra SMS",
- "Dynamisk passord" - "Kode fra SMS".
5.11. Bekreftelseskoden må være plassert i begynnelsen av SMS-en slik at den kan leses uten å åpne meldingen
6. Ordrebekreftelse
På ordrebekreftelsessiden viser du den fullstendige informasjonen:
- Navn på produkt,
- Mengde,
- Prisen,
- Kostnad for levering,
- Leverings metode,
- Provisjon for betalingssystem,
- Mottakers kontaktinformasjon.
Tillat brukeren å redigere informasjonen på bekreftelsessiden.
Bekreftelse av bestillingen ved plassering på Mobilac-nettstedet:
7. "Takk for kjøpet"
Ha bestillingsinformasjonen din på takkesiden.
Meldingen på den siste siden av kjøpet i "Billigere"-butikken er veldig lakonisk:
"Photomag" indikerer også ordrenummeret:
"Hei" gir detaljert informasjon:
Dupliser den fullstendige informasjonen om bestillingen på kundens e-post.
Plasser alternativet for å skrive ut data på ordrebekreftelsessiden.
Hvis produktet er elektronisk, vennligst fortell oss hvordan du kan laste det ned.
La oss gjenta fortiden
Kurv:
- å legge til i handlekurven skal ikke inneholde unødvendige trinn,
- vise informasjon om at produktet er lagt i handlekurven,
- vise detaljert informasjon om varene i kurven,
- knappen for å fortsette kjøpet skal være synlig og navngitt i samsvar med brukerens forventninger,
- feltet for å legge inn kampanjekoden skal være skjult som standard,
- legg til en knapp for å fjerne en vare fra handlekurven,
- kurven må huske bestillingen.
Autorisasjon:
- legg til muligheten til å kjøpe uten registrering,
- legg til bakgrunnsregistrering,
- angi e-postadressen din eller ring påloggingen din.
Innbetaling:
- bruk intuitive navn på betalingsmåter med ikoner,
- vise betalingsmåter i synkende popularitetsrekkefølge,
- advare om gebyrene til betalingssystemene,
- feltene for å legge inn bankkortdata må visuelt gjenta plasseringen av informasjonen på det fysiske kortet,
- la brukeren gå tilbake til butikksiden uten betaling,
- oppgi detaljer hvis betalingen ble avvist.
Leveranse:
- bestemme adressen automatisk med mulighet for redigering,
- vise varehus for selvhenting på et kart og en liste,
- angi estimert fraktkostnad.
Takk for kjøpssiden:
- vis ordrenummeret,
- duplikat bestillingsinformasjon via e-post,
- fortelle kunden hvordan arrangementene vil utvikle seg videre.
Post Scriptum
Det er mange alternativer for å implementere den samme funksjonen, og valget avhenger av din nisje, målgruppe og nettstedsplattform.
Hovedbudskapet i forskningen og artikkelen vår er at du nesten alltid kan gjøre et kjøp på nettsiden mer praktisk.
Aveb-eksperter har forresten skrevet en bok om brukervennligheten til nettbutikker. Bare bruksanvisning - kun spesifikke anbefalinger og eksempler. Har du lest den allerede? Hvis ikke, sørg for å laste ned og lese.
Hvilke handlekurvforbedringer har økt antallet konverteringer på nettstedet ditt betydelig? Hva anbefaler du å være oppmerksom på?
Lønnsomheten til enhver nettbutikk avhenger først og fremst av hvor behagelige forholdene er på nettstedet. Enhver kjøper ønsker å finne det de leter etter så raskt som mulig og samtidig bruke et minimum av innsatsen. Statistisk sett liker de fleste kunder ikke betalingsprosessen. Det er derfor, hvis du ønsker å øke antall salg, må du forenkle bestillingssystemet på nettstedet ditt.
I nettbutikker, for å kjøpe et produkt, må klienten fylle ut bestillingsskjema, som er installert på nettstedet ved hjelp av spesielle skript, moduler eller plugins. Følg disse retningslinjene når du oppretter bestillingsskjemaet.
1. Enkelhet er nøkkelen til effektivitet.
Som praksis viser, hvis en kjøper støter på problemer når han legger inn en bestilling, forlater han oftest ressursen i frykt for å møte dette problemet igjen. Hvis bestillingsskjemaet ditt har noen få enkle steg og er enkelt å fylle ut, er du garantert stabilt salg. Det er verdt å merke seg at med enkelhet er det viktigste ikke å overdrive det, ta alltid hensyn til detaljene i prosjektet ditt. Bestillingsskjemaet på nettstedet bør samle minimumsinformasjonen som kreves for å legge inn en bestilling.
2. Bruk visuelle eksempler.
En person trenger alltid et visuelt eksempel, spesielt når du fyller ut et bestillingsskjema. Prøv å lage et nettskjema som selv en full vannkoker kan fylle ut.
3. Vis fremdriften av kassen til kunden din totalt.
Klienten skal alltid se hvor mange stadier han har gått gjennom og hvor mange som fortsatt må gå. er av særlig betydning fra et psykologisk synspunkt. Den klassiske bestillingsordningen tar 3-4 trinn. Den første fasen - brukeren lager en liste over bestillingen. Den andre fasen - kjøperen legger inn sin kontaktinformasjon. Det tredje trinnet er informasjonsverifisering. Den fjerde fasen er avtalen.
4. Utvikle tvil fra kunder.
I vårt land har en lov om beskyttelse av personopplysninger nylig trådt i kraft, men mange brukere vet ikke om det. I html-bestillingsskjemaet, sørg for å inkludere en merknad om ikke-utlevering av personlig informasjon. Dette vil øke tilliten til kundene dine betydelig.
5. Nei! registreringer.
Nesten alle kjøpere har en dårlig holdning til enhver registrering, på grunn av at denne prosessen kan ta lang tid (etter deres mening). Derfor, selv om registreringen på nettstedet ditt utføres uten å bekrefte profilen, slett den eller gjør utsjekkingsprosessen tilgjengelig for uregistrerte brukere. Det skal bemerkes at i noen tilfeller er registrering tvert imot nødvendig. For eksempel når du har tenkt å bygge en kundebase av høy kvalitet. I dette tilfellet, registrer deg på nettstedet gjennom sosiale nettverk. Det er veldig enkelt.
Alle de ovennevnte reglene og tipsene vil utvilsomt øke effektiviteten til bestillingsskjemaet på nettstedet, men du bør alltid huske at mye avhenger av spesifikasjonene til emnet. Bare ved prøving og feiling kan du virkelig øke konverteringen av nettstedet ditt.
Gode eksempler ble valgt ut etter brukervennlighetsprinsipper. Det er også verdt å merke seg at noen av eksemplene er unike og kanskje ikke fungerer for alle nettsteder. Test og forbedre alltid elementene på betalingssiden.
Hvis du er i tvil om tilnærmingene -.
Hva gjør utsjekking hyggelig?
Lett å bruke. Mens brukere ikke har en konto, må de angi en adresse og betalingsdetaljer for å legge inn en bestilling. Et godt skjema bør gjøre denne prosessen enklere ved å skrive så lite informasjon som mulig fra tastaturet.
Nyttige funksjoner:
- Søk etter en adresse eller prediktiv tekstinntasting.
- Kopiering av leveringsadressen til betalingsdataadressen.
- Forespørselen om å opprette en konto vises på slutten når brukeren er klar til å foreta kjøp.
- Kasse uten registrering.
- Fjern feilmeldinger slik at brukeren raskt kan fikse dem.
Kilder til problemer:
- Tvangsregistrering før bestilling.
- For mange trinn.
- Unødvendige skjemafelt.
- Uforståelige feilmeldinger.
- Problemer med skjemavalidering. For eksempel strenge regler for tidsformat.
Beste eksempler på betalingsskjemaer
Domino's
Dominos nettsted har fokusert på mobilitet. Den gjenkjenner enhetstyper og tilpasser seg dem.
Kasseskjemaet er hyggelig og enkelt å bruke: ingen registrering, enkle utfyllingsfelter, lagrede betalingsdata for gjentatte kjøpere.
Selv om brukeren glemmer passordet, men bruker samme e-postadresse, vil han fortsatt kunne legge inn en bestilling. I slike situasjoner returnerer mange nettsteder ganske enkelt et registreringsskjema som ber om passordgjenoppretting. Og dette er ikke alltid praktisk.
De har også en app der du kan bestille med ett klikk. Bare åpne appen, vent 10 sekunder, og pizzaen sendes til deg.
Lowes
Registrering kan være en barriere for å handle. Dette ekstra trinnet før bestilling kan være overveldende for mange brukere.
På den annen side lar registreringen deg forenkle handleprosessen i fremtiden. Det er også praktisk for brukere
Tilby å registrere deg på slutten av betalingsprosessen. Du kan registrere deg på Lowes nettsted før du klikker på 'bestill'-knappen. Det burde ikke være noen vanskeligheter her.
Trådløs
Utmerket form for bestilling. Brukeren blir umiddelbart tatt til siden med handlekurv og betalingsdata. Du kan bestille uten registrering, forresten.
Hele betalingsskjemaet er på én side. Og dette er veldig praktisk.
Amazon
Det er enkelt å gjenta kjøp på Amazon. Selvfølgelig må du først fylle inn informasjon om deg selv, men da vil Amazon huske dem en gang for alle.
Dette minimerer antall klikk og trinn. Prosessen fra å legge en vare i handlekurven til å bekrefte bestillingen din tar tre trinn. Ikke alle orker så mye. I tillegg vil spontane kjøpere forsvinne.
Nettsiden deres har et flott design for betalingsskjemaet. En forbedring de bør gjøre er å få betalingsskjemaet til å skille seg ut fra resten av innholdet på siden.
Det er fremdriftsindikator, total mengde varer, pris og leveringsbetingelser. Du kan også skrive inn adressen ved å bruke autofullføring, noe som er veldig praktisk.
Schuh
Teamet deres forstår viktigheten av brukervennlighet og forbedrer det hele tiden.
Ta en titt på skjermbildet nedenfor for skjønnheten til denne siden:
- Sikkerhet. Ovenfor er en bekreftelse på sikkerheten til siden og kontaktinformasjonen til selskapet.
- Melding om levering og retur av varer. Tre punkter over betalingsskjemaet minner brukerne om gode fraktbetingelser, rabatter og en enkel returprosess.
- Fremdriftsindikator. Hjelper brukere å forstå hvor mange trinn de kan forvente. Og det faktum at det er tre av dem allerede tyder på at dette er en rask prosess.
- Enkel registrering. Schuh er ikke interessert i registrering på dette stadiet, han vil tilby det senere.
- Lenker til viktig informasjon. Det er ikke nødvendig å gjøre disse koblingene i bunnen for merkbare, men de bør være der hvis brukeren trenger dem.
- Betalingsmetoder. En visuell påminnelse om hvordan brukere kan betale for en ordre.
- Senterform. Det er noen distraksjoner på siden, men fokus er på kjøpet.
Crate & Barrel
Formen har en vakker og enkel design. Alt er bygget logisk, hvert felt er merket. Det er en fremdriftsindikator, det er ingen forstyrrende elementer på siden.
Nordstrøm
Godt eksempel på betalingsskjema på én side. Det har en fordel - det virker for brukeren at det er mye raskere å bestille. Det spiller ingen rolle om det er sant.
Nordstrom-nettstedet har informasjon om produktet og prisen, pluss tomme felt er uthevet i rødt slik at brukeren ikke går glipp av det viktige.
Superbalist.com
Denne siden laget et registreringsskjema i form av en roman - så snart brukeren legger et produkt i handlekurven, blir han tilbudt (i form av et popup-vindu) å opprette en konto ved hjelp av en e-post eller Facebook-konto, eller gå til en eksisterende.
Brukeren blir deretter bedt om å opprette et passord før han fortsetter. 
Etter det sendes den til et vakkert betalingsskjema (selv om dette ikke er veldig praktisk for brukere som ønsker å legge til mer enn ett produkt i handlekurven).
Bemerkelsesverdig nok har Superbalist-nettstedet lagt til mye liten tekst som forklarer leveringsvilkårene og hva du skal skrive inn i feltene.
AO.com
AO.com gjorde en god jobb. På denne siden kan du velge tidspunkt og dato for levering, og det er også veldig enkelt:
Faktureringssiden er flott. Ordrebeløp, leveringsdato, mengde varer osv. vises. AO har lagt igjen kontaktinformasjonen hans slik at enhver bruker umiddelbart kan ringe hvis han har spørsmål.
Joseph Joseph
Et annet nettsted med en vakker utforming av betalingsskjemaet er Joseph Joseph ... Siden som ble valgt som eksempel er registreringsskjemaet/kassen uten registrering.
Hva de gjør riktig: Gi kjøperen et valg. Noen vil registrere seg, og noen vil ikke, og de vil ha muligheten til å legge inn en bestilling uten ytterligere prosedyrer.
Gode eksempler, men det er rom for å vokse ...
Nettsiden Zappos er et godt eksempel, de fokuserer på kundeservice og lojalitet.
Imidlertid er betalingsprosessen ufullkommen. Å opprette en konto er en forutsetning som ikke passer alle brukere.
Kanskje i tilfellet med Zappos fjerner merkevarens omdømme denne barrieren. Jeg lurer på om de har prøvd noe annet.
Etter registrering blir brukere omdirigert til handlekurvsiden, noe som ikke er veldig praktisk.
I tillegg er betalingsskjemaet ikke uthevet. Det blir borte i bakgrunnen av hovednavigasjonsmenyen, søkefeltet, alfabetisk indeks, etc. For mange distraksjoner som gjør at brukerne ikke vil bestille.
Å fremheve betalingsskjemaet betyr ikke å lokke brukere inn; det betyr å gjøre det enklere for dem å kjøpe.
Støvler
Dette betalingsskjemaet er det dårligste på listen.
Hva er dårlig her: brukeren må skrive adressen sin to ganger - når han fyller ut betalingsdata og leveringsdata. Å bruke samme standardadresse er en god måte å forkorte tiden det tar å fylle ut et skjema som mange nettsteder bruker.
Konklusjon
Kanskje er ikke skjemaene like, men hver av dem har nyttige funksjoner som du kan bruke når du lager nettstedet ditt.
Hva har hver av disse formene til felles? De har som mål å gjøre ting enklere for brukerne. For eksempel, når du vil at en bruker skal registrere seg, er det bedre å legge til ett eller to trinn på slutten av kassen enn i begynnelsen.
Har du noen bedre eksempler på kasseskjemaer enn de som er presentert? I så fall, del dem med oss i kommentarfeltet under innlegget ...
I denne artikkelen vil jeg fortelle deg om en så viktig ting for brukervennligheten til en nettbutikk, som den gjensidige avhengigheten av felt på betalingssiden i handlekurven.
Jeg vil forklare hva det er med et eksempel. Anta at nettbutikken din er geografisk plassert i St. Petersburg, hvor du har et hentepunkt eller en frakoblet butikk. I St. Petersburg foretar du levering med bud og muliggjør selvhenting. Men i tillegg leverer du til hele Russland. Hvordan, i dette tilfellet, implementere riktig bestilling på nettstedet, slik at det er praktisk for alle, og for de av kundene dine som er i samme by med deg (de kan bruke selvhenting eller budlevering) og andre som kun kan motta bestillingen gjennom posttjenester.
Det viser seg at alle klienter kan betinget deles inn i to grupper - lokale(fra St. Petersburg) og utlending(fra en hvilken som helst annen by i Russland).
Med dette i tankene, la oss definere minimumssettet med felt i betalingsskjemaet som butikken din trenger for hver av disse gruppene.
Som du kan se, er utsjekkingsfeltene forskjellige for lokale nettkunder og ikke-bosatte kunder.
Dette er nettopp avhengigheten til feltene i kurven, som jeg snakket om i begynnelsen. Etter at kjøperen har angitt byen sin, tar vi hensyn til denne byen, gir vi ham å fylle ut bare feltene som er nødvendige i dette tilfellet og gir ham et valg av kun de betalings- og leveringsmetodene som vi kan akseptere og implementere.
Enkelt sagt, butikken skal ikke vise kundefeltene som de ikke trenger å fylle ut eller velge. For eksempel, hvis en butikk bare leverer til Moskva via posttjenester, men ikke kan levere med bud, er det ikke nødvendig å vise leveringsmetoden med "Courier" for byen Moskva. Videre, hvis når du velger leveringsmetoden "Gruzovozoff" du teknisk sett ikke kan akseptere betaling med "Kontant ved levering", trenger du ikke å vise denne betalingsmåten for leveringsmetoden gjennom "Gruzovozoff". Jeg tror logikken er klar her.
Det er det samme med lokalbefolkningen. Det er ikke humant for en lokal kjøper som ønsker å hente en ordre selv (hvis han valgte "Pickup") å få ham til å fylle ut "Adresse" og "Indeks"-feltene. Videre, når "henting" er valgt, må vi ikke vise denne kunden betalingsmåter som ikke er tilgjengelige ved henting. Det vil være rart om kjøperen ved henting velger en kontantbetalingsmetode via Euroset.
Selv om dette forholdet mellom felt kan virke forvirrende ved første øyekast, er virkeligheten veldig enkel. Spesielt hvis denne funksjonen støttes i CMS. Så, i min favoritt CMS 1C-Bitrix, er en slik bestilling i en nettbutikk konfigurert med en mus på 10-15 minutter. Uten problemer kan du spesifisere for hvilken by hvilke felt som skal vises, hvilke leveringstjenester og betalingsmåter som skal kobles til osv. I dette tilfellet trenger ikke avhengigheten å være nøyaktig av byen kjøperen kommer fra. Avhengigheten kan være av leveringsmetoden. Jeg valgte "Pickup" - du vil ikke se ekstra felt i betalingsmetodene. Samtidig, fra klientens side, ser alt logisk ut, det er ingen spørsmål "hvorfor fyller jeg ut adressen" hvis jeg henter bestillingen selv osv.
"Linkede felt" kan brukes til mer enn bare å forbedre brukervennligheten til kassen. Du kan vise forskjellige leveringsmetoder for forskjellige byer. For eksempel er det en praktisk leveringstjeneste som bare frakter til 15 byer med en befolkning på én million - du kan konfigurere denne tjenesten til å være tilgjengelig kun for kjøpere fra disse byene.
Det ser ut til at det som ble sagt ovenfor er åpenbare ting. Men i mange nettbutikker brukes ikke disse åpenbare tingene, og som et resultat har mottak og registrering av bestillingen så mange felt, ved å fylle ut som du ikke bare kan bestille Krasovki, men også få et pass :-).
Alle har sikkert lest populære tilfeller der de i store amerikanske butikker (Amazon, Zappos, Ebey), etter å ha snudd to former, tidoblet konverteringen. Vanligvis fører slike eksempler til at man må lage så få felt som mulig i kassen.
Sakene er vakre og interessante. Men det er vanligvis ingen bakhistorie i dem. La oss ta et eksempel der to skjemaer ble byttet på betalingssiden.
Tror du de ikke ble endret tilfeldig, men basert på en slags antagelse?
La oss prøve å gi et eksempel på en lignende antagelse. Hva tenker du (husker det som ble sagt ovenfor om den gjensidige avhengigheten av felt), er det forskjell på hva som skal vises på betalingssiden først av alt "Indeks"-feltet eller "By"-feltet? Ved første øyekast er det ingen forskjell.
La oss nå legge til de første dataene fra eksemplet beskrevet ovenfor, når butikken er i St. Petersburg. Det er en selvhenting, leverer kun med bud i St. Petersburg, og sender bestillinger til andre byer gjennom post- og transportselskaper (det er ingen budlevering). Nå er det en forskjell, hvilket felt blir det første, postnummer eller by?
Ja, nå er det det. Dessuten har ny informasjon en sterk innvirkning på hele betalingsprosessen. Nå må vi gjøre en rekke felt avhengige. "By"-feltet skal nemlig være det første. Inntil "By"-feltet er fylt ut, vises ikke feltene "Postnummer", "Adresse", "Leveringsmåter" og "Betalingsmåter". De vises først etter at en annen by enn St. Petersburg er valgt. For i St. Petersburg, som vi sa ovenfor, leverer butikken kun ved selvhenting og med bud. Og hvis dette er tilfelle, trenger han ikke sin indeks og adresse fra klienten. (fyll ut to færre felter samtidig).
Vi ser videre for å se hva annet som har blitt bedre. Vi viser heller ikke alle leveringsmetoder og betalingsmåter, men viser kun de som vi faktisk kan akseptere. For Peter, som nevnt i eksempelet ovenfor, er dette når han mottar betaling i kontanter eller med kredittkort. For ikke-innbyggere, hvis bestillinger vil bli sendt gjennom et transportselskap, vil det selvfølgelig ikke være noen "oppkravsbetaling". Så vi reddet kunden fra unødvendig forvirring med valg av alternativer som åpenbart er utilgjengelige for ham, og butikksjefen ble reddet fra unødvendige, relaterte spørsmål og kundeklager.
Ved ganske enkelt å legge til et feltforhold på betalingssiden, er det mulig for en rekke brukere å redusere antall felt som kreves for å fylle ut, redusere det negative forbundet med en misforståelse av enkelte punkter ved betaling og levering, og som en resultat øke konverteringen av vognen. Ingen som tviler på at antall salg er relatert til vognens brukervennlighet?
Sjekk innlegget om bestilling uten registrering i Bitrix. Han utfyller denne artikkelen perfekt.
