সুরক্ষিত নিশ্চিতকরণ UI ডিজাইন

প্রোটেক্টেড কনফার্মেশন ইউজার ইন্টারফেস (UI) ছয়টি প্রয়োজনীয় উপাদান নিয়ে গঠিত। আপনি কিছু উপাদান কাস্টমাইজ করতে পারেন, তবে তাদের কিছু প্রয়োজনীয়তা পূরণ করতে হবে। UI কাস্টমাইজ করার সময় নিম্নলিখিত নির্দেশিকাগুলি ব্যবহার করুন এবং প্রয়োজনীয়তাগুলি পূরণ করা হয়েছে তা নিশ্চিত করুন। যদি কোনও উপাদান "প্রয়োজন" দিয়ে চিহ্নিত করা থাকে: তাহলে সেই উপাদানটিকে তালিকাভুক্ত বৈশিষ্ট্য ব্যবহার করতে হবে।

নিম্নলিখিত নির্দেশিকাগুলি রোবোটো ফন্ট পরিবার ব্যবহার করে, যা আপনি গুগল ফন্ট থেকে ডাউনলোড করতে পারেন।

হার্ডওয়্যার বোতাম সহ UI

অ্যান্ড্রয়েড সুরক্ষিত নিশ্চিতকরণ ইনপুট নিশ্চিতকরণ এবং বাতিল করার জন্য ডিভাইসের হার্ডওয়্যার বোতাম ব্যবহার করতে পারে।

চিত্র ১. নকশা বিন্যাস।

আইকন

এই বিভাগটি UI-তে ব্যবহৃত আইকনগুলি বর্ণনা করে।

শিল্ড আইকন

আইকন
ডাউনলোড করুন	নিরাপত্তা ঢাল
আইকনের আকার	৩২ডিপি

তীর আইকন

আইকন
ডাউনলোড করুন	ডানদিকে কীবোর্ড তীর
আইকনের আকার	২৪ ডিপি
ধারক কোণার ব্যাসার্ধ	৪ডিপি

ইনপুট বার্তা

সুরক্ষিত নিশ্চিতকরণে দুটি ধরণের ইনপুট ব্যবহার করা হয়: নিশ্চিতকরণ এবং বাতিলকরণ।

নিশ্চিতকরণ স্ট্রিং

বার্তাটিতে অবশ্যই উল্লেখ করতে হবে যে কোন বোতামটি নিশ্চিতকরণ হিসেবে ব্যবহার করা হবে।

বার্তা	নিশ্চিত করতে (বোতাম) দুবার টিপুন
সর্বোচ্চ দৈর্ঘ্য	প্রয়োজনীয়তা: নিশ্চিতকরণ বার্তাটি দুই লাইনের বেশি হতে পারবে না।
রঙ	#০০০০০০০ ৮৭%
ফন্ট ফেস	রোবোটো-মিডিয়াম
ফন্ট সাইজ	প্রয়োজন: ১৪ স্প্যান
লাইনের উচ্চতা	প্রয়োজন: ২০ ডিপি

স্ট্রিং বাতিল করুন

বাতিল বার্তাটি স্পষ্টভাবে দৃশ্যমান হতে হবে এবং নিশ্চিতকরণ বোতাম থেকে সহজেই আলাদা করা যাবে। বাতিল শব্দটির সাথে নিম্নলিখিত বৈশিষ্ট্যগুলি ব্যবহার করুন:

বার্তা	বাতিল করুন
রঙ	#০০০০০০০ ৮৭%
ফন্ট ফেস	রোবোটো-মিডিয়াম
ফন্ট সাইজ	প্রয়োজন: ১৪ স্প্যান
লাইনের উচ্চতা	প্রয়োজন: ২০ ডিপি

হেডার টেক্সট

বৈশিষ্ট্যটি সনাক্ত করতে বিশ্বস্ত UI-তে "Android Protected Confirmation" শিরোনামের টেক্সট অন্তর্ভুক্ত করুন। শিরোনামের টেক্সটের জন্য নিম্নলিখিত বৈশিষ্ট্যগুলি ব্যবহার করুন:

বার্তা	প্রয়োজনীয়তা: অ্যান্ড্রয়েড সুরক্ষিত নিশ্চিতকরণ
রঙ	#০০০০০০০ ৮৭%
ফন্ট ফেস	রোবোটো-রেগুলার
ফন্ট সাইজ	প্রয়োজন: ২২ স্প্যান
লাইনের উচ্চতা	প্রয়োজনীয়তা: ২৮ ডিপি

মূল অংশের টেক্সট

বডি টেক্সট এলিমেন্টটি বাস্তবায়নের সময় নিম্নলিখিত বৈশিষ্ট্যগুলি ব্যবহার করুন। আসল বার্তাটি API ডেভেলপার (অ্যাপ ডেভেলপার) দ্বারা লেখা হয়।

বার্তা	মূল লেখাটি অ্যাপ ডেভেলপার দ্বারা সরবরাহ করা হয়েছে যিনি প্রোটেক্টেড কনফার্মেশন কল করেছেন।
রঙ	#০০০০০০০ ৮৭%
ফন্ট ফেস	রোবোটো-রেগুলার
ফন্ট সাইজ	প্রয়োজন: ১৬ স্প্যান
লাইনের উচ্চতা	প্রয়োজনীয়তা: ২৪ ডিপি

সাবহেডার টেক্সট

ব্যবহারকারী কেন সুরক্ষিত নিশ্চিতকরণ স্ক্রিনটি দেখছেন তা ব্যাখ্যা করতে সাবহেডার টেক্সট ব্যবহার করুন। স্ক্রিনের নীচে এই টেক্সটটি রাখুন এবং নিম্নলিখিত বৈশিষ্ট্যগুলি ব্যবহার করুন:

