ব্যবহারকারী পছন্দ বিলিং পাইলটের জন্য অন্তর্বর্তী UX নির্দেশিকা

দ্রষ্টব্য: Google অন্তর্বর্তীকালীন UX নির্দেশিকাগুলির ম্যানুয়াল বাস্তবায়ন বন্ধ করে দিচ্ছে৷ মাইগ্রেশনের সময়সীমা সম্পর্কে এখানে আরও জানুন। আপনি যদি বিকল্প বিলিং API-এর মাধ্যমে ব্যবহারকারীর পছন্দের বিলিং অফার করেন, তাহলে আপনি ক্লায়েন্ট-সাইড API-এর সাথে একীভূত হয়ে এবং ব্যবহার করে ব্যবহারকারীর অভিজ্ঞতার প্রয়োজনীয়তা পূরণ করতে পারেন। এই ক্ষেত্রে, আপনাকে এই বিষয়ে বর্ণিত অন্তর্বর্তীকালীন ব্যবহারকারীর অভিজ্ঞতা নির্দেশিকাগুলিকে আলাদাভাবে অনুসরণ করতে হবে না।

ওভারভিউ

ব্যবহারকারীর পছন্দের বিলিং পাইলট অংশগ্রহণকারী বিকাশকারীদের Google Play-এর বিলিং সিস্টেমের পাশে একটি বিকল্প বিলিং বিকল্পের অফার পরীক্ষা করার অনুমতি দেয় এবং ব্যবহারকারীদের এই পছন্দটি অফার করার বিষয়ে আমাদের সাহায্য করার জন্য ডিজাইন করা হয়েছে। এই UX নির্দেশিকাগুলির লক্ষ্য একটি সামঞ্জস্যপূর্ণ ব্যবহারকারীর অভিজ্ঞতা বজায় রাখা এবং ব্যবহারকারীদের একটি জ্ঞাত সিদ্ধান্ত নিতে সহায়তা করা।

আপনি যদি পাইলটে অংশগ্রহণ করেন তবে আপনাকে একটি তথ্য পর্দা এবং একটি পৃথক বিলিং পছন্দের স্ক্রীন প্রদর্শন করতে হবে। তথ্য স্ক্রীনটি শুধুমাত্র প্রতিটি ব্যবহারকারীকে দেখানো প্রয়োজন যখন ব্যবহারকারী প্রথমবার একটি কেনাকাটা শুরু করেন, যখন বিলিং পছন্দের স্ক্রীনটি প্রতিটি কেনাকাটার আগে দেখানো উচিত। উভয় স্ক্রিনের জন্য ব্যবহারকারী-মুখী বার্তা এবং UI স্পেসিফিকেশন নিম্নলিখিত নির্দেশিকা অনুযায়ী প্রয়োগ করা আবশ্যক।

ডেভেলপার অ্যাপ

ব্যবহারকারীদের জন্য তথ্য পর্দা

বিলিং পছন্দ পর্দা

দেশ এবং ভাষা নির্বাচন করুন

নীচের নকশার বৈশিষ্ট্যগুলিতে সংশ্লিষ্ট UI পাঠ্য স্ট্রিংগুলি দেখতে আপনার ব্যবহারকারীদের দেশ এবং ভাষা নির্বাচন করুন৷

সব দেশ দেখান একটি দেশ নির্বাচন করুন ইউরোপীয় অর্থনৈতিক এলাকা (EEA) অস্ট্রেলিয়া ব্রাজিল ভারত ইন্দোনেশিয়া জাপান দক্ষিণ আফ্রিকা মার্কিন যুক্তরাষ্ট্র

একটি বিকল্প বেছে নিনএকটি দেশ নির্বাচন করুন

• সব দেশ দেখান
• একটি দেশ নির্বাচন করুন
• ইউরোপীয় অর্থনৈতিক এলাকা (EEA)
• অস্ট্রেলিয়া
• ব্রাজিল
• ভারত
• ইন্দোনেশিয়া
• জাপান
• দক্ষিণ আফ্রিকা
• মার্কিন যুক্তরাষ্ট্র

