bkash payment gateway-এর অ্যাপ পেমেন্ট UI
বাংলাদেশি অ্যাপে bKash মার্চেন্ট পেমেন্টের মেথড নির্বাচন, অ্যাপ সুইচ, পিন যাচাই, ব্যর্থতা, সফল রসিদ ও সহায়তা স্টেট ডিজাইন করুন।
bkash payment gateway-এর অ্যাপ পেমেন্ট UI-তে BDT অঙ্ক, ইনভয়েস আইডি, নির্বাচিত মার্চেন্ট এবং নিরাপদ অ্যাপ-সুইচের আগে অর্ডার সারাংশ দেখান। bKash ফেরত এলে সফল রসিদে লেনদেন আইডি রাখুন; ব্যর্থ হলে একই অর্ডারের জন্য পুনরায় চেষ্টা, পদ্ধতি বদল ও সহায়তার স্পষ্ট পথ দিন।
মূল বিষয়গুলো
- •পেমেন্ট শুরু করার আগে অঙ্ক, BDT, ইনভয়েস আইডি ও মার্চেন্টের নাম এক স্ক্রিনে নিশ্চিত করুন।
- •bKash, Nagad ও Rocket-কে একই নির্বাচক তালিকায় দিলেও প্রতিটি পদ্ধতির নিজস্ব রিডাইরেক্ট ও ফলাফল স্টেট আলাদা রাখুন।
- •পিন বা KYC-সংক্রান্ত তথ্য নিজের অ্যাপে সংগ্রহ না করে অনুমোদিত পেমেন্ট অ্যাপ বা ফ্লোতে দিন।
- •সফল, ব্যর্থ, বাতিল ও অনিশ্চিত—এই চারটি ফলাফল স্টেটের জন্য আলাদা কপি ও অ্যাকশন লিখুন।