বার্তা	প্রয়োজনীয়তা: এই নিশ্চিতকরণ আপনার নেওয়া পদক্ষেপের জন্য অতিরিক্ত নিরাপত্তা প্রদান করে।
সর্বোচ্চ দৈর্ঘ্য	প্রয়োজনীয়তা: নিশ্চিতকরণ বার্তাটি সর্বাধিক চার লাইনের হতে পারে।
রঙ	#০০০০০০০ ৮৭%
ফন্ট ফেস	রোবোটো-রেগুলার
ফন্ট সাইজ	প্রয়োজন: ১৪ স্প্যান
লাইনের উচ্চতা	প্রয়োজন: ২০ ডিপি

সফ্টওয়্যার বোতাম সহ UI

অ্যান্ড্রয়েড সুরক্ষিত নিশ্চিতকরণ ইনপুট নিশ্চিতকরণ এবং বাতিল করার জন্য সফ্টওয়্যার বোতাম ব্যবহার করতে পারে। নিম্নলিখিত নির্দেশিকাগুলি সফ্টওয়্যার বোতাম ব্যবহার করে UI বর্ণনা করে:

চিত্র ২। নিশ্চিতকরণ UI সফ্টওয়্যার ডিজাইন লেআউট।

শিল্ড আইকন

অ্যান্ড্রয়েড প্রোটেক্টেড কনফার্মেশন শিল্ড আইকন থেকে আইকন অ্যাসেটটি ডাউনলোড করুন। স্ক্রিনের উপরে আইকনটি রাখুন।

চিত্র ৩. ঢাল আইকন।

সুরক্ষিত নিশ্চিতকরণ শিল্ড আইকনটি একটি প্রয়োজনীয় উপাদান। আপনি শিল্ডের রঙ কাস্টমাইজ করতে পারেন তবে এটি স্পষ্টভাবে দৃশ্যমান হতে হবে।

ইনপুট

চিত্র ৪. সফ্টওয়্যার বোতামের মাত্রা।

নিশ্চিতকরণ এবং বাতিল ইনপুটগুলির জন্য প্রাথমিক এবং মাধ্যমিক বোতামের আকার ব্যবহার করুন।

বোতাম লেবেল	বোতাম লেবেলের জন্য বাক্যের কেস ব্যবহার করুন।
বোতামের ব্যাসার্ধ	৪ডিপি
অ্যাকসেন্ট রঙ	#১এ৭৩ই৮
ফন্ট ফেস	রোবোটো-মিডিয়াম
ফন্ট সাইজ	প্রয়োজন: ১৪ স্প্যান

হেডার টেক্সট

বৈশিষ্ট্যটি সনাক্ত করতে বিশ্বস্ত UI-তে "Android Protected Confirmation" শিরোনামের টেক্সট অন্তর্ভুক্ত করুন। শিরোনামের টেক্সটের জন্য নিম্নলিখিত বৈশিষ্ট্যগুলি ব্যবহার করুন:

বার্তা	প্রয়োজনীয়তা: অ্যান্ড্রয়েড সুরক্ষিত নিশ্চিতকরণ
রঙ	#০০০০০০০ ৮৭%
ফন্ট ফেস	রোবোটো-মিডিয়াম
ফন্ট সাইজ	প্রয়োজন: ২৪ স্প্যান
লাইনের উচ্চতা	প্রয়োজন: ২০ ডিপি

মূল অংশের টেক্সট

বডি টেক্সট এলিমেন্টটি বাস্তবায়নের সময় নিম্নলিখিত বৈশিষ্ট্যগুলি ব্যবহার করুন। আসল বার্তাটি অ্যাপ ডেভেলপার দ্বারা লেখা হয়।

বার্তা	মূল লেখাটি অ্যাপ ডেভেলপার দ্বারা সরবরাহ করা হয়েছে যিনি প্রোটেক্টেড কনফার্মেশন কল করেছেন।
রঙ	#০০০০০০০ ৮৭%
ফন্ট ফেস	রোবোটো-মিডিয়াম
ফন্ট সাইজ	প্রয়োজন: ১৬ স্প্যান
লাইনের উচ্চতা	প্রয়োজনীয়তা: ২৪ ডিপি

সাবহেডার টেক্সট

ব্যবহারকারী কেন সুরক্ষিত নিশ্চিতকরণ স্ক্রিনটি দেখছেন তা ব্যাখ্যা করতে সাবহেডার টেক্সট ব্যবহার করুন। স্ক্রিনের নীচে এই টেক্সটটি রাখুন এবং নিম্নলিখিত বৈশিষ্ট্যগুলি ব্যবহার করুন:

বার্তা	প্রয়োজনীয়তা: এই নিশ্চিতকরণ আপনার নেওয়া পদক্ষেপের জন্য অতিরিক্ত নিরাপত্তা প্রদান করে।
সর্বোচ্চ দৈর্ঘ্য	প্রয়োজনীয়তা: নিশ্চিতকরণ বার্তাটি সর্বাধিক চার লাইনের হতে পারে।
রঙ	#০০০০০০০ ৫৪%
ফন্ট ফেস	রোবোটো-মিডিয়াম
ফন্ট সাইজ	প্রয়োজন: ১৪ স্প্যান
লাইনের উচ্চতা	প্রয়োজন: ২০ ডিপি

স্থানীয়করণ

AOSP এর অংশ হিসেবে একটি লুকআপ টেবিলের একটি স্বয়ংসম্পূর্ণ C-বাস্তবায়নে বর্ণিত উপাদানগুলির স্থানীয়করণ খুঁজে পেতে পারেন।