সব ভাষা দেখান একটি ভাষা নির্বাচন করুন আফ্রিকান অসমীয়া বাংলা বুলগেরিয়ান কাতালান ক্রোয়েশিয়ান চেক ড্যানিশ ডাচ ইংরেজি এস্তোনিয়ান ফিনিশ ফরাসি জার্মান গ্রীক গুজরাটি হিন্দি হাঙ্গেরিয়ান আইসল্যান্ডিক ইন্দোনেশিয়ান ইতালীয় জাপানিজ কন্নড় লাটভিয়ান লিথুয়ানিয়ান মালায়লাম মারাঠি নরওয়েজিয়ান ওড়িয়া পোলিশ পর্তুগিজ (ব্রাজিলিয়ান) পর্তুগিজ (ইউরোপীয়) পাঞ্জাবি রোমানিয়ান স্লোভাক স্লোভেনীয় স্প্যানিশ সুইডিশ তামিল তেলেগু জুলু

একটি বিকল্প বেছে নিনএকটি ভাষা নির্বাচন করুন

• সব ভাষা দেখান
• একটি ভাষা নির্বাচন করুন
• আফ্রিকান
• অসমীয়া
• বাংলা
• বুলগেরিয়ান
• কাতালান
• ক্রোয়েশিয়ান
• চেক
• ড্যানিশ
• ডাচ
• ইংরেজি
• এস্তোনিয়ান
• ফিনিশ
• ফরাসি
• জার্মান
• গ্রীক
• গুজরাটি
• হিন্দি
• হাঙ্গেরিয়ান
• আইসল্যান্ডিক
• ইন্দোনেশিয়ান
• ইতালীয়
• জাপানিজ
• কন্নড়
• লাটভিয়ান
• লিথুয়ানিয়ান
• মালায়লাম
• মারাঠি
• নরওয়েজিয়ান
• ওড়িয়া
• পোলিশ
• পর্তুগিজ (ব্রাজিলিয়ান)
• পর্তুগিজ (ইউরোপীয়)
• পাঞ্জাবি
• রোমানিয়ান
• স্লোভাক
• স্লোভেনীয়
• স্প্যানিশ
• সুইডিশ
• তামিল
• তেলেগু
• জুলু

ব্যবহারকারীদের জন্য তথ্য

তথ্য স্ক্রীন ব্যবহারকারীদের পরিবর্তনের প্রেক্ষাপট বুঝতে সাহায্য করে এবং তাদের একটি জ্ঞাত পছন্দ করতে সাহায্য করার জন্য আরও তথ্য দেয়।

কখন প্রদর্শন করতে হবে

আপনি একটি বিকল্প বিলিং সিস্টেম যোগ করার পরে ব্যবহারকারীদের তাদের প্রথম ক্রয়ের শুরুতে তথ্য স্ক্রীনটি অবশ্যই দেখানো হবে৷ এই বার্তাটি একই ব্যবহারকারীর দ্বারা পরবর্তী ক্রয়গুলিতে প্রদর্শিত হওয়ার প্রয়োজন নেই৷ একটি ব্যবহারকারী একটি ক্রয় শুরু করার জন্য সুস্পষ্ট পদক্ষেপ নেওয়ার সাথে সাথে তথ্য স্ক্রীনটি প্রদর্শন করুন৷

কখন মূল্য প্রদর্শন করতে হবে

ব্যবহারকারীদের তথ্য স্ক্রীন বা বিলিং পছন্দ স্ক্রীন দেখানোর আগে ক্রয় মূল্য অবশ্যই দৃশ্যমান এবং সুস্পষ্ট হতে হবে।

কিভাবে প্রদর্শন করতে হয়

তথ্য পর্দা একটি মডেল নীচের শীট প্রদর্শিত হবে. একটি মডেল নীচের শীট একটি মডেল ডায়ালগের অনুরূপ যা স্ক্রিনের নীচে থেকে অ্যানিমেট হয় এবং নীচে পিন করা থাকে৷ এটি অন্তর্নিহিত স্ক্রিনে সমস্ত UI উপাদানের উপরে উন্নীত হয়। অন্তর্নিহিত স্ক্রিনটি একটি অন্ধকার স্ক্রিমের পিছনে অস্পষ্ট থাকে যাতে বোঝা যায় যে এটি ব্যবহারকারীর মিথস্ক্রিয়ায় সাড়া দেবে না।

মডেলের নীচের শীটগুলির নকশা এবং বাস্তবায়ন সম্পর্কে আরও তথ্যের জন্য Google মেটেরিয়াল ডিজাইন দেখুন।

ব্যবহারকারীর ক্রিয়াকলাপ

