UX-patterns nokout և փոխակերպում

1) Ֆլոուի քարտեզը 'ի՞ նչ ենք օպտիմիզացնում։

Entry → Method pick → Details → Review → 3DS/Confirmation → Receipt

Աջակցում են արագ ռելսերը (A2A/դրամապանակներ/One-tap) և դասական քարտեզները (PAN-ձև)։

Կրկնվող վճարումների համար 'one-click/tokens/network tokens; առաջինի համար '«առանց շփոթության» մինչև այն պահը, երբ պետք է step-up։

2) Single-step vs Multi-step

Single-step (inline) 'ավելի քիչ տեսահոլովակներ, ավելի արագ ընկալում։ Առաջարկվում է դրամապանակների համար/Apple System/Google Rau/տեղական մեթոդներ վերահղելու համար։

Multi-step (վարպետ) 'ավելի լավ կառավարում է ճանաչողական բեռը քարտեզների վրա/SoF ձևի վրա։ Յուրաքանչյուր քայլ 1 լուծում է (տեխնիկական մեթոդը հաստատվում է հաստատման համար)։

Լուծումը 'հիբրիդ - single-step արագ ռելսերի և shom-form քարտերի համար, բարդ պարամետրերի համար (կուպոն/բոնուս/հաշիվ/SoF)։

3) Ձևեր ՝ արագություն առանց սխալների

Վալիդացիա և դիմակավորում

PAN (# # # #), Luhn տեղական, բրենդի և երկարության հուշում։

EXP MM/YY - երկու դաշտեր, որոնք շարժվում են, CVV-ը 'դիմակ + իկոնիկա։

BIN-մանկապարտեզը բացատրում է «Ձեր բանկի քարտեզը կարող է պահանջել 3DS»։

Գումարը/արժույթը 'ցույց ենք տալիս տեղական արժույթը և փոխարկումը արտարժույթի մեջ (եթե տարբերվում է)։

Բենզալցակայանը

Զննարկչի աջակցությունը «autocomplete» (cc-numics, cc-exp, cc-csc, name)։

Մեթոդի պահպանումը (համաձայնությամբ) նպաստում է թունավորմանը։ «Մենք չենք կառուցում PAN-ը»։

Սխալներ

Internet, ոչ թե form-wide։ Հաղորդագրությունը 1 տող 'ինչ պատահեց և ինչ անել։

Բաժանել կոշտ (wwww.alid PAN) և փափուկ (issuer unavailable) սխալները, դրանից կախված է խոհարարների ռազմավարությունը։

4) Մեթոդի ընտրությունը '«սպիտակ կոմպոզիցիա», ոչ վիտրինը։

Սկզբում առաջարկվող (դրամապանակներ/տեղական APM 'բարձր AR), ապա «Այլ մեթոդներ»։

Թաքցնել ոչ աշխատանքային մեթոդները GEO/validation-ի միջոցով։

Տեղայնացված իկոնիկներ/անուններ; ցույց տալ ETA-ն եզրակացության մեջ (եթե դա տեղավորվում է + եզրակացության մեկ համակարգում)։

Քարտեզների համար - Big Visa/Wintercard/MIR/AmEx-ի BIN մանրամասն։

5) 3DS UX: Ինչպես ոչ թե «սպանել» ծրարը։

Frictionless լռելյայն, challenge - միայն ռիսկի/քաղաքականության դեպքում։

Անել 3DS ներկառուցված մոդելի մեջ, ոչ թե որպես նոր պատուհան։

Հստակ սպասումներ. <<Բանկը կարող է հարցնել հաստատումը 'հեռախոսը պահել մոտակայքում>>։

Fail-safe: Tim-aut-ն առաջարկեց կրկնել կամ անցնել այլընտրանքային մեթոդին։

Համատեքստը պահպանելու համար 3DS-ն ավարտելուց հետո մենք վերադառնում ենք նույն քայլին առանց տվյալների կորստի։

6) Մերժումներ և վերականգնումներ (decom-recovery)

Soft-dec.ru: «Ժամանակավորապես անհասանելի բանկ/լիմիտ» հուշագիրը + կրկնիչի կոճակը։ եթե ուսուցիչը չօգնեց '«Փորձիր մեկ այլ մեթոդ» կոճակը (առաջարկել A2A/դրամապանակ)։

Hard-dec.ru: Մի առաջարկել regram նույն երթուղու վրա։ ցույց տալ անվտանգ այլընտրանքներ (տեղական APM)։

Պահել գումարը/արժույթը և ռուսական բոնուսի փաթեթը, ստիպել կրկին։

Բջջային վրա, մի թաքցրեք համակարգային back; պահել URL/Storage-ում։

7) Թափանցիկությունը և քաղաքականությունը

Եթե ավանդի վրա կա fee կամ DCC, ցույց տալ, «X %/Y fifs., արդյունքը Z-ի ապամոնտաժմանը»։

Same-method-ը և «տեղադրված է աղբյուրին» հակիրճ տեքստը «Մենք դուրս ենք բերում այնտեղ, որտեղից գալիս է դեպոզիտը, մինչև գումարը ոչ»։

Կանոնների հղումները 'առանձին շերտում (sheet), առանց օգտագործողին վճարելու։

8) Տեղայնացումը, արժույթը, լեզուն

Accept-Language/IP/KYC-ի աուտո լեզուն, բայց պահել պարզ անջատիչ։

Հազարավոր/տասանորդ լոկալներով (1 234.56 vs 1.234։ 56).

Տեղական էքսպորտային մանրամասները (CPF/PIX բանալին, IBAN, բիլինգի հասցեն) միայն եթե անհրաժեշտ են այս երկրում։

Ամսաթվերը/ժամանակը 3DS/կոդ-105-ի համար 'լոկալներով (www.h vs 12h)։

9) Դրամապանակներ և one-tap

Apple Express/Google Live: ցույց տալ միայն աջակցվող սարքերի/զննարկիչների վրա։ One-tap գումարի քարտի վրա։

Համակարգային շիտը (native sheet) ամենաարագ է։ մի թաքցնել գումարը/արժույթը։

Վիտրինը «պահպանված» քարտեզներ/դրամապանակներ ՝ մեծ լոգոն, վերջին 4, որոնք լրանում են «թարմացրեք ամսաթիվը» նախազգուշացումով։

Network tokens-ի աջակցությունը կայուն կրկնվող վճարումների/recurring-ի համար։

10) Հասանելիություն և արտադրողականություն

A1y 'ֆոկուս-պողպատը, հակադրիչները, «aria-labels», էկրանի ընթերցողների աջակցությունը 3DS/ձևերով։

Ստեղնաշարային ռոտացիան և «tab-order» առանց թակարդների։

Loading <2 c առաջին ինտերակտիվ, կմախքների փոխարեն դատարկ էկրանների փոխարեն։

Ռուսական կայունացում. Եթե ցանցը «ներեց» 3DS-ի վրա 'հասկանալի հաղորդագրություն և անվտանգ խոհարար։

11) Anti-frod-friendly UI (առանց «այրման» փոխակերպման)

Փափուկ step-up 'ZIP/փոստի, DOB, սելֆի/CUS-ի հարցումը ռիսկի է, ոչ բոլորը։

Mismatch (BIN-երկիր vs IP/KYC) - առանց ներքին տրամաբանության բացահայտման («Թվում է, ներկայիս բանկը չի աջակցվում»)։

UI-ում փորձերի քանակի սահմանափակումը, խոհարարի առջև տիմերը, առաջընթացի ցուցիչը։

12) Միկրո Կոպիրայթինգը (օրինակներ)

PAN: «16-19 թվեր, առանց օրինագծերի, մենք ավելացնում ենք»։

CVV: «3-4 թվեր շրջանառության/քարտեզի դեմքի վրա»։

Սխալ sox. <<Բանկը ժամանակավորապես չի պատասխանել։ Փորձեք նորից կամ ընտրեք մեկ այլ միջոց"։

Hard: <<Բանկը մերժեց վիրահատությունը։ Ընտրեք վճարման մեկ այլ միջոց"։

3DS: <<Հաստատեք վիրահատությունը բանկի բյուջեում, դա տևում է 10-20 վայրկյան>>։

13) Բջջային արտոնագրեր

Numeric-keyboard-ը թվային դաշտերի համար, ֆոկուսի հոսքը։

Sticky-բար «Itoi դուրս գալ/Շարունակել»։

Deep-link 3DS-ի աջակցությունը բանկային ծրագրերում։

Haptic feedback-ը հաստատման վրա։ չարաշահել։

14) Հիբրիդային սցենարները և ֆլոուի տարբերակները

Մոսկվա-դեպոզիտ 'լռելյայն մեթոդը (վերջին հաջողակ հոսանքը), 1 էկրանը։

«Առանց գրանցման» վճարումից հետո KYC-ն (այնտեղ, որտեղ թույլատրվում է), կբարձրացնի top-funnnel, բայց պարտադիր է, որ մրցույթի քաղաքականությունը և սահմանները։

Կոմբո բոնուս + դեպոզիտ 'ցույց տալ ավանդի մաքուր գումարը և բոնուսը առանձին։ մի թաքցնել հավաքման պայմանները։

15) Մետրիկի և Դաշբորդի (նվազագույն)

AR/DR մեթոդով/geo/108/սարք։

3DS pass & liability shift, soft-decline share.
Funnel: View→MethodPick→Details→3DSStart→3DSSuccess→Paid.

Abandonium reasons (on-page events): 108, դաշտի սխալ, թայմ-աութ։

Latency p95/p99 փուլերով (ռենդեր, շահագործում, 3DS, հաստատում)։

Cost-per-Approval-ը և take-rate% (UX փոփոխությունների համար, որոնք ազդում են ռոտինգի վրա)։

Mobile vs Desktop 'բացը AR-ում և latency-ում։

16) Փորձարկումներ (կարճ)

Ռանդոմիզացրեք օգտագործողին, ապահովագրեք GEO/BIN/մեթոդով։

Guardrails: CBR/Refund, AR-շեմն, latency։

Փորձարկեք 'մեթոդներ, սխալների տեքստեր, 3DS մոդալներ vs redirect, էքսպրես ֆլոու, բենզալցակայան, դիմակավորում։

Հաշվի առեք ամբողջ արժեքը (fees/FX/reserve), եթե ֆլոուն փոխում է մեթոդը/PSA ընտրությունը։

17) Էկրանների ձևանմուշները (wireframe մակարդակ)

Ա. Մեթոդի ընտրություն (բջջային)

Վերնագիր ՝ «Վճարման միջոց»

Քարտեր ՝ Apple Live/Google Live/Տեղական դրամապանակ/Քարտեզ

Լեյբլներ ՝ «Արագ», «Մոսկվա», ETA եզրակացություններ (եթե ռելեվանտալ)

Տեղական արժույթը + գումարը

B Քարտային ձև

Դաշտեր ՝ PAN, EXP, CVV, Սեփականատիրոջ անունը

Չեքբոքսը «Պահել քարտը արագ վճարելու համար» (բացատրությամբ)

Infoblock: Հնարավոր է հաստատել բանկում

Կոճակ ՝ «Վճարեք X տեսակի արժույթը»

C 3DS մոդալը

Քայլերը ՝ «Սպասում ենք բանկի հաստատմանը» + թայմեր + կոճակը «Կրկնել»

Լինկը «Ընտրիր մեկ այլ միջոց» (պահպանում է գումարը և կոնտեքստը)

Սխալ/այլընտրանք

Հաղորդագրություն մերժման տիպով

CTA 1: «Կրկնել» (sox)

CTA 2: <<Վճարեք տեղական մեթոդով>>

18) Best practics (կարճ)

1. Սկզբում արագ ռելսերը (դրամապանակներ/A2A), ապա քարտեզները։ թաքցնել ոչ ռելեվանտային մեթոդները։

2. Inault-ի փափուկ վալիդացիան, սխալի մասին հաղորդագրությունը, առանց օպտիկամանրաթելների։

3. 3DS մոդելը, frictionless լռելյայն, նախատեսում է սպասել և պլանը B։

4. Պետության պահպանումը տարանջատումների և վերադարձումների ժամանակ, մեկ կտոր մինչև խոհարարը։

5. Տեղայնացում 'արտարժույթ/105/դաշտեր; ցույց տալ մինչև հաստատումը։

6. Բջջային-առաջին դիզայնը 'numeric-keyboard, sticky-CTA, արագ մեթոդներ վերևում։

7. Հասանելիությունը և արտադրողականությունը օբյեկտիվ չեն։

8. Anti-frodstep-up ռիսկի, ոչ բոլորը։

9. Հեռուստաչափությունը յուրաքանչյուր քայլով + ձագերի և պատճառների։

10. Guardrails-ի փորձարկումները և ամբողջական արժեքը։

19) Ներդրման չեկի ցուցակ

• GEO մեթոդների քարտեզը և ցուցադրման կարգը։
• PAN/EXP/CVV, «autocomplete»։
• BIN-մանկական և բրենդը, 3DS-ի հուշագիրը։
• 3DS մոդալկան թայմերի և fallback-ի հետ։
• Retry-decom-ի համար, hard-decom այլընտրանքը։
• Թափանցիկ պարամետրերը և same-method քաղաքականությունը։
• Տեղայնացումը 'լեզուն, արժույթը, ռուսական, տեղական դաշտերը։
• One-tap/դրամապանակներ, պահպանված մեթոդներ, tokens ցանցը։
• A1u/ներկայացում (LCP/TTI), կմախքներ։
• Dashbords: AR/DR, 3DS, funnel, latency, ձախողումների պատճառներ։
• Պլան A/B և guardrails, վերլուծության ամսաթիվը։

Ռեզյումե

Cout-ի փոխարկումը փոքր բաների գումարն է 'արագ մեթոդներ «առաջին էկրանին», ճիշտ ձևեր և հուշումներ, կոկիկ 3DS էսկալացիա, մերժման գրագետ վերամշակող և ազնիվ թափանցիկություն։ Կենտրոնացեք արագության, պարզության և վերականգնման վրա ձախողումներից հետո, չափեք ամեն ինչ քայլերով և փոփոխություններ կատարեք վերահսկվող փորձերի միջոցով, այնպես որ դուք կբարձրացնեք AR-ը, նվազեցրեք մերժումները և պահպանեք խաղացողների և կարգավորիչների վստահությունը։