এই পাতায় যা আছে
- •চেকআউট ফ্লোকে অর্ডার থেকে রসিদ পর্যন্ত ভাগ করুন
- •অ্যাপ সুইচ ও পিন যাচাইয়ে আস্থা তৈরি করুন
- •ব্যর্থতা, অনিশ্চিত ফলাফল ও সফল রসিদ আলাদা করুন
- •Floow-তে একবারে প্রয়োজনীয় স্ক্রিন জেনারেট করুন
চেকআউট ফ্লোকে অর্ডার থেকে রসিদ পর্যন্ত ভাগ করুন
একটি কার্যকর mobile banking app design-এ চেকআউটকে একটি বোতামের ঘটনা না ধরে কয়েকটি স্পষ্ট স্টেট হিসেবে নকশা করুন: অর্ডার সারাংশ, পেমেন্ট পদ্ধতি নির্বাচন, bKash-এ যাওয়া, ফিরতি যাচাই, এবং রসিদ। প্রথম স্ক্রিনে মার্চেন্টের নাম, পণ্যের সংক্ষিপ্ত বিবরণ, মোট অঙ্ক ও ৳/BDT, এবং ইনভয়েস আইডি দেখান। অঙ্কের পাশে “পরিবর্তনযোগ্য নয়” ধরনের কপি কেবল তখনই দিন, যখন সত্যিই তা বদলানো যাবে না।
পরের স্ক্রিনে স্থানীয় পছন্দের জন্য bKash, Nagad ও Rocket-এর পেমেন্ট-মেথড সিলেক্টর দিন। নির্বাচিত পদ্ধতিটি দৃশ্যমান রাখুন এবং অন্যটিতে বদলালে অর্ডারের অঙ্ক অপরিবর্তিত আছে কি না নিশ্চিত করুন। bKash নির্বাচন করলে ব্যবহারকারীকে জানান যে অনুমোদনের জন্য bKash অ্যাপে যেতে হবে। ফিরে আসার পর শুধু ক্লায়েন্টের ফেরত আসা দেখে সফল দেখাবেন না; সার্ভার থেকে পেমেন্টের চূড়ান্ত অবস্থা যাচাই করে তবেই রসিদ বা ব্যর্থতার স্ক্রিন দেখান। এটাই একটি বাস্তবসম্মত online payment gateway bangladesh ফ্লোর ভিত্তি।
অ্যাপ সুইচ ও পিন যাচাইয়ে আস্থা তৈরি করুন
bKash-কেন্দ্রিক ফ্লোতে পিনটি আপনার মার্চেন্ট অ্যাপের ইনপুট ফিল্ডে চাওয়া উচিত নয়। ব্যবহারকারীকে bKash-এর অনুমোদিত অ্যাপ বা পেমেন্ট ফ্লোতে পাঠান, যেখানে তিনি নিজে পিন যাচাই করবেন। যাওয়ার আগে একটি ছোট মধ্যবর্তী স্টেটে বলুন: “পেমেন্ট অনুমোদনের জন্য bKash অ্যাপ খুলছে।” এতে অ্যাপ বদলকে সন্দেহজনক মনে হয় না এবং ব্যবহারকারী জানেন কোথায় তাঁর গোপন তথ্য দিতে হবে।
বাংলাদেশ ব্যাংকের MFS-সংক্রান্ত গ্রাহক সুরক্ষা ও KYC প্রত্যাশা মাথায় রেখে স্ক্রিনের তথ্য-ন্যূনতম নীতি ঠিক করুন। পেমেন্ট সম্পন্ন করতে যে তথ্য দরকার নেই, তা চেকআউটে চাইবেন না; পিন, OTP বা সংবেদনশীল পরিচয়তথ্য লগ, স্ক্রিনশট বা রসিদে রাখবেন না। KYC-সংক্রান্ত কারণে কোনো পেমেন্ট এগোতে না পারলে অস্পষ্ট “ত্রুটি” না লিখে বলুন যে ব্যবহৃত MFS অ্যাকাউন্টের অবস্থা যাচাই করতে হবে, তারপর সংশ্লিষ্ট সেবার সহায়তা চ্যানেলে যেতে বলুন। বাংলাদেশ ব্যাংকের MFS তদারকির প্রেক্ষিতে এটি ব্যবহারকারীকে নিরাপদ ও ব্যাখ্যাযোগ্য পথ দেয়।
ব্যর্থতা, অনিশ্চিত ফলাফল ও সফল রসিদ আলাদা করুন
“পেমেন্ট ব্যর্থ” এক ধরনের ঘটনা নয়। ব্যবহারকারী bKash অ্যাপে বাতিল করতে পারেন, নেটওয়ার্ক বিচ্ছিন্ন হতে পারে, বা অনুমোদনের পর আপনার অ্যাপ ফলাফল না-ও পেতে পারে। বাতিল হলে লিখুন যে কোনো চার্জ সম্পন্ন হয়নি—তবে কেবল সার্ভার অবস্থা তা নিশ্চিত করলে। ব্যর্থ হলে কারণ জানা থাকলে কারণটি দেখান এবং “আবার চেষ্টা করুন”, “অন্য পদ্ধতি বাছুন”, ও “অর্ডারে ফিরুন” দিন। একই পেমেন্ট বারবার শুরু করার আগে আগের অনুরোধটির অবস্থা পরীক্ষা করুন।
অনিশ্চিত অবস্থায় সবচেয়ে নিরাপদ কপি হলো: “পেমেন্টের অবস্থা যাচাই হচ্ছে। এখনই আবার পেমেন্ট করবেন না।” এখানে ইনভয়েস আইডি দেখান, স্বয়ংক্রিয় যাচাইয়ের ইঙ্গিত দিন এবং সহায়তা নেওয়ার পথ রাখুন। সফল স্টেটে bKash মার্চেন্ট পেমেন্টের BDT অঙ্ক, ইনভয়েস আইডি ও লেনদেন আইডি স্পষ্টভাবে দেখানোর স্ক্রিন তৈরি করুন। সঙ্গে পেমেন্টের সময়, পদ্ধতি এবং রসিদ শেয়ার বা সংরক্ষণের বিকল্প দিতে পারেন। লেনদেন আইডি কপি করার ব্যবস্থা সহায়তা টিমের সঙ্গে মিলিয়ে দেখার সময় ব্যবহারকারীকে সুবিধা দেয়।
Floow-তে একবারে প্রয়োজনীয় স্ক্রিন জেনারেট করুন
Floow-তে একই প্রম্পটে বিচ্ছিন্ন সুন্দর স্ক্রিন নয়, একটি সংযুক্ত স্টেট-সেট চাইুন। যেমন: “বাংলাদেশি শপিং অ্যাপের জন্য bKash মার্চেন্ট পেমেন্ট চেকআউট; BDT অঙ্ক, ইনভয়েস আইডি, bKash/Nagad/Rocket নির্বাচক, bKash অ্যাপ খোলার নির্দেশনা, অনিশ্চিত যাচাই, ব্যর্থ পেমেন্ট এবং লেনদেন আইডিসহ সফল রসিদ।” এরপর প্রতিটি স্ক্রিনে একই অর্ডার অঙ্ক ও ইনভয়েস আইডি আছে কি না পর্যালোচনা করুন।
কপির জন্য তিনটি সীমা রাখুন: পিন চাইবে না মার্চেন্ট অ্যাপ, সফলতার আগে চূড়ান্ত যাচাই হবে, এবং ব্যর্থতার কপি ব্যবহারকারীকে অন্ধভাবে পুনরায় চার্জের দিকে ঠেলে দেবে না। ছোট মোবাইল স্ক্রিনে অঙ্ক, প্রাথমিক অ্যাকশন ও অবস্থা আগে রাখুন; লম্বা ব্যাখ্যা ভাঁজ করা সহায়তা অংশে দিন। Floow-তে bKash-কেন্দ্রিক চেকআউট, ব্যর্থ পেমেন্ট এবং রসিদ স্ক্রিন একসঙ্গে জেনারেট করুন। তারপর আপনার পেমেন্ট ইন্টিগ্রেশনের প্রকৃত রিটার্ন স্টেটের সঙ্গে প্রতিটি ডিজাইন মিলিয়ে নিন।
bKash মার্চেন্ট পেমেন্ট ফ্লোর আবশ্যিক স্ক্রিন স্টেট
| স্টেট | স্ক্রিনে দেখাবেন | প্রধান অ্যাকশন |
|---|---|---|
| অর্ডার নিশ্চিতকরণ | মার্চেন্ট, BDT অঙ্ক, ইনভয়েস আইডি | পেমেন্ট পদ্ধতি বাছুন |
| পদ্ধতি নির্বাচন | bKash, Nagad, Rocket | নির্বাচিত পদ্ধতিতে এগোন |
| bKash-এ যাওয়া | অ্যাপ-সুইচের সংক্ষিপ্ত নির্দেশনা | bKash খুলুন |
| অনিশ্চিত যাচাই | ইনভয়েস আইডি ও যাচাই চলছে বার্তা | অপেক্ষা করুন বা সহায়তা নিন |
| সফল রসিদ | BDT অঙ্ক, ইনভয়েস আইডি, লেনদেন আইডি | রসিদ সংরক্ষণ বা অর্ডারে ফিরুন |
| ব্যর্থ বা বাতিল | অবস্থা, জানা থাকলে কারণ, ইনভয়েস আইডি | আবার চেষ্টা বা পদ্ধতি বদলান |
সাধারণ ভুলগুলো
মার্চেন্ট অ্যাপের ভেতরে bKash পিন বা OTP দেওয়ার ইনপুট রাখা।
পিন যাচাইয়ের জন্য অনুমোদিত bKash অ্যাপ বা পেমেন্ট ফ্লোতে পাঠান; নিজের স্ক্রিনে শুধু কী ঘটবে তার নির্দেশনা দিন।
অ্যাপ ফিরে এলেই সার্ভার যাচাই ছাড়া সফল রসিদ দেখানো।
পেমেন্টের চূড়ান্ত অবস্থা যাচাই করুন। ফলাফল দেরি হলে অনিশ্চিত স্টেট দেখান এবং ব্যবহারকারীকে আবার পেমেন্ট না করতে বলুন।
শুধু bKash দেখিয়ে স্থানীয় বিকল্প লুকিয়ে রাখা।
প্রয়োজনে একই নির্বাচকে bKash, Nagad ও Rocket দিন; নির্বাচিত পদ্ধতির নাম পরের স্টেটগুলোতেও দৃশ্যমান রাখুন।
ব্যর্থতা ও বাতিলকে একই অস্পষ্ট ত্রুটি বার্তায় নামিয়ে আনা।
বাতিল, ব্যর্থ ও যাচাই-অপেক্ষমাণ অবস্থার জন্য আলাদা কপি, আলাদা অ্যাকশন এবং ইনভয়েস আইডি দিন।
সচরাচর জিজ্ঞাসিত প্রশ্ন
bkash payment gateway-এর জন্য কয়টি চেকআউট স্ক্রিন লাগবে?
bkash payment gateway-এর জন্য সাধারণত অন্তত পাঁচটি স্টেট ডিজাইন করা উচিত: অর্ডার সারাংশ, bKash/Nagad/Rocket পদ্ধতি নির্বাচন, bKash অ্যাপ-সুইচ নির্দেশনা, ফলাফল যাচাই, এবং সফল রসিদ বা ব্যর্থতার স্ক্রিন। অনিশ্চিত পেমেন্ট ফলাফলের জন্য আলাদা যাচাই-চলছে স্টেট রাখলে ব্যবহারকারী ভুল করে আবার টাকা দেওয়ার ঝুঁকি কমে।
পেমেন্ট ব্যর্থ হলে কী দেখাব?
পেমেন্ট ব্যর্থ হলে অর্ডারের BDT অঙ্ক, ইনভয়েস আইডি, ব্যর্থতার কারণ জানা থাকলে তার সহজ ভাষার ব্যাখ্যা, এবং “আবার চেষ্টা করুন”, “অন্য পদ্ধতি বাছুন” ও “সহায়তা নিন” অ্যাকশন দেখান। ফলাফল নিশ্চিত না হলে ব্যর্থ বলবেন না; “অবস্থা যাচাই হচ্ছে, আবার পেমেন্ট করবেন না” বার্তা দেখান।
বিকাশ পিন কখন অ্যাপে চাইব?
বিকাশ পিন মার্চেন্ট অ্যাপের কোনো স্ক্রিনে চাইবেন না। ব্যবহারকারীকে bKash-এর অনুমোদিত অ্যাপ বা পেমেন্ট ফ্লোতে পাঠানোর পর সেখানে পিন যাচাই হবে। মার্চেন্ট অ্যাপে শুধু অ্যাপ-সুইচের আগে অর্ডারের BDT অঙ্ক ও ইনভয়েস আইডি নিশ্চিত করুন এবং ফিরে এলে পেমেন্টের অবস্থা সার্ভার থেকে যাচাই করুন।
সফল রসিদে কোন তথ্য রাখা জরুরি?
সফল bKash মার্চেন্ট পেমেন্টের রসিদে মার্চেন্টের নাম, BDT অঙ্ক, ইনভয়েস আইডি, লেনদেন আইডি, পেমেন্ট পদ্ধতি এবং সময় রাখুন। লেনদেন আইডি কপি করার সুবিধা দিলে ব্যবহারকারী সহায়তা টিমের সঙ্গে সহজে লেনদেন মিলিয়ে দেখতে পারেন। পিন, OTP বা অপ্রয়োজনীয় সংবেদনশীল তথ্য রসিদে রাখবেন না।
শেষ কথা
ভালো bKash চেকআউটের মাপকাঠি শুধু সফল পেমেন্ট নয়; ব্যবহারকারী পেমেন্টের আগে কী দিচ্ছেন, অ্যাপ বদলালে কোথায় যাচ্ছেন, ফলাফল দেরি হলে কী করবেন এবং রসিদে কীভাবে লেনদেন খুঁজবেন—সবকিছু পরিষ্কার থাকা। Floow-তে এই পুরো স্টেট-সেট জেনারেট করে আপনার বাস্তব ইন্টিগ্রেশনের ফলাফলের সঙ্গে মিলিয়ে নিন।
আগে স্ক্রিনগুলো ডিজাইন করুন
সহজ ভাষায় আপনার অ্যাপের বর্ণনা দিন—floow.design আপনার জন্য iOS ও Android স্ক্রিন তৈরি করে দেবে, যা আপনি পরে আরও পরিমার্জন করে হ্যান্ডঅফ করতে পারবেন।
সূত্র
Related reading
Design your mobile app with AI.
Generate pixel-perfect iOS and Android screens in seconds, then export to Figma or code.