নীচের শীটটি ট্রিগার করা উচিত যখন কোনও ব্যবহারকারী আপনার অ্যাপের একটি বোতাম বা অন্যান্য UI উপাদানে ট্যাপ করে যা একটি ক্রয় শুরু করে। ব্যবহারকারী তথ্য স্ক্রীন থেকে তিনটি সম্ভাব্য পদক্ষেপ নিতে পারে:

চালিয়ে যান

"চালিয়ে যান" বোতামটি আলতো চাপলে তথ্য স্ক্রীনটি বাতিল হয়ে যায় এবং বিলিং পছন্দের স্ক্রীনটি চালু হয়।

আরও জানুন

"আরো জানুন" বোতামটি আলতো চাপলে একটি ওয়েব ব্রাউজারে একটি Google সহায়তা কেন্দ্র নিবন্ধ চালু হয়৷

খারিজ

ব্যবহারকারীরা যদি নীচের শীটটি খারিজ করতে চান এবং অন্তর্নিহিত স্ক্রিনে ফিরে যেতে চান, তাহলে তারা নীচের শীটটি খারিজ করতে পারেন:

• নীচের শীট পাত্রের বাইরে আলতো চাপুন৷
• অ্যান্ড্রয়েড সিস্টেম "ব্যাক" বোতামে ট্যাপ করুন

তথ্য স্ক্রীনটি বরখাস্ত হওয়ার পরে বা ব্যবহারকারী "চালিয়ে যান" ট্যাপ করার পরে আবার প্রদর্শিত হওয়ার দরকার নেই৷

উদাহরণ: যখন ব্যবহারকারী আপনার অ্যাপে কেনাকাটা করতে ট্যাপ করে, বোতামটি তথ্য স্ক্রীনকে ট্রিগার করবে।

ডিজাইন স্পেসিফিকেশন

তথ্য পর্দা তিনটি উপাদান বিভক্ত করা হয়: শিরোনাম, বার্তা, এবং বোতাম. তিনটি উপাদানই প্রয়োজনীয় এবং এই নির্দেশিকাগুলিতে সংজ্ঞায়িত সঠিক পাঠ্য এবং UI উপাদানগুলি অবশ্যই থাকতে হবে৷ এই স্ক্রিনে কোনও অতিরিক্ত পাঠ্য বা চিত্র অন্তর্ভুক্ত করবেন না, তবে আপনি অন্যান্য স্ক্রিনে অতিরিক্ত পাঠ্য এবং চিত্র অন্তর্ভুক্ত করতে মুক্ত।

1. শিরোনাম
2. পাঠ্য 1
3. পাঠ্য 2
4. বোতাম
5. নীচের শীট
6. ব্যাকগ্রাউন্ড স্ক্রিম

শিরোনাম

পাঠ্য	দেশ এবং ভাষা নির্বাচন করুন
হরফ	রোবোটো (সব ফন্টে প্রযোজ্য)
ফন্ট সাইজ	18sp
হরফের রঙ	#202124

পাঠ্য 1

গুরুত্বপূর্ণ তথ্য হিসাবে বিবেচিত মূল পয়েন্টগুলি হাইলাইট করতে ব্যবহৃত হয়।

পাঠ্য	দেশ এবং ভাষা নির্বাচন করুন
ফন্ট সাইজ	14sp
লাইনের উচ্চতা	20
হরফের রঙ	#5F6368

পাঠ্য 2

নিম্ন অগ্রাধিকারের সেকেন্ডারি তথ্যের জন্য ব্যবহৃত হয়।

পাঠ্য	দেশ এবং ভাষা নির্বাচন করুন
ফন্ট সাইজ	12sp
লাইনের উচ্চতা	16
হরফের রঙ	#5F6368

বোতাম 1

পাঠ্য	দেশ এবং ভাষা নির্বাচন করুন
পাঠ্য প্রান্তিককরণ	কেন্দ্রীভূত
ফন্ট সাইজ	14 এসপি
হরফের ওজন	মাঝারি
হরফের রঙ	#01875f
পটভূমির রঙ	#FFFFFF
মাত্রা	উচ্চতা: 36, প্রস্থ: ধারক থেকে স্কেল
কোণার ব্যাসার্ধ	4dp
রূপরেখা	1DP, #DADCE0
লিঙ্ক	গুগল প্লে সহায়তা নিবন্ধের লিঙ্কগুলি

বোতাম 2

