UX चेकआउट और रूपांतरण पैटर्न

1) प्रवाह मानचित्र: वास्तव में हम क्या अनुकूलन करते

प्रविष्टि विधि विवरण समीक्षा रसीद

हम फास्ट रेल (A2A/wallets/One-tap) और क्लासिक कार्ड (पैन-फॉर्म) का समर्थन करते हैं।

बार-बार भुगतान के लिए - वन-क्लिक/टोकन/नेटवर्क टोकन; पूर्व के लिए - "घर्षण के बिना" उस क्षण तक जब चरण-अप की आवश्यकता होती है।

2) सिंगल-स्टेप बनाम मल्टी-स्टेप

सिंगल-स्टेप (इनलाइन): कम क्लिक, तेज धारणा। पुनर्निर्देशन के साथ पर्स/Apple पे/Google Rau/स्थानीय तरीकों के लिए अनुशंसित।

मल्टी-स्टेप (मास्टर): बेहतर SoF कार्ड/फॉर्म पर संज्ञानात्मक लोड का प्रबंधन करता है। प्रत्येक चरण 1 निर्णय (राशि → विधि → विवरण → पुष्टि) है।

समाधान: हाइब्रिड - फास्ट रेल और शॉर्ट-फॉर्म कार्ड के लिए एकल-चरण, जटिल परिदृश्यों के लिए मास्टर (कूपन/बोनस/खाता पता/SoF)।

3) आकार: त्रुटि-मुक्त गति

सत्यापन और मास्किंग

ऑटो पैन प्रारूप (# # # # # # #), लुहन स्थानीय रूप से, ब्रांड और लंबाई संकेत।

EXP MM/YY - ऑटो-मूवमेंट के साथ दो क्षेत्र, CVV - मास्क + संकेत आइकन।

बिन-डिटेक्शन → संकेत "आपका बैंक कार्ड अनुरोध कर सकता है 3DS."

राशि/मुद्रा: स्थानीय मुद्रा दिखाएं और लेखन मुद्रा (यदि अलग हो) में रूपांतरण करें।

स्वतः पूर्ण

ब्राउज़र 'autocomplete' (cc-name, cc-exp, cc-csc, name) के लिए समर्थन.

विधि का संरक्षण (सहमति के साथ) → टोकन; स्पष्ट करें "हम पैन संग्रहीत नहीं करते हैं।"

त्रुटियाँ

इनलाइन संकेत, "फॉर्म-वाइड नहीं। "1 पंक्ति संदेश: क्या हुआ और क्या करना है।

अलग हार्ड (अमान्य पैन) और सॉफ्ट (जारीकर्ता अनुपलब्ध) त्रुटियां - पुनरावृत्ति रणनीति इस पर निर्भर करती है।

4) विधि का विकल्प: "सफेद शेल्फ", शोकेस नहीं

पहले - अनुशंसित (पर्स/उच्च एआर के साथ स्थानीय एपीएम), फिर "अन्य तरीके"।

गैर-कार्यशील GEO/सत्यापन विधियाँ छुपाएँ.

स्थानीयकृत प्रतीक/नाम; निकासी द्वारा ईटीए दिखाएं (यदि यह एक ही प्रणाली में जमा + निकासी है)।

कार्ड के लिए - बिन-डिटेक्शन के लिए वीजा/मास्टरकार्ड/एमआईआर/एमेक्स बैज।

5) 3DS UX: रूपांतरण को "मारने" के लिए कैसे नहीं

डिफ़ॉल्ट रूप से घर्षण रहित, चुनौती - केवल जोखिम/नीति पर।

मोडल में निर्मित 3DS बनाएँ, एक नई विंडो की तरह नहीं।

स्पष्ट उम्मीदें: "बैंक पुष्टि के लिए पूछ सकता है - अपना फोन बंद रखें।"

फेल-सेफ: टाइमआउट - वैकल्पिक विधि को दोहराने या स्विच करने के लिए प्रांप्ट करें।

