স্তর ২ — অভিযোজিত অপ্টিমাইজড
ব্যবহারকারীদের কাছে ইউজার ইন্টারফেসই হলো অ্যাপ। ইউআই ব্যবহারকারীর অভিজ্ঞতা নির্ধারণ করে, যা ব্যবহারকারীর সন্তুষ্টি, অ্যাপ ব্যবহার, অ্যাপ থেকে কেনাকাটা এবং গ্রাহক ধরে রাখাকে প্রভাবিত করে।
বড় স্ক্রিনগুলো উদ্ভাবনী ও সুবিধাজনক UI-এর জন্য বিশাল প্রদর্শন স্থান প্রদান করে, যা এমন এক ইউজার এক্সপেরিয়েন্স (UX) দেয় যা ছোট স্ক্রিন দিতে পারে না।
নিম্নলিখিত UI উপাদানগুলি অন্তর্ভুক্ত করে আপনার অ্যাপটিকে বড় পর্দার জন্য অপ্টিমাইজ করুন:
- নেভিগেশন রেল বা নেভিগেশন ড্রয়ার
- বড় স্পর্শ লক্ষ্যবস্তু
- সু-অবস্থিত মেনু এবং ডায়ালগ
- মাল্টিপেন লেআউট
অভিযোজিত বিন্যাস
এমন অ্যাডাপ্টিভ লেআউট তৈরি করুন যা ছোট-বড় সব স্ক্রিনে আপনার অ্যাপের UI অপ্টিমাইজ করে। একই সাথে একাধিক ফর্ম ফ্যাক্টরের জন্য ডিজাইন ও নির্মাণ করুন। নতুন ধরনের ডিভাইসের জন্য আপনার অ্যাপকে ভবিষ্যৎ-প্রস্তুত করুন।
ক্যানোনিকাল লেআউট
আপনার অ্যাপের ইউজার এক্সপেরিয়েন্স (UX) অসাধারণ করে তুলতে পরীক্ষিত অ্যাডাপ্টিভ লেআউটের সুবিধা নিন। আরও বেশি কন্টেন্টকে আরও সহজে পরিচালনাযোগ্য ও উপভোগ্য করে তুলতে একটি লিস্ট-ডিটেইল, সাপোর্টিং পেইন বা ফিড লেআউট তৈরি করুন।
রেসপন্সিভ UI
ডিসপ্লের আকারের উপর ভিত্তি করে UI এলিমেন্টগুলো ফরম্যাট করুন। ছোট ডিসপ্লেতে যে বাটন, কার্ড এবং টেক্সট ফিল্ডগুলো সম্পূর্ণ চওড়া থাকে, সেগুলোকে বড় ডিসপ্লেতে ব্যবহারের জন্য উপযুক্ত আকারে সীমাবদ্ধ রাখুন। ডায়ালগ বক্স এবং অন্যান্য মোডাল উইন্ডোকে পুরো ডিসপ্লে জুড়ে থাকতে দেবেন না। কনটেক্সট মেনু এবং এলিমেন্ট-সম্পর্কিত অন্যান্য পপ-আপগুলোকে ব্যবহারকারীর নির্বাচিত এলিমেন্টের পাশে রাখুন, স্ক্রিনের মাঝখানে নয়।
কার্যকলাপ এম্বেডিং
বড় স্ক্রিনের জন্য মাল্টিপেন লেআউট ব্যবহার করে আপনার অ্যাক্টিভিটি-ভিত্তিক পুরোনো অ্যাপগুলো আপডেট করুন। কোনো কোড রিফ্যাক্টরিংয়ের প্রয়োজন নেই। XML-এ অথবা কয়েকটি Jetpack WindowManager API কলের মাধ্যমে আপনার লেআউটগুলো কনফিগার করুন।
পরবর্তী পদক্ষেপ
অপ্টিমাইজড ইউএক্স-এর জন্য ইউআই ডেভেলপমেন্ট সম্পর্কে জানতে, নিম্নলিখিত ডেভেলপার গাইডগুলি দেখুন: