ইউজার ইন্টারফেস

টিয়ার ২ অ্যাডাপ্টিভ অপ্টিমাইজড আইকন

স্তর ২ — অভিযোজিত অপ্টিমাইজড

ব্যবহারকারীদের কাছে, ব্যবহারকারীর ইন্টারফেস হল অ্যাপ। UI ব্যবহারকারীর অভিজ্ঞতা নির্ধারণ করে, যা ব্যবহারকারীর সন্তুষ্টি, অ্যাপ ব্যবহার, অ্যাপ ক্রয়, গ্রাহক ধরে রাখা নির্ধারণ করে।

বড় স্ক্রিনগুলি উদ্ভাবনী, সুবিধাজনক UI-এর জন্য বিস্তৃত ডিসপ্লে স্পেস অফার করে যা UX প্রদান করে ছোট স্ক্রিনগুলি প্রতিলিপি করতে পারে না।

নিম্নলিখিত UI উপাদানগুলি অন্তর্ভুক্ত করে আপনার অ্যাপটিকে বড় স্ক্রিনের জন্য অপ্টিমাইজ করুন:

  • নেভিগেশন রেল বা নেভিগেশন ড্রয়ার
  • বড় স্পর্শ লক্ষ্যবস্তু
  • সুসজ্জিত মেনু এবং ডায়ালগ
  • মাল্টিপেন লেআউট

অভিযোজিত লেআউট

ছোট এবং বড় স্ক্রিনে আপনার অ্যাপের UI অপ্টিমাইজ করে এমন অভিযোজিত লেআউট তৈরি করুন। একসাথে একাধিক ফর্ম ফ্যাক্টরের জন্য ডিজাইন এবং বিল্ড করুন। নতুন ধরণের ডিভাইসের জন্য আপনার অ্যাপকে ভবিষ্যতের জন্য উপযুক্ত করুন।

ক্যানোনিকাল লেআউট

আপনার অ্যাপের UX কে ব্যতিক্রমী করে তুলতে প্রমাণিত অভিযোজিত লেআউটের সুবিধা নিন। আরও কন্টেন্টকে আরও পরিচালনাযোগ্য এবং উপভোগ্য করে তুলতে একটি তালিকা-বিবরণ, সহায়ক ফলক বা ফিড লেআউট তৈরি করুন।

প্রতিক্রিয়াশীল UI

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

অ্যাক্টিভিটি এম্বেডিং

বড় স্ক্রিনে মাল্টিপেন লেআউট ব্যবহার করে আপনার অ্যাক্টিভিটি-ভিত্তিক লিগ্যাসি অ্যাপগুলি আপডেট করুন। কোনও কোড রিফ্যাক্টরিংয়ের প্রয়োজন নেই। XML-এ অথবা কয়েকটি Jetpack WindowManager API কল ব্যবহার করে আপনার লেআউটগুলি কনফিগার করুন।

পরবর্তী পদক্ষেপ

অপ্টিমাইজড UX-এর জন্য UI ডেভেলপমেন্ট সম্পর্কে জানতে, নিম্নলিখিত ডেভেলপার গাইডগুলি দেখুন: