پرداخت UX و الگوهای تبدیل

1) نقشه جریان: دقیقا چه چیزی را بهینه می کنیم

Entry → Method pick → Details → Review → 3DS/Confirmation → دریافت

ما از ریل های سریع (A2A/wallets/One-tap) و کارت های کلاسیک (PAN-form) پشتیبانی می کنیم.
برای پرداخت های مکرر - یک کلیک/نشانه/نشانه های شبکه ؛ برای سابق - «بدون اصطکاک» تا لحظه ای که گام به گام مورد نیاز است.

2) تک مرحله در مقابل چند مرحله

تک مرحله ای (درون خطی): کلیک های کمتر، ادراک سریع تر. توصیه می شود برای کیف پول/Apple Pay/Google Rau/روش های محلی با تغییر مسیر.
چند مرحله ای (کارشناسی ارشد): بهتر مدیریت بار شناختی در کارت SoF/فرم. هر مرحله 1 تصمیم است (مقدار → روش → جزئیات تایید).
راه حل: ترکیبی - تک مرحله ای برای ریل های سریع و کارت های کوتاه، کارشناسی ارشد برای سناریوهای پیچیده (کوپن/پاداش/آدرس حساب/SoF).

3) اشکال: سرعت بدون خطا

اعتبار سنجی و ماسک

فرمت خودکار PAN (# # # # # #)، Luhn به صورت محلی، نام تجاری و اشاره طول.
EXP MM/YY - دو فیلد با حرکت خودکار، CVV - ماسک + آیکون اشاره.
تشخیص BIN → اشاره «کارت بانکی شما ممکن است درخواست کند» 3DS.
مقدار/ارز: نشان دادن ارز محلی و تبدیل به ارز نوشتن (اگر متفاوت است).

تکمیل خودکار

پشتیبانی از مرورگر 'autocomplete' (cc-number, cc-exp, cc-csc, name).
حفظ روش (با رضایت) → tokenization ؛ توضیح دهید «ما PAN را ذخیره نمی کنیم».

خطا

نکات درون خطی، نه "فرم گسترده. پیام خط 1: چه اتفاقی افتاده و چه کاری باید انجام شود.
جدا کردن خطاهای سخت (PAN نامعتبر) و نرم (صادر کننده در دسترس نیست) - استراتژی تکرار به این بستگی دارد.

4) انتخاب روش: «قفسه سفید»، نه ویترین

اول - توصیه می شود (کیف پول/APM محلی با AR بالا)، سپس «روش های دیگر».
مخفی کردن روش های غیر کار GEO/اعتبار سنجی.
آیکون های محلی/نام ؛ نمایش ETA با برداشت (اگر سپرده + برداشت در همان سیستم باشد).
برای کارت ها - مدالهای ویزا/مسترکارت/MIR/AmEx برای تشخیص BIN.

5) 3DS UX: چگونه به «کشتن» تبدیل

بدون اصطکاک به طور پیش فرض، چالش - تنها در خطر/سیاست.
3DS ساخته شده را به مودال، نه مانند یک پنجره جدید.
انتظارات واضح: «بانک ممکن است درخواست تایید کند - تلفن خود را نزدیک نگه دارید».
Fail-safe: اتمام وقت → سریع برای تکرار یا تغییر به روش جایگزین.
ذخیره زمینه: پس از اتمام 3DS، ما بدون از دست دادن داده های وارد شده به همان مرحله باز می گردیم.

6) کاهش بازیابی

کاهش نرم: سریع «بانک/محدودیت به طور موقت در دسترس نیست» + دکمه redo ؛ اگر تکرار کمک نکرد - دکمه «روش دیگری را امتحان کنید» (پیشنهاد A2A/کیف پول).
کاهش سخت: در همان مسیر بازپرداخت نکنید. جایگزین های امن (APM های محلی) را نشان می دهد.
صرفه جویی در مقدار/ارز و بسته جایزه انتخاب شده - دوباره ورود مجدد را مجبور نکنید.
در تلفن همراه - سیستم را پنهان نکنید ؛ وضعیت را در URL/Storage نگه دارید.

7) شفافیت کمیسیون و سیاست بازگشت

