ইউএক্স

স্তর 2 আইকন

TIER 2 — বড় স্ক্রীন অপ্টিমাইজ করা হয়েছে

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

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

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

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

অভিযোজিত বিন্যাস

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

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

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

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

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

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

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

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

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