UX үлгүлөрү текшерүү жана өзгөртүү
1) Flow Card: так эмне оптималдаштыруу
Entry → Method pick → Details → Review → 3DS/Confirmation → Receipt
Биз тез рельстерди (A2A/капчыктар/One-tap) жана классикалык карталарды (PAN формасы) колдойбуз.
Кайталап төлөмдөр үчүн - one-click/tokens/network tokens; биринчисине - "сүрүлбөс" учурга чейин.
2) Single-step vs Multi-step
Single-step (инлайн): аз чыкылдатуу, тез кабылдоо. Үчүн сунушталат капчыктар/Apple Pay/Google Рау/жергиликтүү ыкмалары менен багыттоо.
Multi-кадам (Master): жакшы карталар/SoF түрүндө когнитивдик жүктү башкарат. Ар бир кадам - 1 чечим (суммасы → ыкмасы → маалымат → ырастоо).
Чечим: гибрид - тез рельстер жана кыска формадагы карталар үчүн бир кадам, татаал сценарийлер үчүн мастер (купон/бонус/эсеп дареги/SoF).
3) Формалар: катасыз ылдамдык
Валидация жана маскировка
Авто-формат PAN (# # # # # # #), Luhn жергиликтүү, бренд жана узундуктагы.
EXP MM/YY - эки Auto-жылыш талаалар, CVV - маска + сөлөкөтү.
BIN-Detect → "Сиздин банк картасы 3DS талап кыла алат".
Сумма/валюта: жергиликтүү валютаны жана эсептен чыгаруу валютасына конвертацияны көрсөтөбүз (эгерде башкача болсо).
Авто толтуруу
'autocomplete' браузерин колдоо (cc-number, cc-exp, cc-csc, name).
Сактоо ыкмасы (макулдугу менен) → tokenization; түшүндүрүп "Биз PAN сактабайт".
Каталар
Inline эмес, "form-wide". 1-сапта билдирүү: эмне болду жана эмне кылуу керек.
Катуу (invalid PAN) жана жумшак (issuer unavailable) каталарды бөлүп - бул кайталоо стратегиясы көз каранды.
4) Ыкманы тандоо: "ак текче", витрина эмес
Биринчи - сунуш кылынган (жогорку AR менен капчыктар/жергиликтүү APM), андан кийин "Башка ыкмалар".
GEO/валидация боюнча иштебей калган ыкмаларды жашыруу.
Локализацияланган иконалар/аталыштар; акча чыгаруу боюнча ETA көрсөтүү (депозиттик болсо + бир системада акча чыгаруу).
Карталар үчүн - BIN детектору боюнча Visa/Mastercard/MIR/AmEx төш белгилери.
5) 3DS UX: кантип "өлтүрүп" конверсия
Frictionless демейки, challenge - тобокелдик/саясат менен гана.
3DS жаңы терезе катары эмес, Модалк камтылган.
Так күтүүлөр: "Банк ырастоо сурай алат - телефонду жанында кармагыла".
Fail-safe: тайм-аут → кайталоо же башка ыкмага өтүү сунушу.
Контекстти сактоо: 3DS аяктагандан кийин, киргизилген маалыматтарды жоготпостон, ошол эле кадамга кайтып келебиз.
6) мүчүлүштүктөр жана калыбына келтирүү (decline-recovery)
Soft-decline: "Убактылуу жеткиликсиз банк/лимит" + кайталоо баскычы; эгерде кайталоо жардам бербесе - "Башка ыкманы сынап көрүү" баскычы (A2A/капчыкты сунуш кылуу).
Hard-decline: ошол эле жол боюнча retrai сунуш жок; Коопсуз альтернативаларды көрсөтүү (жергиликтүү APM).
Сумманы/валютаны жана бонустун тандалган пакетин сактоо - кайра киргизүүгө мажбурлоо.
мобилдик - системалык back жашыруу үчүн эмес; мамлекеттик URL/Storage сактоо.
7) Комиссиялардын ачык-айкындуулугу жана кайтаруу саясаты
Эгерде депозитте fee же DCC болсо, анда: "Комиссия X %/Y fix., Z эсептен чыгаруунун жыйынтыгы".
Same-method жана "булакка кайтаруу": кыскача текст "Биз депозиттик келген жерде алып, таза суммага чейин".
Эрежелерге шилтемелер - төлөм баскычынан колдонуучуну алып салбастан, өзүнчө катмарда (sheet).
8) Локализация, валюта, тил
Accept-Language/IP/KYC боюнча Auto-тил, бирок ачык ачкычты кармап.
Форматировать тысячи/десятичные по локальному (1 234,56 vs 1,234. 56).
Жергиликтүү төлөм деталдары (CPF/PIX ачкычы, IBAN, биллинг дареги) - бул өлкөдө зарыл болгон учурда гана.
Даталар/убакыт 3DS/Code-мөөнөтү - жергиликтүү (24h vs 12h).
9) Капчыктар жана one-tap
Apple Pay/Google Pay: колдоо түзмөктөрдө/браузерлерде гана көрсөтүү. Сумманын картасында One-tap.
Системалык шит (native sheet) - эң ылдам; сумманы/валютаны жашырбоого.
"Сакталган" карталардын/капчыктардын витринасы: чоң логотиптер, акыркы 4, мөөнөтү бүтөт - "датаны жаңырт" деген эскертүү менен.
туруктуу кайра төлөмдөр/recurring үчүн network tokens колдоо.
10) Жеткиликтүүлүк жана аткаруу
A11y: фокус-стилдерди, контрасттарды, 'aria-labels', 3DS/формадагы экран окурмандарын колдоо.
Клавиатура багыттоо жана "tab-order" капкан жок.
Loading <2 биринчи интерактивдүү үчүн c, скелеттер бош экрандардын ордуна.
Offline-турукташтыруу: тармак 3DS боюнча "чөгүп" болсо - түшүнүктүү билдирүү жана коопсуз кайталоо.
11) Анти-Frod-достук UI (жок "өрттөп" айлануу)
Жумшак кадам: ZIP/почта, DOB, Selfie/KUS суроо-талап - тобокелдик эмес, бардык.
Mismatch Light (BIN-өлкө vs IP/KYC) - ички логиканы ачыкка чыгарбастан ("Учурдагы банк колдоого алынбайт окшойт").
UI аракет санын чектөө, кайталоо алдында таймер, прогресс-индикатор.
12) Микро-копирайтинг (мисалдар)
PAN: "16-19 саны, боштуктары жок - биз кошот".
CVV: "Картанын артындагы/бетиндеги 3-4 цифралар".
Ката soft: "Банк убактылуу жооп берген жок. дагы бир жолу аракет же башка жолду тандап".
Ката: "Банк операцияны четке какты. Башка төлөм ыкмасын тандаңыз".
3DS: "Банктын тиркемесинде операцияны ырастаңыз - бул 10-20 секунддан ~ убакытты талап кылат".
13) Мобилдик үлгүлөрү
Сан талаалары үчүн Numeric-keyboard, auto-өтүү focus.
Sticky-bar "Эсептен чыгаруу үчүн бардыгы/улантуу".
банктык колдонмолордо deep-link 3DS колдоо.
Haptic feedback ырастоо үчүн; кыянаттык менен эмес.
14) Төлөм сценарийлери жана флоу варианттары
Экспресс-депозит: демейки ыкмасы (акыркы ийгиликтүү токен), 1 экран.
"Каттоосуз" → KYC төлөгөндөн кийин (уруксат берилген жерде): top-funnel жогорулатат, бирок сөзсүз түрдө - кайтаруу саясаты жана лимиттер.
Combo бонус + депозит: депозиттин таза суммасын жана бонусту өзүнчө көрсөтүү; ойноо шарттарын жашырбаңыз.
15) Метриктер жана дашборддор (минималдуу)
AR/DR ыкмасы/гео/канал/түзмөк.
3DS pass & liability shift, soft-decline share.
Funnel: View→MethodPick→Details→3DSStart→3DSSuccess→Paid.
Abandonment reasons (on-page events): жабуу, талаа ката, убакыт чыгаруу.
этап боюнча 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 редирект, экспресс-флоу, авто толтуруу, маскировка.
Flow ыкмасы/PSP тандоо өзгөртөт болсо, толук наркын эске алуу (fees/FX/reserve).
17) Экран үлгүлөрү (wireframe-деңгээл)
A. ыкмасын тандоо (мобилдик)
Аталышы: "Төлөө ыкмасы"
Карталар: Apple Pay/Google Pay/жергиликтүү капчык/карта
Лейблдер: "Тез", "сунуш", ETA чыгаруу (тиешелүү болсо)
Жергиликтүү акча + суммасы
B. Карта формасы
Талаа: PAN, EXP, CVV, ээсинин аты
Чекбокс "Тез төлөө үчүн картаны сактоо" (түшүндүрмө менен)
Инфблок: банктан ырастоо талап кылынышы мүмкүн
баскычы: "X {акча} төлөө"
C. 3ds модалкасы
Кадамдар: "Банкта тастыктоону күтөбүз" + таймер + "Кайталоо" баскычы
Link "Башка ыкманы тандоо" (суммасын жана контекстин сактайт)
D. ката/альтернатива
Баш тартуу түрү боюнча билдирүү
CTA 1: "кайталоо" (жумшак)
CTA 2: "[жергиликтүү ыкма] аркылуу төлөө"
18) Best practices (кыска)
1. Биринчи тез рельстер (капчыктар/A2A), андан кийин карталар; тиешелүү эмес ыкмаларды жашыруу.
2. inline жумшак валидация, жаңылыштык билдирүүсү бүтөт, кайра жүктөмөсүз.
3. 3DS мода, frictionless демейки, так күтүү жана B. планы
4. Ийгиликсиз жана кайтарууда абалды сактоо, кайталанганга чейин бир чыкылдатуу.
5. Локализация: валюта/форматтар/талаалар; тастыкталганга чейин комиссияны көрсөтүү.
6. Мобилдик биринчи дизайн: numeric-keyboard, sticky-CTA, жогорку тез ыкмалары.
7. Жеткиликтүүлүк жана аткаруу - кошумча эмес.
8. Анти-Frod тобокелдик боюнча кадам эмес, бардык.
9. Ар бир кадам үчүн телеметрия + мүчүлүштүктөрдүн жана себептердин воронкасы.
10. guardrails жана толук наркы менен эксперименттер.
19) Киргизүү чек-тизмеси
- GEO ыкмаларынын картасы жана көрсөтүү тартиби.
- PAN/EXP/CVV, 'autocomplete'.
- BIN-детал жана бренд, 3DS жөнүндө эскертүү.
- таймери жана fallback менен 3DS модалкасы.
- soft-decline үчүн Retry, hard-decline үчүн альтернатива.
- Ачык комиссиялар жана same-method саясаты.
- Локализация: тил, валюта, форматтар, жергиликтүү талаалар.
- One-tap/капчыктар, сакталган ыкмалар, network tokens.
- A11u/аткаруу (LCP/TTI), скелеттер.
- Dashbord: AR/DR, 3DS, funnel, latency, ийгиликсиз себептери.
- План A/B жана guardrails, data-friz талдоо үчүн.
Резюме
Текшерүү конверсиясы - бул майда-чүйдө нерселердин суммасы: биринчи экранда тез ыкмалар, туура формалар жана кеңештер, тыкан 3DS эскалациясы, компетенттүү мүчүлүштүктөрдү иштеп чыгуучу жана комиссиялардын чынчылдыгы. Ылдамдыкка, тактыкка жана бузулуулардан кийин калыбына келтирүүгө көңүл буруңуз, бардыгын кадам менен өлчөңүз жана көзөмөлгө алынган эксперименттер аркылуу өзгөрүүлөрдү киргизиңиз - ошентип, сиз ARды көтөрөсүз, мүчүлүштүктөрдү азайтып, оюнчулардын жана жөнгө салуучулардын ишенимин сактайсыз.