নন-স্ক্রলিং অ্যাপ লেআউট

নন-স্ক্রলিং ভিউগুলি দৃষ্টিনন্দন তথ্যের উপর ফোকাস করে এবং ব্যবহারকারীদের সামান্য বা কোন মিথস্ক্রিয়া সহ মূল্য দেয়। সেই কারণে, এই লেআউটগুলিতে প্রতিক্রিয়াশীল আচরণ তৈরি করা চ্যালেঞ্জিং হতে পারে।

প্রিসেট নন-স্ক্রলিং লেআউট উপাদান

ডায়ালগ

একটি ডায়ালগ হল একটি ক্ষণস্থায়ী ওভারলে যা পুরো স্ক্রীন দখল করে। এটি ব্যবহারকারীদের একটি একক ক্রিয়া সম্পাদন করতে দেয়।

নিম্নলিখিত পয়েন্ট বিবেচনা করুন:

• ডায়ালগগুলি তাদের বিষয়বস্তু সম্বোধন করা হয়েছে তা যাচাই করার জন্য আপনার মনোযোগ কেন্দ্রীভূত করে৷
• কথোপকথনগুলি তথ্য যোগাযোগের ক্ষেত্রে সরাসরি হওয়া উচিত এবং একটি কাজ সম্পূর্ণ করার জন্য নিবেদিত হওয়া উচিত।
• সংলাপগুলি প্রাসঙ্গিক বা প্রাসঙ্গিক তথ্য সহ ব্যবহারকারীর কার্য বা একটি কর্মের প্রতিক্রিয়া হিসাবে উপস্থিত হওয়া উচিত।

নিশ্চিতকরণ ওভারলে

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

ফোনে খুলুন

ওপেন অন ফোন ওভারলে ট্রিগার হয় যখন ব্যবহারকারী ফোনে তাদের যাত্রা চালিয়ে যেতে চান। ওভারলেটিতে একটি অগ্রগতি সূচক রয়েছে এবং ব্যবহারকারীকে তাদের ফোন কখন পরীক্ষা করতে হবে তা বলে৷

কাস্টম নন-স্ক্রলিং লেআউট উদাহরণ

নন-স্ক্রলিং অ্যাপ স্ক্রিনগুলি সেট উপাদানগুলির মধ্যে সীমাবদ্ধ নয়৷ আপনি আপনার পছন্দসই লেআউট তৈরি করতে উপাদানগুলির সংমিশ্রণকে একত্রিত করতে পারেন।

একটি নন-স্ক্রলিং স্ক্রিনে সীমিত স্থান এবং উপলব্ধ স্ক্রীন স্পেস ব্যবহার করার জন্য প্রতিক্রিয়াশীল (শতাংশ) মার্জিন এবং প্যাডিংয়ের ব্যবহার সম্পর্কে আপনার সচেতন হওয়া উচিত। আপনি অতিরিক্ত সামগ্রী প্রবর্তন করতে বা বড় স্ক্রীন আকারে বিদ্যমান সামগ্রীকে আরও দৃষ্টিনন্দন করতে 225dp এ একটি ব্রেকপয়েন্ট প্রয়োগ করার কথাও বিবেচনা করতে পারেন।

প্রতিক্রিয়াশীল এবং অভিযোজিত আচরণ

রচনা লাইব্রেরির সমস্ত উপাদান স্বয়ংক্রিয়ভাবে বিস্তৃত স্ক্রীনের আকারের সাথে খাপ খায় এবং প্রস্থ এবং উচ্চতা অর্জন করে। বিশেষ করে এই মতামতগুলির জন্য, ব্রেকপয়েন্টগুলি ব্যবহার করা সমস্ত ব্যবহারকারীদের জন্য একটি বিশেষভাবে সমৃদ্ধ এবং মূল্যবান অভিজ্ঞতা প্রদান করতে পারে।

আপনার UI এর অনেকগুলি বোতাম, কার্ড এবং মার্জিনের জন্য, UI-তে উপলব্ধ স্থানের সুবিধা নিতে এবং একটি সু-ভারসাম্যপূর্ণ বিন্যাস তৈরি করতে বিভিন্ন স্ক্রীন আকারের জন্য স্থান প্রসারিত করুন এবং পূরণ করুন।

প্রতিক্রিয়াশীল পরামিতিগুলি সঠিকভাবে সংজ্ঞায়িত করা হয়েছে তা যাচাই করতে নিম্নলিখিত চেকলিস্টটি ব্যবহার করুন:

• নমনীয় লেআউট তৈরি করুন যা সমস্ত পর্দার আকারে যুক্তিসঙ্গত দেখায়।
• প্রস্তাবিত শীর্ষ, নীচে এবং পার্শ্ব মার্জিন প্রয়োগ করুন।
• যেখানে বিষয়বস্তু অন্যথায় ক্লিপ করা হতে পারে সেসব জায়গায় শতাংশের মানের মধ্যে মার্জিন সংজ্ঞায়িত করুন।
• লেআউট সীমাবদ্ধতাগুলি ব্যবহার করুন যাতে উপাদানগুলি স্ক্রিনের মধ্যে স্থানের সর্বোত্তম সম্ভাব্য ব্যবহার করতে পারে এবং বিভিন্ন ডিভাইসের আকার জুড়ে ভারসাম্য বজায় রাখে।
• ব্যবহার করা হলে টাইম টেক্সট মিটমাট করুন, কিন্তু পৃষ্ঠার উপরের অংশে ওভারল্যাপ করবেন না।
• সীমিত স্থানের বেশি ব্যবহার করতে প্রান্ত-আলিঙ্গন বোতামগুলি ব্যবহার করার কথা বিবেচনা করুন।
• 225dp-এ একটি ব্রেকপয়েন্ট প্রয়োগ করার কথা বিবেচনা করুন অতিরিক্ত কন্টেন্ট প্রবর্তন করার জন্য বা বড় স্ক্রীনের আকারে বিদ্যমান বিষয়বস্তুকে আরও দৃষ্টিনন্দন করতে।

পৃষ্ঠা সংখ্যা ব্যবহার করে একাধিক নন-স্ক্রলিং পৃষ্ঠা ভ্রমণ

এমন পরিস্থিতিতে যেখানে একটি অভিজ্ঞতার জন্য আরও কন্টেন্টের প্রয়োজন হয় কিন্তু একটি নন-স্ক্রলিং লেআউট ধরে রাখতে চায়, উল্লম্ব বা অনুভূমিক পৃষ্ঠাকরণ সহ একটি মাল্টি-পৃষ্ঠা লেআউট বিবেচনা করুন।