اگر هزینه یا DCC در سپرده وجود دارد - قبل از تایید نشان دهید: «کمیسیون X ٪/Y ثابت، مجموع برای نوشتن Z».
روش مشابه و «بازگشت به منبع»: متن کوتاه «ما آن را به همان محل که در آن سپرده از آمد، به مقدار خالص».
پیوندها به قوانین - در یک لایه جداگانه (ورق)، بدون حذف کاربر از مرحله پرداخت.

8) محلی سازی، ارز، زبان

زبان خودکار توسط Accept-Language/IP/KYC، اما یک سوئیچ صریح را نگه دارید.
فرمت هزاران/اعشار توسط محلی (1,234,56 در مقابل 1,234. 56).
جزئیات پرداخت محلی (کلید CPF/PIX، IBAN، آدرس صورتحساب) - فقط در صورت نیاز در این کشور.
تاریخ/زمان برای کدهای 3DS/date - محلی (24 ساعت در مقابل 12 ساعت).

9) کیف پول و یک شیر

Apple Pay/Google Pay: فقط در دستگاه ها/مرورگرهای پشتیبانی شده نمایش داده می شود. روی کارت مبلغ ضربه بزنید.
ورق سیستم (ورق بومی) - سریعترین ؛ مبلغ/ارز را پنهان نکنید.
کارت های «ذخیره شده »/کیف پول نمایشگاه: آرم های بزرگ، آخرین 4 منقضی - با هشدار« تاریخ به روز رسانی ».
پشتیبانی از نشانه های شبکه برای پرداخت مجدد/تکرار پایدار.

10) در دسترس بودن و عملکرد

A11y: سبک های تمرکز، کنتراست، «aria-labels»، پشتیبانی از خوانندگان روی صفحه نمایش در 3DS/forms.
ناوبری صفحه کلید و «tab-order» بدون تله.
بارگذاری <2 c برای اولین اسکلت تعاملی، به جای صفحه نمایش خالی.
تثبیت آفلاین: اگر شبکه بر روی 3DS قرار گیرد، یک پیام قابل درک و تکرار ایمن است.

11) UI ضد تقلب (بدون تبدیل «رایت»)

نرم افزار گام به گام: درخواست ZIP/mail، DOB، selfie/ACC - با خطر، نه همه.
برجسته سازی عدم تطابق (کشور BIN در مقابل IP/KYC) - بدون گسترش منطق داخلی («به نظر می رسد که بانک فعلی پشتیبانی نمی شود»).
محدود کردن تعداد تلاش ها در UI، تایمر قبل از تلاش مجدد، شاخص پیشرفت.

12) میکرو copywriting (نمونه)

PAN: «16-19 رقم، بدون فاصله - ما اضافه خواهیم کرد».
CVV: «3-4 رقم در پشت/چهره کارت».

خطای نرم: "بانک به طور موقت پاسخ نداد. دوباره امتحان کنید یا روش دیگری را انتخاب کنید"

خطا سخت: "بانک معامله را کاهش داد. روش دیگری را برای پرداخت انتخاب کنید.
3DS: «معامله را در برنامه بانکی تأیید کنید - این ~ 10-20 ثانیه طول می کشد».

13) الگوهای تلفن همراه

صفحه کلید عددی برای زمینه های عددی، انتقال فوکوس خودکار.
نوار چسبنده «مجموع نوشتن/ادامه».
پشتیبانی از 3DS عمیق لینک در برنامه های بانکی.
بازخورد لمسی برای تایید ؛ سوء استفاده نکنند.

14) سناریوهای پرداخت و گزینه های جریان

اکسپرس سپرده: روش پیش فرض (آخرین رمز موفقیت)، 1 صفحه.
«بدون ثبت نام» → KYC پس از پرداخت (در صورت امکان): قیف بالا را افزایش می دهد، اما لزوما - سیاست بازگشت و محدودیت ها.
جایزه دسته کوچک موسیقی جاز + سپرده: نشان می دهد مقدار سپرده خالص و جایزه به طور جداگانه; شرایط بازی را پنهان نکنید.

15) معیارها و داشبورد (حداقل)

AR/DR با روش/جغرافیایی/کانال/دستگاه.
3DS عبور و تغییر مسئولیت، سهم نرم کاهش.
قیف: مشاهده → MethodPick → جزئیات → 3DSStart → 3DSSuccess → پرداخت شده.
دلایل رها کردن (رویدادهای صفحه): بسته شدن، خطای فیلد، وقفه.
تاخیر p95/p99 توسط مراحل (رندر، ورودی، 3DS، تایید).
هزینه برای تایید و نرخ٪ (برای تغییرات UX موثر بر مسیریابی).
موبایل در مقابل دسکتاپ: شکاف در AR و تاخیر.

16) آزمایش (کوتاه)

تصادفی توسط کاربر، طبقه بندی شده توسط روش GEO/BIN/.
Guardrails: CBR/بازپرداخت، آستانه AR، تاخیر.
تست: سفارش روش، متن خطا، مدل های 3DS در مقابل تغییر مسیر، جریان اکسپرس، تکمیل خودکار، ماسک کردن.
در صورت تغییر روش جریان/انتخاب PSP، هزینه کامل (هزینه/FX/رزرو) را در نظر بگیرید.

17) قالب صفحه نمایش (سطح wireframe)

A. انتخاب روش (تلفن همراه)

عنوان: روش پرداخت

کارت: اپل پرداخت/گوگل پرداخت/کیف پول محلی/کارت

برچسب ها: سریع، توصیه می شود، خروجی ETA (در صورت مربوطه)

ارز محلی + مقدار

B. فرم کارت

زمینه های: PAN، EXP، CVV، نام دارنده

چک باکس «Save card for quick payments» (همراه با توضیح)

InfoBlock: تایید را می توان از بانک درخواست کرد

دکمه: «پرداخت X {ارز}»

C. modalka 3DS

مراحل: «انتظار برای تایید در بانک» + تایمر + دکمه «تکرار»

انتخاب روش دیگر لینک (موجب صرفه جویی در مقدار و زمینه)

D. خطا/جایگزین

پیام بر اساس نوع شکست

CTA 1: تکرار (نرم)

CTA 2: پرداخت از طریق [روش محلی]

18) بهترین شیوه (کوتاه)

1. اولین ریل سریع (کیف پول/A2A)، سپس کارت ؛ پنهان کردن روش های بی ربط

2. درون خطی اعتبار سنجی نرم، پیام خطای تمام شده، بدون راه اندازی مجدد.
3. 3DS در حالت، بدون اصطکاک به طور پیش فرض، انتظار روشن و برنامه B.
4. ذخیره وضعیت در شکست و بازده، یک کلیک قبل از تلاش مجدد.
5. محلی سازی: ارز/فرمت/زمینه ؛ نمایش کمیسیون قبل از تأیید.
6. طراحی موبایل اول: صفحه کلید عددی، چسبنده-CTA، روش های سریع در بالا.
7. در دسترس بودن و عملکرد اختیاری نیست.
8. ضد تقلب در معرض خطر، نه همه.
9. تله متری برای هر مرحله + قیف شکست و علل.
10. آزمایش با guardrails و ارزش کامل.

19) چک لیست پیاده سازی

• نقشه روش GEO و نمایش سفارش.
• PAN/EXP/CVV پوشش/اعتبار سنجی، 'تکمیل خودکار'.
• تشخیص BIN و نام تجاری، اشاره 3DS.
• مدال 3DS با تایمر و عقب نشینی.
• تلاش مجدد برای کاهش نرم، جایگزین برای کاهش سخت.
• شفاف هزینه همان روش و سیاست.
• محلی سازی: زبان، ارز، فرمت ها، زمینه های محلی.
• یک شیر آب/کیف پول، روش های ذخیره شده، نشانه های شبکه.
• А11у/performance (LCP/TTI)، اسکلت.
• داشبورد: AR/DR، 3DS، قیف، تاخیر، علل شکست.
• طرح A/B و گاردریل، فریز داده برای تجزیه و تحلیل.

خلاصه

تبدیل پرداخت مجموع چیزهای کوچک است: روش های سریع «در صفحه اول»، فرم ها و راهنمایی های صحیح، ارتقاء 3DS شسته و رفته، مسئول رد صلاحیت و شفافیت صادقانه کمیسیون ها. تمرکز بر سرعت، وضوح و بازیابی فاجعه، اندازه گیری همه چیز در مراحل و اجرای تغییرات از طریق آزمایش های کنترل شده - به این ترتیب شما AR را افزایش می دهید، شکست ها را کاهش می دهید و اعتماد بازیکنان و تنظیم کننده ها را حفظ می کنید.