অ্যান্ড্রয়েড ডিভাইসগুলো বিভিন্ন ধরনের আকারে পাওয়া যায়—যেমন ফোন, ট্যাবলেট, ফোল্ডেবল, ক্রোমওএস ডিভাইস—যেগুলোর স্ক্রিনের আকারও বিভিন্ন রকম হয়। অ্যান্ড্রয়েড অনেকগুলো ডিসপ্লে মোড সমর্থন করে, যার মধ্যে রয়েছে মাল্টি-উইন্ডো, মাল্টি-ডিসপ্লে, ফ্রি-ফর্ম এবং পিকচার-ইন-পিকচার। ফোল্ডেবল ডিভাইসগুলো বিভিন্ন অবস্থায় বা ভঙ্গিতে থাকতে পারে, যেমন টেবিলের উপর বা বইয়ের মতো।
আপনার অ্যাপের ডিজাইন শুরু করার সময় এর বিভিন্ন ব্যবহারের ক্ষেত্রগুলো বিবেচনা করুন। উদাহরণস্বরূপ:
বড় স্ক্রিনের ডিভাইসগুলো ব্যবহারকারীদের আপনার মিডিয়া অ্যাপের কন্টেন্টের সাথে বিভিন্ন উপায়ে যুক্ত হওয়ার জন্য আরও বেশি জায়গা দেয়।
ব্যবহারকারীরা একাধিক উইন্ডোতে ভিডিও দেখার সময় একসাথে একাধিক কাজ করতে পারেন, অথবা ছবি তোলার পর আরও জটিল সম্পাদনা করার জন্য বড় স্ক্রিনের সুবিধা নিতে পারেন।
ব্যবহারকারীরা ভিডিও কলের মাধ্যমে সংযুক্ত থাকতে এবং তাদের বন্ধু ও পরিবারকে আরও বিস্তারিতভাবে দেখতে ট্যাবলেট ব্যবহার করতে পারেন। আপনার অ্যাপটি একটি কাস্টম প্লেব্যাক ওভারলে-তে কোনো শিরোনাম বা দৃশ্য সম্পর্কে আরও বিশদ তথ্য প্রদর্শন করতে পারে অথবা স্ক্রিনে আরও বেশি নিয়ন্ত্রণের বিকল্প দিতে পারে।
ব্রাউজিং ভিউতে থাকা ক্যারোসেলগুলো আরও বেশি দৃষ্টিনন্দন করার জন্য বিভিন্ন ধরনের বিষয়বস্তু প্রদর্শন করতে পারে, অথবা আপনার মিডিয়া অ্যাপটি প্লেব্যাকের পাশাপাশি একটি ব্রাউজযোগ্য ফিড দেখিয়ে ব্যবহারকারীদের আকৃষ্ট রাখতে পারে।
মনে রাখবেন যে আপনার মিডিয়া অ্যাপের একই কোড একটি সাধারণ ফোন, একটি ফোল্ডেবল ফোন, একটি ট্যাবলেট এবং ChromeOS ডিভাইসে চলে, তাই আপনার অ্যাপ তৈরির একেবারে শুরু থেকেই বড় পর্দার কথা মাথায় রেখে ডিজাইন করা উচিত। আরও তথ্য এবং চাক্ষুষ উদাহরণের জন্য, বড় পর্দার গ্যালারি দেখুন।
আপনার মিডিয়া অ্যাপটিকে ডিফল্টরূপে রেসপন্সিভ করুন
আপনার অ্যাপের লেআউটকে ফোন, ট্যাবলেট, ফোল্ডেবল এবং ক্রোমওএস ডিভাইস জুড়ে অভিযোজনযোগ্য করে তোলার মাধ্যমে আপনার মিডিয়া অ্যাপে ব্যবহারকারীর অসুবিধা এড়িয়ে চলুন।
আপনার অ্যাপটি বিভিন্ন ডিসপ্লে সাইজ, ওরিয়েন্টেশন এবং ফর্ম ফ্যাক্টরের সাথে মানিয়ে নেওয়ার জন্য রেসপন্সিভ হওয়া উচিত। একটি অ্যাডাপ্টিভ লেআউট তার জন্য উপলব্ধ ডিসপ্লে স্পেসের উপর ভিত্তি করে পরিবর্তিত হয়। আরও তথ্যের জন্য, ‘বিভিন্ন ডিসপ্লে সাইজ সাপোর্ট করুন ’ দেখুন।
নির্দেশিকা অনুযায়ী ডিজাইন করুন
ডিসপ্লের আকার, ডিভাইসের অবস্থান বা অন্যান্য ডিভাইস-নির্দিষ্ট বিষয় নির্বিশেষে, সমস্ত অ্যান্ড্রয়েড অ্যাপের ভিত্তি হলো কোর অ্যাপ কোয়ালিটি। বড় পর্দার জন্য ডিজাইন শুরু করার আগে আপনার অ্যাপের এই মৌলিক প্রয়োজনীয়তাগুলো পূরণ করা উচিত। আরও তথ্যের জন্য, কোর অ্যাপ কোয়ালিটি দেখুন।
ডিভাইসের ধরন, স্ক্রিনের আকার, ডিসপ্লে মোড বা অবস্থান নির্বিশেষে আপনার অ্যাপটি যেন একটি চমৎকার ব্যবহারকারীর অভিজ্ঞতা প্রদান করে, তাই নিম্নলিখিত স্তর ১, ২ এবং ৩ নির্দেশিকা অনুসারে আপনার অ্যাপটি ডিজাইন করুন।
এই নির্দেশিকাগুলো বেশিরভাগ ধরনের অ্যান্ড্রয়েড অ্যাপের জন্য গুণগত মানের প্রয়োজনীয়তার একটি বিস্তৃত সেট নির্ধারণ করে।
স্তর ৩:
এই প্রাথমিক স্তরেও, আপনার অ্যাপকে অবশ্যই UI এবং গ্রাফিক্সের শর্তাবলী মেনে চলতে হবে। আপনার অ্যাপটি বড় পর্দার জন্য প্রস্তুত, এবং ব্যবহারকারীরা গুরুত্বপূর্ণ কাজগুলো সম্পন্ন করতে পারলেও, তাদের ইউজার এক্সপেরিয়েন্স সর্বোত্তম হবে না।
অ্যাপটির লেআউট হয়তো আদর্শ নয়, কিন্তু এটি ফুল স্ক্রিনে অথবা মাল্টি-উইন্ডো মোডে পুরো উইন্ডোতে চলে। এটি লেটারবক্সড নয় এবং কম্প্যাটিবিলিটি মোডেও চলে না। অ্যাপটি কিবোর্ড, মাউস এবং ট্র্যাকপ্যাড সহ বাহ্যিক ইনপুট ডিভাইসগুলোর জন্য প্রাথমিক সাপোর্ট প্রদান করে। আরও তথ্যের জন্য, ‘লার্জ স্ক্রিন রেডি’ দেখুন।
স্তর ২:
এখানে, আপনার অ্যাপটি সমস্ত স্ক্রিন সাইজ এবং ডিভাইস কনফিগারেশনের জন্য লেআউট অপ্টিমাইজেশন প্রয়োগ করে, সেইসাথে বাহ্যিক ইনপুট ডিভাইসগুলির জন্য উন্নত সমর্থনও প্রদান করে। বিস্তারিত জানতে, ‘বড় স্ক্রিনের জন্য অপ্টিমাইজ করা’ দেখুন।
স্তর ১:
এটিই সর্বোত্তম স্তরের সহায়তা এবং এটি ব্যবহারকারীকে আপনার অ্যাপের সাথে সবচেয়ে চমৎকার অভিজ্ঞতা প্রদান করে, কারণ এতে প্রিমিয়াম বৈশিষ্ট্য এবং সক্ষমতা অন্তর্ভুক্ত রয়েছে।
প্রযোজ্য ক্ষেত্রে, অ্যাপটি মাল্টিটাস্কিং, ভাঁজযোগ্য ভঙ্গি, ড্র্যাগ এবং স্টাইলাস ইনপুট সমর্থন করে। এই পর্যায়ে, অ্যাপগুলো অত্যন্ত স্বতন্ত্র, তাই মাল্টিটাস্কিং এবং ভাঁজযোগ্য ভঙ্গির মতো বিষয়গুলোর জন্য নির্দেশিকাগুলোর প্রতি বিশেষ মনোযোগ দিন। আরও জানতে, ‘বৃহৎ পর্দার স্বতন্ত্রতা’ দেখুন।
অপ্টিমাইজ করা লেআউট
লেটারবক্সিং (যা ওরিয়েন্টেশনকে সীমাবদ্ধ করে) বা স্ট্রেচিং ছাড়াই বড় স্ক্রিনের বর্ধিত জায়গার সুবিধা নিন। মিডিয়া এবং সোশ্যাল মিডিয়ার জন্য আপনার অ্যাপের লেআউট অপ্টিমাইজ করার মাধ্যমে, আপনি ট্যাবলেট, ফোল্ডেবল এবং ChromeOS ডিভাইসের মতো সমস্ত বড় স্ক্রিনের ডিভাইসে আপনার অ্যাপের প্রসার বাড়াতে পারেন এবং একটি উন্নত ব্যবহারকারীর অভিজ্ঞতা তৈরি করতে পারেন, সেইসাথে সব আকারের ফোনকেও সাপোর্ট করতে পারেন।
নেভিগেশন রেল এবং ড্রয়ার কম্পোনেন্টগুলো UI-এর সুবিধা ও নিয়ন্ত্রণের জন্য সুবিধাজনক নেভিগেশন প্রদান করে। এই কম্পোনেন্টগুলো ন্যূনতম স্ক্রিন স্পেস দখল করে প্রধান নেভিগেশন গন্তব্যগুলোকে হাতের নাগালে রেখে ক্যানোনিকাল লেআউটগুলোর (লিস্ট-ডিটেইল, ফিড এবং সাপোর্টিং পেইন) পরিপূরক হিসেবে কাজ করে।
মিডিয়া লেআউট
লিস্ট-ডিটেইল, ফিড এবং সাপোর্টিং পেনের জন্য মিডিয়া-নির্দিষ্ট লেআউট প্রয়োগ করে আপনার অ্যাপটিকে আরও ব্যবহারযোগ্য করে তুলুন। MDX, Flutter এবং Compose লেআউট সম্পর্কে তথ্যের জন্য, লেআউট রিসোর্স দেখুন।
লিস্ট-ডিটেইল: একটি ইন্টারেক্টিভ মিডিয়া ব্রাউজার সহ আপনার অ্যাপ ডিজাইন করলে ব্যবহারকারীরা দেখা বা শোনার সময় বিভিন্ন মিডিয়া ব্রাউজ করতে পারেন। প্লে হওয়া ভিডিও বা অডিও ফাইলের পাশাপাশি মিডিয়ার শিরোনামগুলো প্রদর্শিত হয়। ডিভাইসের ওরিয়েন্টেশন পরিবর্তিত হলে, একটি লিস্ট-ডিটেইল লেআউট অ্যাপের অবস্থা বজায় রাখতে সাড়া দেয়। আরও জানতে, লিস্ট-ডিটেইল লেআউটস দেখুন।
ফিড: একটি ফিড লেআউট আপনার অ্যাপের মধ্যে থাকা মিউজিক ফিড বা মুভি ও টিভি কিয়স্কের মতো বিপুল পরিমাণ কন্টেন্ট দ্রুত ও সুবিধাজনকভাবে দেখার জন্য সমতুল্য কন্টেন্ট উপাদানগুলোকে একটি কনফিগারযোগ্য গ্রিডে সাজিয়ে রাখে। আরও তথ্যের জন্য, ফিড লেআউটস দেখুন।
সহায়ক প্যানে: প্রাথমিক এবং মাধ্যমিক ডিসপ্লে এলাকার সাথে, আপনার অ্যাপ প্রাসঙ্গিকতা বা তথ্যের জন্য একটি সহায়ক প্যানে যুক্ত করতে পারে, যেমন একই ধরনের শিরোনামের একটি স্ক্রোলিং তালিকা, প্রকাশিত পর্যালোচনা, বা একই শিল্পী বা অভিনেতাদের অতিরিক্ত কাজ। আরও বিস্তারিত জানতে, সহায়ক প্যানে লেআউট দেখুন।
নির্বাচিত মিডিয়া লেআউটের সংগ্রহের জন্য, মিডিয়া গ্যালারি দেখুন।
সোশ্যাল মিডিয়া লেআউট
বড় স্ক্রিন সোশ্যাল মিডিয়া ব্যবহারকারীদের কন্টেন্ট তৈরি করতে, মাল্টিটাস্কিং করতে, অ্যাপগুলোর মধ্যে কন্টেন্ট ড্র্যাগ করতে এবং শেয়ার করার জন্য আরও বেশি জায়গা দেয়। ছোট স্ক্রিনের ডিভাইসে সম্ভব নয় এমন স্বতন্ত্র বৈশিষ্ট্য ও সক্ষমতার সাহায্যে আপনার বড় স্ক্রিনের মিডিয়া অ্যাপটি লিস্ট-ডিটেইল, ফিড এবং সাপোর্টিং পেইন লেআউটের সুবিধা নিতে পারে।
লিস্ট-ডিটেইল: এটি মেসেজিং অ্যাপ, কন্ট্যাক্ট ম্যানেজার বা ফাইল ব্রাউজারের জন্য আদর্শ। উদাহরণস্বরূপ, আপনার অ্যাপ সর্বশেষ মেসেজ সম্পর্কে অবগত থাকতে বিস্তারিত বিবরণসহ কথোপকথনের একটি তালিকা পাশাপাশি প্রদর্শন করতে পারে। আরও তথ্যের জন্য, লিস্ট-ডিটেইল লেআউটস দেখুন।
ফিড: এই ধরনের লেআউটের সাধারণ উপাদানগুলো হলো কার্ড এবং তালিকা। উদাহরণস্বরূপ, একটি নমনীয় গ্রিড বিন্যাসে পোস্টের কোলাজ তৈরি করুন, অথবা গুরুত্বপূর্ণ পোস্টগুলোর প্রতি দৃষ্টি আকর্ষণ করতে আকার ও অবস্থান ব্যবহার করুন। ব্যবহারকারীরা দ্রুত বিপুল পরিমাণ কন্টেন্ট দেখতে পারেন। আরও তথ্যের জন্য, ফিড লেআউটস দেখুন।
সাপোর্টিং পেইন: সার্চ ও রেফারেন্স অ্যাপ অথবা প্রোডাক্টিভিটি অ্যাপ এই ধরনের লেআউট থেকে উপকৃত হতে পারে। এটি ব্যবহারকারীর জন্য কন্টেন্ট তৈরির টুলগুলোকে হাতের কাছে রাখে। উদাহরণস্বরূপ, আপনার অ্যাপ ব্যবহারকারীদের সেটিংস অ্যাডজাস্ট করতে, কালার প্যালেট অ্যাক্সেস করতে, ইফেক্ট প্রয়োগ করতে এবং পরিবর্তনগুলো তাৎক্ষণিকভাবে দেখতে দিতে পারে। আরও তথ্যের জন্য, সাপোর্টিং পেইন লেআউটস দেখুন।
সোশ্যাল মিডিয়া লেআউটের একটি নির্বাচিত সংগ্রহের জন্য, সোশ্যাল মিডিয়া গ্যালারি পৃষ্ঠাটি দেখুন।
বড় স্ক্রিনের মিডিয়া অ্যাপের জন্য সেরা অনুশীলন
বড় পর্দার জন্য সেরা পদ্ধতিগুলো ব্যবহার করলে আপনার অ্যাপের অপ্রয়োজনীয় পুনর্গঠন এড়ানো যায়। এছাড়াও, এগুলো শুরু থেকেই আপনার অ্যাপকে আরও বেশি ডিভাইসে ব্যবহার-বান্ধব করে তোলে, বিশেষ করে ওরিয়েন্টেশন, কীবোর্ড শর্টকাট, ক্যামেরা প্রিভিউ সাপোর্ট এবং ফোল্ডেবল পোজের ক্ষেত্রে।
অভিমুখীকরণ এবং আকার পরিবর্তন
আপনার মিডিয়া অ্যাপ যদি ওরিয়েন্টেশন এবং রিসাইজিং-এর উপর সীমাবদ্ধতা আরোপ করে, তাহলে অ্যান্ড্রয়েড একটি কম্প্যাটিবিলিটি মোড সক্রিয় করে। যদিও কম্প্যাটিবিলিটি মোড আপনার অ্যাপের আচরণ গ্রহণযোগ্য রাখে, তবুও এর ব্যবহারযোগ্যতা ব্যাপকভাবে হ্রাস পায় এবং ব্যবহারকারীর অভিজ্ঞতা ক্ষতিগ্রস্ত হয়।
উদাহরণস্বরূপ, আপনার অ্যাপটি যদি একটি ট্যাবলেটে থাকে, তবে ট্যাবলেটটি ল্যান্ডস্কেপ ওরিয়েন্টেশনে ডক হয়। যদি আপনার অ্যাপটি পোর্ট্রেটে সীমাবদ্ধ থাকে, তবে এটি লেটারবক্সিং তৈরি করে, যা ব্যবহারকারীর জন্য সুবিধাজনক নয়। আপনার অ্যাপটি ব্যবহারকারীদের তাদের পছন্দের ওরিয়েন্টেশন ব্যবহার করার সুযোগ দেবে, তাই আপনার ডিজাইনে বড় স্ক্রিনের উপলব্ধ আকারের সুবিধা নিন।
ওরিয়েন্টেশনের উপর যেকোনো সীমাবদ্ধতা ব্যবহারকারীদের কন্টেন্টের সাথে ইন্টারঅ্যাক্ট করার বা মিডিয়া উপভোগ করার উপায় কমিয়ে দেয়, যা আপনার অ্যাপের ব্যবহারকে সীমিত করে। ওরিয়েন্টেশন পরিবর্তন করলে সাইজিং কিছুটা প্রভাবিত হতে পারে, কিন্তু রিসাইজ করলে যে ওরিয়েন্টেশনও পরিবর্তিত হবে, এমনটা নয়।
কিবোর্ড শর্টকাট
বড় স্ক্রিনে, ফিজিক্যাল কিবোর্ডের স্টার্ট, স্টপ, পজ, রিওয়াইন্ড এবং ফরওয়ার্ডের মতো শর্টকাটগুলো বেশি ব্যবহৃত হওয়ার সম্ভাবনা থাকে, যা ব্যবহারকারীর অভিজ্ঞতাকে কিবোর্ডের সাথে সামঞ্জস্যপূর্ণ করে তোলে।
ব্যবহারকারীরা তাদের মিডিয়া অ্যাপে এই ফাংশনগুলো প্রত্যাশা করেন। ব্যবহারকারীদের অসুবিধা কমাতে, একটি ফিজিক্যাল কীবোর্ড দিয়ে আপনার অ্যাপটি পরীক্ষা করে দেখতে পারেন। এটি আপনাকে ডিজাইনের শুরুতেই এই গুরুত্বপূর্ণ শর্টকাটগুলো লক্ষ্য করতে এবং আপনার অ্যাপে অন্তর্ভুক্ত করতে সাহায্য করবে।
ক্যামেরা প্রিভিউ সমর্থন
বড় স্ক্রিনে ছবি প্রসারিত হওয়া, ক্রপ হওয়া এবং ঘোরানোর মতো সমস্যা বেশি হতে পারে। তাই, ক্যামেরা প্রিভিউয়ের আকারই যে আপনার মিডিয়া অ্যাপের UI-তে বাস্তবে রেন্ডার হবে, তা ধরে নেওয়া যায় না।
উদাহরণস্বরূপ, যদি কোনো ব্যবহারকারী তার ট্যাবলেট দিয়ে ছবি তোলেন কিন্তু ট্যাবলেটের স্ক্রিনে ছবিটি উল্টোভাবে প্রদর্শিত হয়, তবে এটি একটি অসুবিধাজনক অভিজ্ঞতা। বড় স্ক্রিনের জন্য ক্যামেরা প্রিভিউ সাপোর্ট অন্তর্ভুক্ত করুন।
আরও তথ্যের জন্য, CameraX প্রিভিউ অথবা Camera2 প্রিভিউ দেখুন।
ভাঁজযোগ্য ভঙ্গি
বড় পর্দার জন্য আপনার মিডিয়া অ্যাপ ডিজাইন করার ক্ষেত্রে এটিকে ভাঁজ করার বিভিন্ন ভঙ্গি অন্তর্ভুক্ত থাকে। উদাহরণস্বরূপ, আপনার অ্যাপটি ব্যবহারকারীকে মিডিয়া প্লেব্যাকের জন্য টেবিলের উপর রেখে ব্যবহারের সুযোগ দিতে পারে, অথবা প্রিভিউ ও ছবি তোলার জন্য পেছনের ডিসপ্লে এবং ডুয়াল স্ক্রিন মোড ব্যবহার করার সুবিধা দিতে পারে।
আপনার ডেভেলপমেন্ট প্ল্যানে ফোল্ডেবল পসচার অন্তর্ভুক্ত থাকলে, আপনার অ্যাপটি আরও বেশি ডিভাইসে উপলব্ধ হয় এবং এর প্রভাব আরও ব্যাপক হয়। আপনি ব্যবহারকারীর জন্য মিডিয়া অভিজ্ঞতাকে এমনভাবে প্রসারিত করেন, যা ফোল্ডেবল পসচার ছাড়া অন্য ডিভাইসগুলো করতে পারে না। আরও তথ্যের জন্য, ফোল্ডেবল পসচার দেখুন।