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

সুরক্ষিত নিশ্চিতকরণ ইউজার ইন্টারফেস (UI)-এ ছয়টি আবশ্যিক উপাদান রয়েছে। আপনি কিছু উপাদান কাস্টমাইজ করতে পারেন, কিন্তু সেগুলোকে অবশ্যই কিছু শর্ত পূরণ করতে হবে। UI কাস্টমাইজ করার সময় নিম্নলিখিত নির্দেশিকাগুলো ব্যবহার করুন এবং নিশ্চিত করুন যে শর্তগুলো পূরণ হয়েছে। যদি কোনো উপাদানকে ‘Requirement:’ দিয়ে চিহ্নিত করা হয়, তবে সেই উপাদানটিতে অবশ্যই ‘listed’ প্রপার্টিটি ব্যবহার করতে হবে।

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

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

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

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

আইকন

এই অংশে UI-তে ব্যবহৃত আইকনগুলো বর্ণনা করা হয়েছে।

ঢাল আইকন

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

তীর আইকন

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

ইনপুট বার্তা

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

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

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

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

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

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

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

হেডার টেক্সট

ফিচারটি শনাক্ত করতে ট্রাস্টেড UI-তে ‘Android Protected Confirmation’ হেডার টেক্সটটি অন্তর্ভুক্ত করুন। হেডার টেক্সটের জন্য নিম্নলিখিত প্রোপার্টিগুলো ব্যবহার করুন:

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

মূল লেখা

বডি টেক্সট এলিমেন্ট প্রয়োগ করার সময় নিম্নলিখিত প্রোপার্টিগুলো ব্যবহার করুন। প্রকৃত বার্তাটি এপিআই ডেভেলপার (অ্যাপ ডেভেলপার) লিখে থাকেন।

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

উপ-শিরোনামের লেখা

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

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

সফটওয়্যার বাটন সহ UI

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

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

ঢাল আইকন

Android Protected Confirmation Shield Icon থেকে আইকন অ্যাসেটটি ডাউনলোড করুন। আইকনটি স্ক্রিনের উপরে রাখুন।

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

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

ইনপুট

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

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

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

হেডার টেক্সট

ফিচারটি শনাক্ত করতে ট্রাস্টেড UI-তে ‘Android Protected Confirmation’ হেডার টেক্সটটি অন্তর্ভুক্ত করুন। হেডার টেক্সটের জন্য নিম্নলিখিত প্রোপার্টিগুলো ব্যবহার করুন:

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

মূল লেখা

বডি টেক্সট এলিমেন্ট প্রয়োগ করার সময় নিম্নলিখিত প্রোপার্টিগুলো ব্যবহার করুন। প্রকৃত বার্তাটি অ্যাপ ডেভেলপার লিখে থাকেন।

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

উপ-শিরোনামের লেখা

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

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

স্থানীয়করণ

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