পাঠ্য	দেশ এবং ভাষা নির্বাচন করুন
পাঠ্য প্রান্তিককরণ	কেন্দ্রীভূত
ফন্ট সাইজ	14 এসপি
হরফের ওজন	মাঝারি
হরফের রঙ	#FFFFFF
পটভূমির রঙ	#01875f
মাত্রা	উচ্চতা: 36, প্রস্থ: ধারক থেকে স্কেল
কোণার ব্যাসার্ধ	4dp
লিঙ্ক	বিলিং পছন্দ স্ক্রিনে লিঙ্কগুলি

নীচের শীট

মাত্রা	উচ্চতা: পরিবর্তনশীল, প্রস্থ: 100%
কোণার ব্যাসার্ধ	8 ডিপি, 8 ডিপি, 0, 0
পটভূমি	#FFFFFF
অভ্যন্তরীণ প্যাডিং	বাম: 24 ডিপি, ডান: 24 ডিপি, শীর্ষ: 32 ডিপি, নীচে: 24 ডিপি
উচ্চতা	8dp

ল্যান্ডস্কেপ

ল্যান্ডস্কেপ ভিউতে, নীচের শীটটি প্রতিকৃতি দৃশ্যের চেয়ে প্রশস্ত, তবে অন্যথায় একই নকশার স্পেসিফিকেশন এবং কার্যকারিতা অনুসরণ করে।

নীচের শীট	প্রস্থ: 500 ডিপি সর্বোচ্চ, অভ্যন্তরীণ প্যাডিং: 24 ডিপি
শিরোনাম	প্রতিকৃতি ভিউ হিসাবে একই
বার্তা	প্রতিকৃতি ভিউ হিসাবে একই
বোতাম	উচ্চতা: 36, প্রস্থ: ধারক থেকে স্কেল

বিলিং পছন্দ স্ক্রিন

বিলিং চয়েস স্ক্রিনটি তাদের ক্রয়টি সম্পূর্ণ করতে দুটি চেকআউট বিকল্প সহ ব্যবহারকারীদের উপস্থাপন করে। ব্যবহারকারীদের একটি অবগত সিদ্ধান্ত নিতে সহায়তা করার জন্য, প্রতিটি বিলিং পরিষেবা বিকল্পটি তাদের উপলভ্য অর্থ প্রদানের ফর্মগুলিও প্রদর্শন করে। ব্যবহারকারীরা একবার তাদের পছন্দ করে নিলে তারা সেই বিলিং সিস্টেমের মাধ্যমে তাদের ক্রয়টি শেষ করতে থাকবে।

কখন প্রদর্শন করবেন

যদি পূর্ববর্তী ক্রয়ের সময় ব্যবহারকারী ইতিমধ্যে তথ্য স্ক্রিনটি দেখে থাকেন তবে ব্যবহারকারী কোনও ক্রয় শুরু করার জন্য সুস্পষ্ট পদক্ষেপ নেওয়ার পরপরই বিলিং পছন্দ স্ক্রিনটি উপস্থিত হওয়া উচিত।

কিভাবে প্রদর্শন

বিলিং পছন্দ স্ক্রিনটি অবশ্যই একটি মডেল নীচের শীটে প্রদর্শিত হবে এবং তথ্য স্ক্রিনের মতো একই স্পেসিফিকেশন অনুসরণ করতে হবে।

সমান ভিজ্যুয়াল উপস্থাপনা

বিকল্প বিলিং সিস্টেম এবং গুগল প্লে এর বিলিং সিস্টেমের জন্য বোতামগুলি ন্যায্য এবং সমান পদ্ধতিতে প্রতিনিধিত্ব করা উচিত। এর মধ্যে রয়েছে তবে সমান বোতামের আকার, পাঠ্যের আকার/শৈলী, ট্যাপ লক্ষ্যগুলি এবং আইকন আকারের মধ্যে সীমাবদ্ধ নয়। এই নির্দেশিকাগুলিতে সংজ্ঞায়িত নয় দয়া করে কোনও অতিরিক্ত পাঠ্য, চিত্র বা স্টাইল পরিবর্তন যুক্ত করবেন না।

উদাহরণ: যখন কোনও ব্যবহারকারী আপনার অ্যাপ্লিকেশনটিতে কেনার জন্য ট্যাপ করে, বোতামটি বিলিং পছন্দ স্ক্রিনটি ট্রিগার করবে, কেবলমাত্র যদি ব্যবহারকারী ইতিমধ্যে পূর্ববর্তী ক্রয়ের সময় তথ্য স্ক্রিনটি দেখে থাকেন।

ডিজাইন স্পেসিফিকেশন

বিলিং চয়েস স্ক্রিনে চারটি স্বতন্ত্র উপাদান রয়েছে: শিরোনাম, বিবরণ, বিকাশকারী বোতাম এবং গুগল প্লে বোতাম। সমস্ত উপাদান অবশ্যই ব্যবহার করা উচিত এবং এই নির্দেশিকাগুলিতে সংজ্ঞায়িত সঠিক পাঠ্য এবং ইউআই উপাদানগুলি থাকতে হবে। আমরা আপনাকে এই স্ক্রিনে কোনও অতিরিক্ত পাঠ্য বা চিত্র অন্তর্ভুক্ত না করার জন্য বলি, তবে আপনি নিজের মালিকানাধীন অন্যান্য স্ক্রিনে অতিরিক্ত পাঠ্য এবং চিত্র অন্তর্ভুক্ত করতে পারেন।

গুগল প্লে এবং পেমেন্ট আইকনগুলির জন্য ভিজ্যুয়াল সম্পদগুলি নীচে প্রদত্ত লিঙ্কগুলির মাধ্যমে উপলব্ধ।

উদাহরণ: প্রতিকৃতি দৃশ্যে, নীচের শীটটি মোট স্ক্রিনের প্রস্থের 100% স্প্যান করা উচিত।

1. শিরোনাম
2. বর্ণনা
3. বিকাশকারী বোতাম
4. গুগল প্লে বোতাম
5. নীচের শীট
6. পটভূমি স্ক্রিম

শিরোনাম

পাঠ্য	দেশ এবং ভাষা নির্বাচন করুন
হরফ	রোবোটো (সমস্ত ফন্টে প্রয়োগ করুন)
ফন্ট সাইজ	18 এসপি
হরফের রঙ	#202124

বর্ণনা

পাঠ্য	দেশ এবং ভাষা নির্বাচন করুন
ফন্ট সাইজ	14sp
হরফের রঙ	#5F6368
টেক্সট লিঙ্ক	দেশ এবং ভাষা নির্বাচন করুন
Link destination	Links to Google Play Help
ফন্ট সাইজ	14sp
সজ্জা	আন্ডারলাইন করুন
হরফের রঙ	#5F6368

বিকাশকারী বোতাম

1. App icon
2. অ্যাপের নাম
3. Payment method icons
4. Additional indicator

Payment method icons

1. Maximum number of payment method icons

Scale to screen width

2. 360dp width
3. 480dp width

বোতাম ধারক

রূপরেখা	1pt, #DADCE0
কোণার ব্যাসার্ধ	4dp
Inner padding	16dp, 16dp, 16dp, 16dp

App icon

মাত্রা

Height: 24dp, Width: variable

শিরোনাম

পাঠ্য	{App Name}
ফন্ট সাইজ	14sp
হরফের রঙ	#202124

পেমেন্ট পদ্ধতি

মাত্রা	Height: 32dp, Width: 20dp
কোণার ব্যাসার্ধ	2dp
পরিমাণ	5 maximum, if >5 available display additional indicator
Additional indicator	দেশ এবং ভাষা নির্বাচন করুন
ফন্ট সাইজ	12sp
হরফের রঙ	#5F6368

গুগল প্লে বোতাম

1. আইকন
2. শিরোনাম
3. গৃহীত অর্থপ্রদান পদ্ধতি
4. Additional indicator

বোতাম ধারক

রূপরেখা	1pt, #DADCE0
কোণার ব্যাসার্ধ	4dp
Inner padding	16dp, 16dp, 16dp, 16dp

App icon

Image asset	Google Play prism
মাত্রা	Height: 24dp, Width: 24dp

শিরোনাম

পাঠ্য	গুগল প্লে
ফন্ট সাইজ	14sp
হরফের রঙ	#202124

পেমেন্ট পদ্ধতি

Image asset	লিঙ্ক
Additional indicator	দেশ এবং ভাষা নির্বাচন করুন
ফন্ট সাইজ	12sp
হরফের রঙ	#5F6368

ল্যান্ডস্কেপ

Example: In landscape view, the bottom sheet is wider than in portrait view, but otherwise follows the same design specifications and functionality.

Bottom sheet	Width: 500dp maximum, Inner padding: 24dp
শিরোনাম	Same as portrait view
বার্তা	Same as portrait view
বোতাম	Same as portrait view

For additional details on the user choice billing pilot and frequently asked questions, please visit our Help Center .