Apmokėjimo (checkout) UX kontrolinis sąrašas el. parduotuvei
Apmokėjimo (checkout) UX kontrolinis sąrašas: krepšelis, paskyra, laukai, klaidos, pristatymas, mokėjimas, telefonas ir prieinamumas – su Baymard duomenimis.
Trumpai
Geras apmokėjimas – trumpas, nuspėjamas ir atlaidus klaidoms. Patikrinkite, ar krepšelyje matyti bendra suma su pristatymu, ar galima pirkti kaip svečiui, ar formoje tik būtini laukai, ar klaidos rodomos prie lauko ir paaiškina, ką taisyti, ar matyti pristatymo data, ar nepavykus mokėjimui galima pasirinkti kitą būdą ir ar visa tai veikia telefonu. Žemiau – visas sąrašas su paaiškinimais.
Pagrindinės mintys
- Baymard 2025 m. vertinime 64 % kompiuterio ir 63 % mobiliųjų svetainių apmokėjimo patirtis „vidutiniška“ ar prastesnė – tobulinti yra ką beveik visur.
- Daugumai parduotuvių pakanka 8 formos laukų; vidutiniškai jų būna 11,3.
- Pirkimas kaip svečiui turi būti ryškiausias pasirinkimas – 62 % svetainių to nedaro, o 18 % pirkėjų išeina dėl priverstinės registracijos.
- Klaidos turi būti tikrinamos prie lauko ir paaiškinti konkrečią problemą: 31 % svetainių neturi tiesioginio laukų tikrinimo, 94 % klaidų žinučių nepritaikytos konkrečiai klaidai.
- Europos prieinamumo aktas apima el. prekybos paslaugas, todėl apmokėjimas turi būti patogus ir naudojantiems klaviatūrą ar ekrano skaityklę.
Kodėl apmokėjimą verta tikrinti atskirai
Apmokėjimą pasiekęs pirkėjas jau nusprendė pirkti. Jei jis čia išeina, dažniausiai kalta ne abejonė dėl prekės, o trintis: netikėta suma, registracija, per daug laukų, neaiški klaida ar nepavykęs mokėjimas. Todėl apmokėjimas – vieta, kur pataisymai atsiperka greičiausiai.
- Apmokėjimas (checkout)
- El. parduotuvės žingsnių seka nuo krepšelio iki užsakymo patvirtinimo: kontaktai, pristatymo adresas ir būdas, mokėjimas ir patvirtinimas. Jo UX (naudotojo patirtis) – tai, kiek lengva ir nuspėjama šiuos žingsnius praeiti.
64 % / 63 %
Tiek kompiuterio ir mobiliųjų svetainių Baymard 2025 m. vertinime turi „vidutinišką“ ar prastesnę apmokėjimo patirtį.
Šaltinis: Baymard Institute, 20263
Sąrašas sugrupuotas pagal apmokėjimo eigą. Prie kiekvienos grupės – kodėl ji svarbi, duomenys ir ką patikrinti; pabaigoje – visas sąrašas vienoje vietoje. Jei dar nežinote, ar problema apskritai apmokėjime, pirmiausia atlikite pirkimo kelio analizę: gali būti, kad pirkėjai sustoja dar prekės puslapyje.
Prieš apmokėjimą
Krepšelis – vieta, kur pirkėjas pasitikrina sumą ir nusprendžia, ar tęsti.
Krepšelis: bendra suma be staigmenų
40 % / 12 %
Baymard apklausoje nutraukusių apmokėjimą pirkėjų išėjo dėl per didelių papildomų išlaidų (40 %) arba nes negalėjo iš anksto pamatyti ar apskaičiuoti bendros užsakymo sumos (12 %).
Šaltinis: Baymard Institute, 20261
Krepšelyje patikrinkite
- Ar matyti pristatymo kaina ar jos intervalas, dar neįvedus adreso?
- Ar rodoma bendra suma su visais mokesčiais?
- Ar nemokamo pristatymo riba rodoma su likusia suma?
- Ar nuolaidos kodo laukas paslėptas po nuoroda, o ne rodomas kaip didelis tuščias laukas?
- Ar kiekį galima keisti mygtukais ir pašalinti prekę vienu paspaudimu?
- Ar matyti prekės nuotrauka, variantas (dydis, spalva) ir numatomas pristatymo terminas?
35 %
Tiek svetainių Baymard duomenimis nuolaidos kodo lauką rodo iš karto, nors Baymard rekomenduoja jį slėpti po nuoroda.
Šaltinis: Baymard Institute, 20262
Paskyra, laukai ir klaidos
Kuo mažiau sprendimų ir kuo aiškesnės klaidos, tuo mažiau priežasčių pasiduoti.
Paskyra: pirkimas kaip svečiui – pirmas pasirinkimas
62 %
Tiek svetainių Baymard 2025 m. apmokėjimo vertinime pirkimo kaip svečiui nepadaro ryškiausiu pasirinkimu; 65 % neišvengia per sudėtingų slaptažodžio reikalavimų.
Šaltinis: Baymard Institute, 20263
18 %
Baymard apklausoje nutraukusių apmokėjimą pirkėjų išėjo, nes svetainė reikalavo susikurti paskyrą.
Šaltinis: Baymard Institute, 20261
Patikrinkite
- Ar „Pirkti kaip svečiui“ yra ryškiausias pasirinkimas, o ne nuoroda po prisijungimo forma?
- Ar susikurti paskyrą siūloma po apmokėjimo, kai reikia tik slaptažodžio?
- Ar prisijungti galima nevedant sudėtingo slaptažodžio (pavyzdžiui, nuoroda el. paštu)?
- Ar slaptažodžio reikalavimai parodyti iš anksto, o ne tik po klaidos?
Formos laukai: tik tai, ko reikia užsakymui
11,3 → 8
Vidutiniškai apmokėjime 2024 m. buvo 11,3 formos lauko, nors daugumai svetainių, Baymard vertinimu, užtektų 8; vidutinis apmokėjimas turi 5,1 žingsnio.
Šaltinis: Baymard Institute, 20262
| Laukas | Dažna praktika | Geriau |
|---|---|---|
| Vardas ir pavardė | Du atskiri laukai (89 % svetainių) | Vienas laukas „Vardas ir pavardė“ |
| Antra adreso eilutė | Rodoma iš karto (75 %) | Paslėpta po nuoroda |
| Nuolaidos kodas | Rodomas iš karto (35 %) | Paslėptas po nuoroda |
| Sąskaitos adresas | Atskira forma (24 %) | Pagal nutylėjimą – toks pat kaip pristatymo |
| Paskyros kūrimas | Prieš apmokėjimą (84 % jo neatideda) | Patvirtinimo puslapyje |
42 %
Baymard testuose tiek dalyvių, matydami atskirus vardo ir pavardės laukus, visą vardą ir pavardę įvedė į lauką „Vardas“.
Šaltinis: Baymard Institute, 20262
61 % / 49 %
Tiek svetainių Baymard 2025 m. vertinime aiškiai nepažymi ir privalomų, ir neprivalomų laukų (61 %) bei nepaaiškina, kam reikalingas telefono numeris (49 %).
Šaltinis: Baymard Institute, 20263
Patikrinkite
- Ar apie kiekvieną lauką galite atsakyti „be jo užsakymo neįvykdysime“?
- Ar vardas ir pavardė – vienas laukas?
- Ar įmonės rekvizitai paslėpti po nuoroda „Pirkti įmonės vardu“?
- Ar pažymėti ir privalomi, ir neprivalomi laukai?
- Ar prie telefono lauko parašyta, kam jo reikia (pavyzdžiui, kurjeriui)?
- Ar pašto kodą ir telefoną priimate įvairiais formatais – su tarpais, be jų, su šalies kodu?
Klaidos: prie lauko, suprantamai, be duomenų praradimo
31 %
Tiek svetainių Baymard tyrime neturi jokio tiesioginio laukų tikrinimo – apie klaidas pirkėjas sužino tik pateikęs formą.
Šaltinis: Baymard Institute, 20264
94 %
Tiek svetainių Baymard 2025 m. vertinime klaidų žinučių nepritaiko konkrečiai klaidai – rodo tą pačią bendrą žinutę, kad ir kas negerai.
Šaltinis: Baymard Institute, 20263
Dažna klaida
- „Neteisingi duomenys“ formos viršuje
- Tikrinama tik paspaudus „Apmokėti“
- Po klaidos išvalomi laukai
- Klaida lieka rodoma ir ją ištaisius
Geriau
- „Pašto kodas turi 5 skaitmenis, pvz. 44280“ – prie lauko
- Tikrinama pirkėjui palikus lauką, ne kol jis dar rašo
- Įvesti duomenys lieka
- Ištaisius klaida dingsta, o teisingas laukas pažymimas
Pristatymas ir mokėjimas
Paskutiniai du sprendimai: kaip ir kada prekė atkeliaus, ir kaip už ją sumokėti.
Pristatymas: data, būdai ir kaina vienoje vietoje
48 % / 52 %
Tiek svetainių Baymard 2025 m. vertinime rodo pristatymo trukmę, o ne konkrečią datą (48 %), ir ne visus pristatymo būdus pateikia viename pasirinkime (52 %).
Šaltinis: Baymard Institute, 20263
20 %
Baymard apklausoje nutraukusių apmokėjimą pirkėjų nurodė priežastį „pristatymas buvo per lėtas“.
Šaltinis: Baymard Institute, 20261
Patikrinkite
- Ar prie kiekvieno pristatymo būdo matyti kaina ir numatoma data?
- Ar kurjeris, paštomatai ir atsiėmimas parduotuvėje pateikti viename pasirinkime?
- Ar paštomatą galima rasti pagal adresą ar miestą, o ne tik iš ilgo sąrašo?
- Ar parašyta, iki kelintos valandos užsakius prekė išsiunčiama tą pačią dieną?
Mokėjimas: įprasti būdai ir antras bandymas
19 % / 10 % / 9 %
Baymard apklausoje nutraukusių apmokėjimą pirkėjų nepasitikėjo svetaine kortelės duomenimis (19 %), išėjo dėl atmestos kortelės (10 %) arba dėl nepakankamų mokėjimo būdų (9 %).
Šaltinis: Baymard Institute, 20261
Patikrinkite
- Ar siūlote būdus, kuriais įpratę mokėti jūsų pirkėjai – bankų nuorodas, korteles, jei tinka, mokėjimą dalimis?
- Ar nepavykus mokėjimui galima iškart pasirinkti kitą būdą, neprarandant krepšelio ir įvestų duomenų?
- Ar pirkėjas, grįžęs iš banko puslapio, visada patenka į aiškų patvirtinimo arba klaidos puslapį?
- Ar mokėjimo žingsnis vizualiai vientisas su likusia svetaine ir aiškiai nurodo mokėjimų tiekėją?
Kurdami el. parduotuvę integruojame populiariausius mokėjimų ir pristatymo tiekėjus pagal verslo poreikius – konkrečius sutariame prieš pradedant darbus.
Telefonas ir prieinamumas
Tas pats apmokėjimas turi veikti mažame ekrane, su klaviatūra ir ekrano skaitykle.
Telefonas: klaviatūra, pildymas ir mygtukai
Telefone kiekvienas laukas kainuoja daugiau: mažas ekranas, klaviatūra uždengia pusę formos, pirštas nepataiko į mažą mygtuką. Todėl tą patį apmokėjimą verta išbandyti telefonu nuo pradžios iki galo – su tikru adresu ir mokėjimo būdu.
24 × 24
Mažiausias paspaudžiamo elemento dydis CSS pikseliais pagal WCAG 2.2 kriterijų 2.5.8 (AA lygis), išskyrus nurodytas išimtis, pavyzdžiui, kai aplink yra pakankamai tarpo.
Šaltinis: W3C Web Accessibility Initiative, 20265
Patikrinkite
- Ar telefono lauke atsiveria skaičių klaviatūra, o el. pašto lauke – su „@“?
- Ar laukai turi automatinio pildymo žymas, kad naršyklė galėtų pasiūlyti vardą, adresą ir telefoną?
- Ar pagrindinis mygtukas matomas neslenkant ir netrukdo klaviatūra?
- Ar pirkėjui nereikia antrą kartą vesti to, ką jau įvedė (WCAG 2.2 kriterijus 3.3.7)?
Prieinamumas: ne tik gera praktika
Europos prieinamumo aktas (EAA) tarp paslaugų, kurios turi būti prieinamos žmonėms su negalia, įvardija ir el. prekybą. Praktiškai apmokėjimas turi būti įveikiamas ir klaviatūra, ir su ekrano skaitykle. Ar ir kaip aktas taikomas konkrečiai jūsų įmonei, verta pasitikslinti su teisininku.
Patikrinkite
- Ar visą apmokėjimą galima pereiti tik klaviatūra, matant, kuris elementas aktyvus?
- Ar kiekvienas laukas turi matomą pavadinimą, o ne tik pilką užuominą lauko viduje?
- Ar klaidos pranešamos ir ekrano skaityklei, ne tik raudona spalva?
- Ar prisijungiant nereikia spręsti galvosūkio ar prisiminti slaptažodžio be alternatyvos (WCAG 2.2 kriterijus 3.3.8)?
Po apmokėjimo: patvirtinimas, kuris nuramina
Patvirtinimo puslapis – ne pabaiga, o pirmas įspūdis po pirkimo. Pirkėjas nori žinoti, kad užsakymas priimtas, kada prekė atkeliaus ir ką daryti, jei kas nors ne taip.
Patikrinkite
- Ar matyti užsakymo numeris, suma, pristatymo būdas ir numatoma data?
- Ar patvirtinimo laiškas ateina iš karto ir su tais pačiais duomenimis?
- Ar čia pasiūloma susikurti paskyrą vienu lauku – slaptažodžiu?
- Ar parašyta, kaip susisiekti, jei reikia pakeisti užsakymą?
Ką galima keisti Shopify ir WooCommerce
Dauguma šio sąrašo punktų įgyvendinami bet kurioje platformoje, bet ne visur vienodai lengvai. Shopify apmokėjimas patikrintas ir prižiūrimas platformos, tačiau informacijos, siuntimo ir mokėjimo žingsnių plėtiniai prieinami tik Shopify Plus planui. WooCommerce apmokėjimas – jūsų svetainės dalis, todėl laukus ir žingsnius galima pritaikyti, bet kiekvieną pakeitimą reikia testuoti po atnaujinimų.
Išsamiau apie šį skirtumą – Shopify ir WooCommerce palyginime.
Nuo ko pradėti
Jei norite, kad apmokėjimą peržiūrėtų kas nors iš šalies, pradėkite nuo nemokamo pirkimo kelio įvertinimo – taip prasideda mūsų konversijų optimizavimas. Parodysime didžiausius trukdžius, o jei dirbsime toliau, taisymų kainą pagal apimtį patvirtinsime raštu prieš pradedant. Užsisakykite įvertinimą – atsakome per 1 darbo dieną. Dažniausias priežastis, kodėl pirkėjai sustoja dar iki apmokėjimo, aptarėme straipsnyje kodėl žmonės neperka el. parduotuvėje.
Apie šio straipsnio duomenis
Metodologija
- Data
- Imtis
- Baymard Institute apklausa ir vertinimai (formos laukai 2024 m., apmokėjimo UX 2025 m., tiesioginis laukų tikrinimas 2024 m.), W3C WCAG 2.2, Europos Komisijos EAA puslapis, Shopify dokumentacija
- Kriterijai
- Skaičiai – tik iš pirminių šaltinių, perrašyti taip, kaip skelbiami, su nuoroda
- Kontrolinio sąrašo punktai remiasi šaltinių rekomendacijomis; lentelės „Geriau“ stulpelis – Baymard rekomendacijos
- Eiliškumas ir įžvalgos – Oxtren Labs darbo būdas, pažymėti atskirai
- Ribojimai
- Baymard apklausos vykdomos JAV, vertinimuose – didelės JAV ir Europos svetainės. Teisinių EAA reikalavimų šis straipsnis neaiškina.
Dažni klausimai
Kiek žingsnių turėtų būti apmokėjime?
Svarbiau ne žingsnių, o laukų ir sprendimų skaičius. Baymard duomenimis, vidutiniškai apmokėjimas turi 5,1 žingsnio ir 11,3 formos lauko, o daugumai parduotuvių užtektų 8 laukų. Vieno puslapio apmokėjimas su ilga forma nebūtinai geresnis už kelis trumpus žingsnius.
Ar būtina leisti pirkti be registracijos?
Taip, jei nenorite prarasti pirkėjų, kuriems paskyra nereikalinga. Baymard apklausoje 18 % nutraukusių apmokėjimą išėjo būtent dėl reikalavimo susikurti paskyrą. Paskyrą pasiūlykite patvirtinimo puslapyje – tada užtenka slaptažodžio.
Ar reikia vieno puslapio apmokėjimo?
Nebūtinai. Vienas puslapis padeda, kai laukų mažai, bet ilga forma viename puslapyje telefone gali būti sunkesnė už kelis trumpus žingsnius. Sprendžia laukų skaičius, klaidų žinutės ir tai, ar pirkėjas visada mato, kur jis yra.
Ar šis sąrašas tinka Shopify parduotuvei?
Taip, bet dalį punktų Shopify įgyvendina pats, o apmokėjimo žingsnių plėtiniai prieinami tik Shopify Plus. Krepšelį, prekės puslapį, pristatymo informaciją ir patvirtinimo laišką galima tvarkyti bet kuriame plane.
Šaltiniai ir metodika
- Baymard InstituteCart & Checkout Abandonment Rate Statisticsžiūrėta
- Baymard InstituteCheckout Optimization: Reduce the Number of Form Fieldsžiūrėta
- Baymard InstituteCheckout UX Best Practices (Current State of Checkout UX)žiūrėta
- Baymard InstituteUsability Testing of Inline Form Validation: 31% Don't Have It, 4% Get It Wrongžiūrėta
- W3C Web Accessibility InitiativeWhat's New in WCAG 2.2žiūrėta
- European CommissionEuropean Accessibility Act (EAA)žiūrėta
- Shopify.devCheckout UI extensionsžiūrėta