প্যাটর্ন (ধরণ) পছন্দ করা

প্রথমে, আমাদের দ্বিতীয়-স্তরের স্ক্রিন ( স্টোরি ক্যাটাগরি লিস্ট, ফটো লিস্ট এবং সেভ করা আইটেম লিস্ট) ট্যাব ব্যবহার করে একসাথে গ্রুপ হতে পারে। উল্লেখ্য আমাদের আনুভুমিকভাবে (হরাইজন্টালি) বিন্যাস করা ট্যাব আবশ্যিকভাবে ব্যবহার করতে হবে না, কিছু ক্ষেত্রে একটি ড্রপ ডাউন লিস্ট ইউআই এলিমেন্ট একটি উপযুক্ত প্রতিস্থাপন/ বদলি হিসাবে পরিবেশন করতে পারে, বিশেষ করে সরু স্ক্রিনের ডিভাইসে, যেমন হ্যান্ডসেট। এছাড়াও আমরা হ্যান্ডসেটের ট্যাব ব্যবহার করে সেভ করা ফটো লিস্ট (Saved Photo List) এবং সেভ করা সংবাদের লিস্ট (Saved Story) স্ক্রিনগুলোকে একসাথে করতে পারি, অথবা ট্যাবলেটে উলম্ব (ভার্টিক্যাল) কনটেন্ট পেন ব্যবহার করে।

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

নিচের ডায়াগ্রামটি এই নেভিগেশন প্যাটার্ন (ধরণ) গুলো প্রয়োগ করার পর হ্যান্ডসেট এবং ট্যাবলেটের জন্য নতুন স্ক্রিন ম্যাপ পরিবেশন করে।

ফিগার ২. হ্যান্ডসেটে নমুনা নিউজ অ্যাপলিকেশনের জন্য চুড়ান্ত স্ক্রিন ম্যাপ।

ফিগার ২. ট্যাবলেটে ল্যান্ডস্কেপ মোডে নমুনা নিউজ অ্যাপলিকেশনের জন্য চুড়ান্ত স্ক্রিন ম্যাপ। এই মূহুর্তে, স্ক্রিন ম্যাপ ভেরিয়েশন (বৈচিত্র) এর বিষয়ে চিন্তা করাটা ভালো, যদি আপনার পছন্দের প্যাটার্ন প্রয়োগের ক্ষেত্রে যথাযথভাবে কাজ না করে (যখন আপনি অ্যাপলিকেশনের স্ক্রিন লেআউট স্কেচ করবেন)। নিচের ডায়াগ্রামটি ট্যাবলেটের জন্য একটি নমুনা স্ক্রিন ম্যাপ ভেরিয়েশন যা পাশাপাশি ভিন্ন ক্যাটাগরির (শ্রেণীবিভাগ) স্টোরি লিস্ট পরিবেশন করে, স্টোরি ভিউ স্ক্রিন স্বাধিন রাখা।

ফিগার ৪. ল্যান্ডস্কেপ মোডে ট্যালেটের জন্য বিকল্প নমুনা স্ক্রিন ম্যাপ