संदर्भ सहेजें: 3DS के पूरा होने के बाद, हम दर्ज किए गए डेटा को खोए बिना एक ही चरण पर लौटते हैं।

6) गिरावट-वसूली

नरम-गिरावट: शीघ्र "बैंक/सीमा अस्थायी रूप से अनुपलब्ध" + रेडो बटन; यदि पुनरावृत्ति ने मदद नहीं की - बटन "एक और विधि आज़माएं" (A2A/वॉलेट की पेशकश करें)।

कठिन-गिरावट: एक ही मार्ग पर रिट्रे की पेशकश न करें; सुरक्षित विकल्प दिखाएं (स्थानीय एपीएम)।

राशि/मुद्रा और चयनित बोनस पैकेज सहेजें - फिर से प्रवेश के लिए मजबूर न करें

मोबाइल पर - सिस्टम को वापस न छिपाएं; स्थिति को URL/भंडारण में रखें।

7) आयोग पारदर्शिता और वापसी नीति

यदि जमा पर शुल्क या DCC है - पुष्टि से पहले दिखाएं: "कमीशन X %/Y फिक्स।, कुल लिखने के लिए Z."

समान-विधि और "स्रोत पर लौटें": लघु पाठ "हम इसे उसी स्थान पर लाते हैं जहां से जमा राशि शुद्ध राशि में आती है।"

भुगतान चरण से उपयोगकर्ता को हटाए बिना - एक अलग परत (शीट) में नियमों के लिंक।

8) स्थानीयकरण, मुद्रा, भाषा

स्वीकार-भाषा/आईपी/केवाईसी द्वारा ऑटो-भाषा, लेकिन एक स्पष्ट स्विच रखें।

लोकेल द्वारा हजारों/दशमलव का प्रारूप (1,234,56 बनाम 1,234। 56).

स्थानीय भुगतान विवरण (CPF/PIX कुंजी, IBAN, बिलिंग पता) - केवल यदि इस देश में आवश्यक हो।

3DS/date कोड के लिए दिनांक/समय - लोकेल (24h बनाम 12h) द्वारा।

9) वॉलेट और वन-टैप

Apple पे/Google पे: केवल समर्थित उपकरणों/ब्राउज़र पर दिखाएं। राशि कार्ड पर एक-टैप।

सिस्टम शीट (देशी शीट) - सबसे तेज; राशि/मुद्रा को छुपाएं नहीं।

"सेव्ड" कार्ड/वॉलेट शोकेस: बड़े लोगो, अंतिम 4 एक्सपायरिंग - "अपडेट डेट" चेतावनी के साथ।

स्थिर पुनः भुगतान/आवर्ती के लिए नेटवर्क टोकन समर्थन।

10) उपलब्धता और प्रदर्शन

: फोकस शैली, विरोधाभास, 'आरिया-लेबल', ऑन-स्क्रीन पाठकों के लिए समर्थन।

जाल के बिना कुंजीपट नेविगेशन और "टैब-ऑर्डर".

पहले इंटरैक्टिव के लिए <2 c लोड किया जा रहा है, खाली स्क्रीन के बजाय कंकाल।

ऑफ़ लाइन स्थिरीकरण: यदि नेटवर्क 3DS पर "डिप" करता है, तो एक समझने योग्य संदेश और सुरक्षित पुनरावृत्ति।

11) धोखाधड़ी-विरोधी अनुकूल यूआई (कोई "बर्न" रूपांतरण नहीं)

सॉफ्ट स्टेप-अप: ज़िप/मेल, डीओबी, सेल्फी/एसीसी - जोखिम से, हर किसी द्वारा नहीं।

बेमेल हाइलाइटिंग (बिन देश बनाम आईपी/केवाईसी) - आंतरिक तर्क का विस्तार किए बिना ("ऐसा लगता है कि वर्तमान बैंक समर्थित नहीं है")।

UI में प्रयासों की संख्या सीमित करें, पुनरावृत्ति से पहले टाइमर, प्रगति संकेतक।

12) माइक्रो-कॉपीराइटिंग (उदाहरण)

पैन: "16-19 अंक, कोई रिक्त स्थान नहीं - हम जोड़ेंगे।"

सीवीवी: "कार्ड के पीछे/चेहरे पर 3-4 अंक।"

नरम त्रुटि: "बैंक ने अस्थायी रूप से जवाब नहीं दिया। फिर से कोशिश करें, या दूसरी विधि चुनें।"

त्रुटि कठिन: "बैंक ने लेनदेन को अस्वीकार कर दिया। भुगतान करने के लिए एक अलग तरीका चुनें।

3DS: "बैंक आवेदन में लेनदेन की पुष्टि करें - इसमें ~ 10-20 सेकंड लगते हैं।"

13) मोबाइल पैटर्न

संख्यात्मक क्षेत्रों के लिए न्यूमेरिक-कीबोर्ड, ऑटो फोकस संक्रमण।

स्टिकी बार "कुल राइट-ऑफ/जारी रखें।"

बैंकिंग अनुप्रयोगों में डीप-लिंक 3DS के लिए समर्थन।

पुष्टि के लिए हैप्टिक प्रतिक्रिया; दुरुपयोग करने के लिए नहीं।

14) भुगतान परिदृश्य और प्रवाह विकल्प

एक्सप्रेस-जमा: डिफ़ॉल्ट विधि (अंतिम सफल टोकन), 1 स्क्रीन।

भुगतान के बाद "कोई पंजीकरण" → केवाईसी: शीर्ष-फ़नल को बढ़ाएगा, लेकिन आवश्यक है - वापसी नीति और सीमाएं।

कॉम्बो बोनस + जमा: शुद्ध जमा राशि और बोनस अलग से दिखाएं; खेल की शर्तों को छुपाएं नहीं।

15) मेट्रिक्स और डैशबोर्ड (न्यूनतम)

विधि/भू/चैनल/उपकरण द्वारा एआर/डीआर।

3DS पास और देयता शिफ्ट, नरम-गिरावट शेयर।

फ़नल: View→MethodPick→Details→3DSStart→3DSSuccess→Paid।

परित्याग कारण (पृष्ठ पर घटना): बंद करना, क्षेत्र त्रुटि, समय समाप्ति.

लेटेंसी p95/p99 चरणों द्वारा (रेंडर, इनपुट, 3DS, पुष्टि)।

लागत-प्रति-अनुमोदन और टेक-रेट% (रूटिंग को प्रभावित करने वाले यूएक्स परिवर्तनों के लिए)।

मोबाइल बनाम डेस्कटॉप: एआर और विलंबता में गैप।

16) प्रयोग (लघु)

उपयोगकर्ता द्वारा यादृच्छिक, GEO/BIN/विधि द्वारा स्तरीकृत करें।

गार्ड: सीबीआर/रिफंड, एआर सीमा, विलंबता।

परीक्षण: विधि क्रम, त्रुटि ग्रंथ, 3DS मोडल बनाम पुनर्निर्देशित, एक्सप्रेस प्रवाह, स्वतः पूर्ण, मास्किंग।

यदि प्रवाह विधि/पीएसपी चयन बदलता है तो पूर्ण लागत (शुल्क/एफएक्स/आरक्षित) पर विचार करें।

17) स्क्रीन टेम्पलेट (वायरफ्रेम-स्तर)

ए। विधि चयन (मोबाइल)

शीर्षक: "भुगतान विधि"

कार्ड: Apple पे/Google पे/लोकल वॉलेट/कार्ड

लेबल: त्वरित, अनुशंसित, ईटीए आउटपुट (यदि प्रासंगिक है)

स्थानीय मुद्रा + राशि

बी। कार्ड फॉर्म

फ़ील्ड्स: पैन, EXP, CVV, होल्डर नाम

चेकबॉक्स "त्वरित भुगतान के लिए कार्ड सहेजें" (स्पष्टीकरण के साथ)

जानकारी - बैंक से पुष्टि का अनुरोध किया जा सकता है।

बटन: "भुगतान X {मुद्रा}"

सी। 3DS मोडाल्का

चरण: "बैंक में पुष्टि की प्रतीक्षा" + टाइमर + बटन "दोहराएं"

अन्य विधि लिंक चुनें (राशि और संदर्भ सहेजता है)

डी त्रुटि/वैकल्पिक

असफलता प्रकार से संदेश

सीटीए 1: दोहराएं (नरम)

CTA 2: "[स्थानीय विधि] के माध्यम से भुगतान करें"

18) सर्वश्रेष्ठ अभ्यास (लघु)

1. पहले फास्ट रेल (पर्स/A2A), फिर कार्ड; अप्रासंगिक तरीकों को छिपाएं।

2. नरम सत्यापन इनलाइन, समाप्त त्रुटि संदेश, कोई रीबूट नहीं।

3. मोडल में 3 डीएस, डिफ़ॉल्ट रूप से घर्षण रहित, स्पष्ट अपेक्षा और योजना बी।

4. असफलताओं और रिटर्न पर स्थिति सहेजें, पुनः प्रयास करने से पहले एक क्लिक

5. स्थानीयकरण: मुद्रा/प्रारूप/क्षेत्र; पुष्टि से पहले कमीशन दिखाएँ।

6. मोबाइल-पहला डिजाइन: संख्यात्मक-कीबोर्ड, चिपचिपा-सीटीए, शीर्ष पर त्वरित तरीके।

7. उपलब्धता और प्रदर्शन वैकल्पिक नहीं हैं।

8. जोखिम पर धोखाधड़ी विरोधी कदम, हर कोई नहीं।

9. विफलताओं और कारणों के प्रत्येक चरण + फ़नल के लिए टेलीमेट्री।

10. रेलिंग और पूर्ण मूल्य के साथ प्रयोग।

19) कार्यान्वयन चेकलिस्ट

• GEO विधि नक्शा और प्रदर्शन क्रम।
• पैन/EXP/CVV मास्किंग/सत्यापन, 'स्वतः पूर्ण'।
• बिन का पता लगाने और ब्रांड, 3DS संकेत।
• टाइमर और फॉलबैक के साथ 3DS मोडल।
• नरम-गिरावट के लिए पुन: प्रयास करें, कठिन-गिरावट के लिए विकल्प
• समान-विधि शुल्क और नीतियों को पारदर्शी करें।
• स्थानीयकरण: भाषा, मुद्रा, प्रारूप, स्थानीय क्षेत्र।
• वन-टैप/वॉलेट, सहेजे गए तरीके, नेटवर्क टोकन।
• А11у/performance (LCP/TTI), कंकाल।
• डैशबोर्ड: एआर/डीआर, 3 डीएस, फ़नल, विलंबता, विफलताओं के कारण।
• योजना ए/बी और रेलिंग, विश्लेषण के लिए डेटा फ्रिज़।

सारांश

चेकआउट रूपांतरण छोटी चीजों का योग है: त्वरित तरीके "पहली स्क्रीन पर", सही रूप और सुझाव, साफ 3 डीएस वृद्धि, सक्षम अस्वीकृति हैंडलर और आयोगों की ईमानदार पारदर्शिता। गति, स्पष्टता और आपदा वसूली पर ध्यान केंद्रित करें, चरणों में सब कुछ मापें और नियंत्रित प्रयोगों के माध्यम से परिवर्तनों को लागू करें - इस तरह आप एआर बढ़ाएंगे, विफलताओं को कम करेंगे और खिलाड़ियों और नियामकों के विश्वास को बनाए रखेंगे।