একটি টিভি স্ক্রিন সাধারণত প্রায় ১০ ফুট দূর থেকে দেখা হয়, এবং যদিও এটি বেশিরভাগ অন্যান্য অ্যান্ড্রয়েড-চালিত ডিভাইসের ডিসপ্লের চেয়ে অনেক বড়, একটি টিভি স্ক্রিন ছোট ডিভাইসের স্ক্রিনের মতো একই স্তরের ডিটেইল এবং রঙ প্রদান করে না। এই কারণগুলোর জন্য, লিভিং রুমে একটি কার্যকর এবং আনন্দদায়ক ইউজার এক্সপেরিয়েন্স তৈরি করতে আপনাকে টিভি ডিভাইসের কথা মাথায় রেখে অ্যাপ লেআউট তৈরি করতে হবে।
মৌলিক বিন্যাস নীতি
টিভি ডিভাইসের লেআউটগুলো যেন বড় পর্দায় ব্যবহারযোগ্য ও কার্যকর হয়, তা নিশ্চিত করতে কিছু মৌলিক নির্দেশিকা অনুসরণ করা আবশ্যক। টিভি পর্দার জন্য অপ্টিমাইজ করা লেআউট তৈরি করতে এই টিপসগুলো অনুসরণ করুন:
- ল্যান্ডস্কেপ ওরিয়েন্টেশনে লেআউট তৈরি করুন। টিভি স্ক্রিন সর্বদা ল্যান্ডস্কেপ মোডে প্রদর্শিত হয়।
- স্ক্রিনের বাম বা ডান দিকে নেভিগেশন কন্ট্রোলগুলো রাখুন এবং উল্লম্ব স্থানটি কন্টেন্টের জন্য সংরক্ষণ করুন।
- রেসপন্সিভ এবং রিলেটিভ সাইজিং (যেমন
dpএবংspইউনিট) ব্যবহার করুন, যাতে ইউজার ইন্টারফেস বিভিন্ন ডিসপ্লে রেজোলিউশনে সুন্দরভাবে স্কেল হয়। - UI অগোছালো হওয়া এড়াতে লেআউট কন্ট্রোলগুলোর মধ্যে পর্যাপ্ত মার্জিন ও প্যাডিং যোগ করুন।
ওভারস্ক্যান
দর্শকদের কাছে একটি পূর্ণ-পর্দার ছবি উপস্থাপন করার জন্য টিভির মান উন্নত হওয়ায়, টিভির লেআউটের কিছু স্বতন্ত্র প্রয়োজনীয়তা রয়েছে। এই কারণে, সম্পূর্ণ ডিসপ্লেটি যাতে পূর্ণ হয় তা নিশ্চিত করতে টিভি ডিভাইসগুলো একটি অ্যাপ লেআউটের বাইরের প্রান্ত ছেঁটে ফেলতে পারে। এই আচরণটি সাধারণত ওভারস্ক্যান নামে পরিচিত।
যেসব স্ক্রিন এলিমেন্ট ব্যবহারকারীর কাছে সর্বদা দৃশ্যমান থাকা আবশ্যক, সেগুলোকে ওভারস্ক্যান-সেফ এরিয়ার মধ্যে রাখুন। একটি লেআউটে বাম ও ডান প্রান্তে ৪৮ ডিপি এবং ওপর ও নিচের প্রান্তে ২৭ ডিপি-র ৫% মার্জিন যোগ করলে, লেআউটের স্ক্রিন এলিমেন্টগুলো ওভারস্ক্যান-সেফ এরিয়ার মধ্যে আছে তা নিশ্চিত করতে সাহায্য করে।
ব্যাকগ্রাউন্ড স্ক্রিনের যে উপাদানগুলোর সাথে ব্যবহারকারী সরাসরি ইন্টারঅ্যাক্ট করেন না, সেগুলো অ্যাডজাস্ট করবেন না এবং উপাদানগুলোকে ওভারস্ক্যান-সেফ এরিয়াতে ক্লিপ করবেন না। এই পদ্ধতিটি নিশ্চিত করতে সাহায্য করে যে ব্যাকগ্রাউন্ড স্ক্রিনের উপাদানগুলো সব স্ক্রিনে সঠিকভাবে দেখায়।
ব্যবহারযোগ্য টেক্সট এবং কন্ট্রোল তৈরি করুন
আপনার টিভি অ্যাপের লেখা ও কন্ট্রোলগুলো দূর থেকে আরও সহজে দেখার জন্য এই পরামর্শগুলো অনুসরণ করুন:
- টেক্সটকে ছোট ছোট অংশে ভাগ করুন যাতে ব্যবহারকারীরা দ্রুত চোখ বুলিয়ে নিতে পারে।
- গাঢ় পটভূমিতে হালকা রঙের লেখা ব্যবহার করুন। এই শৈলীটি টিভিতে পড়তে সহজ।
- হালকা ফন্ট অথবা এমন ফন্ট পরিহার করুন যেগুলোর স্ট্রোক একই সাথে খুব সরু ও খুব চওড়া। পাঠযোগ্যতা বাড়াতে স্যানস-সেরিফ ফন্ট এবং অ্যান্টি-অ্যালিয়াসিং ব্যবহার করুন।
- আপনার সমস্ত ভিউ উইজেট এত বড় করুন যাতে স্ক্রিন থেকে ১০ ফুট দূরে বসে থাকা কোনো ব্যক্তিও তা স্পষ্টভাবে দেখতে পায়। অ্যাবসোলিউট পিক্সেল ইউনিটের পরিবর্তে ডেনসিটি-ইন্ডিপেন্ডেন্ট পিক্সেল (
dp) ইউনিট এবং টাইপোগ্রাফির জন্য স্কেলেবল পিক্সেল (sp) ইউনিট ব্যবহার করুন।
ঘনত্ব-নিরপেক্ষ পিক্সেল এবং বড় স্ক্রিনের আকারের জন্য লেআউট তৈরি করার বিষয়ে আরও তথ্যের জন্য, স্ক্রিন সামঞ্জস্যতার সংক্ষিপ্ত বিবরণ দেখুন।
টিভির জন্য লেআউট রিসোর্স পরিচালনা করুন
অন্যান্য সব অ্যান্ড্রয়েড ডিভাইসের মতোই, টিভিরও বিভিন্ন স্ক্রিন সাইজ এবং 720p, 1080p ও 4K-সহ বিভিন্ন রেজোলিউশন সাপোর্ট করে। আপনার অ্যাপটি যেন বিভিন্ন স্ক্রিন সাইজ সাপোর্ট করে , তা নিশ্চিত করুন।
বিভিন্ন স্ক্রিন সাইজ এবং রেজোলিউশনের পিক্সেল ডেনসিটি ভিন্ন ভিন্ন হয়। বিভিন্ন স্ক্রিন সাইজ, রেজোলিউশন এবং পিক্সেল ডেনসিটিতে আপনার UI-এর চেহারা অক্ষুণ্ণ রাখতে, ডেনসিটি-ইনডিপেন্ডেন্ট পিক্সেল ( dp ) ব্যবহার করে UI পরিমাপ নির্ধারণ করুন। বিভিন্ন টিভি প্যানেল রেজোলিউশনের জন্য স্ক্রিন পিক্সেল ডেনসিটি নিম্নলিখিত সারণিতে উল্লেখ করা হলো:
| প্যানেল রেজোলিউশন | স্ক্রিন পিক্সেল ঘনত্ব |
|---|---|
| ৭২০পি | tvdpi |
| ১০৮০পি | xhdpi |
| ৪কে | xxxhdpi |
আরও তথ্যের জন্য ‘বিভিন্ন পিক্সেল ঘনত্ব সমর্থন’ এবং ‘ স্ক্রিন সামঞ্জস্যের সংক্ষিপ্ত বিবরণ’ দেখুন।
যে লেআউট প্যাটার্নগুলি এড়িয়ে চলতে হবে
লেআউট তৈরির এমন কিছু পদ্ধতি আছে যা টিভি ডিভাইসে ভালোভাবে কাজ করে না। টিভির জন্য লেআউট তৈরি করার সময় নিম্নলিখিত ইউজার ইন্টারফেস প্যাটার্নগুলো এড়িয়ে চলুন:
- ফোন বা ট্যাবলেটের লেআউট পুনরায় ব্যবহার : কোনো পরিবর্তন ছাড়া ফোন বা ট্যাবলেট অ্যাপের লেআউট পুনরায় ব্যবহার করবেন না। অন্যান্য অ্যান্ড্রয়েড-চালিত ডিভাইসের জন্য তৈরি লেআউটগুলো টিভি ডিভাইসের জন্য তেমন উপযুক্ত নয় এবং টিভিতে ব্যবহারের জন্য সেগুলোকে অবশ্যই সরল করতে হবে।
- ফোনের অ্যাকশন বার বা মেনু ব্যবহার : টপ অ্যাকশন বার এবং পুল-ডাউন মেনুগুলো টিভি ইন্টারফেসের জন্য উপযুক্ত নয়, কারণ রিমোট কন্ট্রোল দিয়ে এই ধরনের মেনু নেভিগেট করা কঠিন।
- শুধুমাত্র সোয়াইপ-ভিত্তিক নেভিগেশন ব্যবহার : ফোন বা ট্যাবলেটে স্ক্রিনগুলোর মধ্যে স্লাইড বা সোয়াইপ করা দারুণ কাজ করতে পারে, কিন্তু টিভিতে শুধু সোয়াইপ জেসচার ব্যবহার করার চেষ্টা করবেন না, যেখানে ব্যবহারকারীরা ডি-প্যাড রিমোটের উপর নির্ভর করে।
টিভির জন্য উপযুক্ত লেআউট ডিজাইন করার বিষয়ে আরও তথ্যের জন্য, ‘ডিজাইনিং ফর টিভি’ দেখুন।
বড় বিটম্যাপ পরিচালনা করুন
টিভি ডিভাইসগুলোর মেমরি সীমিত থাকে। আপনার অ্যাপের লেআউটে যদি খুব উচ্চ-রেজোলিউশনের ছবি ব্যবহার করা হয়, তবে তা দ্রুত মেমরির সীমাবদ্ধতায় পৌঁছে যেতে পারে এবং মেমরি-সংক্রান্ত ত্রুটির কারণ হতে পারে। আপনার অ্যাপে বিটম্যাপ ফেচ, ডিকোড এবং প্রদর্শন করার জন্য Coil বা Glide-এর মতো কার্যকর ইমেজ লোডিং ও ডিকোডিং লাইব্রেরি ব্যবহার করুন।
বিটম্যাপ নিয়ে কাজ করার সময় সেরা পারফরম্যান্স পাওয়ার বিষয়ে আরও তথ্যের জন্য, অ্যান্ড্রয়েড গ্রাফিক্সের সেরা অনুশীলনগুলো দেখুন।
কার্যকর বিজ্ঞাপন সরবরাহ করুন
লিভিং-রুমের পরিবেশের জন্য, আমরা এমন ভিডিও বিজ্ঞাপন সমাধান ব্যবহারের পরামর্শ দিই যা ফুল-স্ক্রিন এবং ৩০ সেকেন্ডের মধ্যে বন্ধ করা যায়। অ্যান্ড্রয়েড টিভিতে বিজ্ঞাপনের কার্যকারিতা, যেমন ডিসমিস বাটন এবং ক্লিক-থ্রু, টাচের পরিবর্তে ডি-প্যাড ব্যবহার করে অ্যাক্সেসযোগ্য হতে হবে।
অ্যান্ড্রয়েড টিভিতে কোনো ওয়েব ব্রাউজার নেই। আপনার বিজ্ঞাপনগুলো কোনো ওয়েব ব্রাউজার চালু করার চেষ্টা করবে না অথবা গুগল প্লে স্টোরের এমন কোনো কন্টেন্টে রিডাইরেক্ট করবে না যা অ্যান্ড্রয়েড টিভি ডিভাইসের জন্য অনুমোদিত নয়।
,একটি টিভি স্ক্রিন সাধারণত প্রায় ১০ ফুট দূর থেকে দেখা হয়, এবং যদিও এটি বেশিরভাগ অন্যান্য অ্যান্ড্রয়েড-চালিত ডিভাইসের ডিসপ্লের চেয়ে অনেক বড়, একটি টিভি স্ক্রিন ছোট ডিভাইসের স্ক্রিনের মতো একই স্তরের ডিটেইল এবং রঙ প্রদান করে না। এই কারণগুলোর জন্য, লিভিং রুমে একটি কার্যকর এবং আনন্দদায়ক ইউজার এক্সপেরিয়েন্স তৈরি করতে আপনাকে টিভি ডিভাইসের কথা মাথায় রেখে অ্যাপ লেআউট তৈরি করতে হবে।
মৌলিক বিন্যাস নীতি
টিভি ডিভাইসের লেআউটগুলো যেন বড় পর্দায় ব্যবহারযোগ্য ও কার্যকর হয়, তা নিশ্চিত করতে কিছু মৌলিক নির্দেশিকা অনুসরণ করা আবশ্যক। টিভি পর্দার জন্য অপ্টিমাইজ করা লেআউট তৈরি করতে এই টিপসগুলো অনুসরণ করুন:
- ল্যান্ডস্কেপ ওরিয়েন্টেশনে লেআউট তৈরি করুন। টিভি স্ক্রিন সর্বদা ল্যান্ডস্কেপ মোডে প্রদর্শিত হয়।
- স্ক্রিনের বাম বা ডান দিকে নেভিগেশন কন্ট্রোলগুলো রাখুন এবং উল্লম্ব স্থানটি কন্টেন্টের জন্য সংরক্ষণ করুন।
- রেসপন্সিভ এবং রিলেটিভ সাইজিং (যেমন
dpএবংspইউনিট) ব্যবহার করুন, যাতে ইউজার ইন্টারফেস বিভিন্ন ডিসপ্লে রেজোলিউশনে সুন্দরভাবে স্কেল হয়। - UI অগোছালো হওয়া এড়াতে লেআউট কন্ট্রোলগুলোর মধ্যে পর্যাপ্ত মার্জিন ও প্যাডিং যোগ করুন।
ওভারস্ক্যান
দর্শকদের কাছে একটি পূর্ণ-পর্দার ছবি উপস্থাপন করার জন্য টিভির মান উন্নত হওয়ায়, টিভির লেআউটের কিছু স্বতন্ত্র প্রয়োজনীয়তা রয়েছে। এই কারণে, সম্পূর্ণ ডিসপ্লেটি যাতে পূর্ণ হয় তা নিশ্চিত করতে টিভি ডিভাইসগুলো একটি অ্যাপ লেআউটের বাইরের প্রান্ত ছেঁটে ফেলতে পারে। এই আচরণটি সাধারণত ওভারস্ক্যান নামে পরিচিত।
যেসব স্ক্রিন এলিমেন্ট ব্যবহারকারীর কাছে সর্বদা দৃশ্যমান থাকা আবশ্যক, সেগুলোকে ওভারস্ক্যান-সেফ এরিয়ার মধ্যে রাখুন। একটি লেআউটে বাম ও ডান প্রান্তে ৪৮ ডিপি এবং ওপর ও নিচের প্রান্তে ২৭ ডিপি-র ৫% মার্জিন যোগ করলে, লেআউটের স্ক্রিন এলিমেন্টগুলো ওভারস্ক্যান-সেফ এরিয়ার মধ্যে আছে তা নিশ্চিত করতে সাহায্য করে।
ব্যাকগ্রাউন্ড স্ক্রিনের যে উপাদানগুলোর সাথে ব্যবহারকারী সরাসরি ইন্টারঅ্যাক্ট করেন না, সেগুলো অ্যাডজাস্ট করবেন না এবং উপাদানগুলোকে ওভারস্ক্যান-সেফ এরিয়াতে ক্লিপ করবেন না। এই পদ্ধতিটি নিশ্চিত করতে সাহায্য করে যে ব্যাকগ্রাউন্ড স্ক্রিনের উপাদানগুলো সব স্ক্রিনে সঠিকভাবে দেখায়।
ব্যবহারযোগ্য টেক্সট এবং কন্ট্রোল তৈরি করুন
আপনার টিভি অ্যাপের লেখা ও কন্ট্রোলগুলো দূর থেকে আরও সহজে দেখার জন্য এই পরামর্শগুলো অনুসরণ করুন:
- টেক্সটকে ছোট ছোট অংশে ভাগ করুন যাতে ব্যবহারকারীরা দ্রুত চোখ বুলিয়ে নিতে পারে।
- গাঢ় পটভূমিতে হালকা রঙের লেখা ব্যবহার করুন। এই শৈলীটি টিভিতে পড়তে সহজ।
- হালকা ফন্ট অথবা এমন ফন্ট পরিহার করুন যেগুলোর স্ট্রোক একই সাথে খুব সরু ও খুব চওড়া। পাঠযোগ্যতা বাড়াতে স্যানস-সেরিফ ফন্ট এবং অ্যান্টি-অ্যালিয়াসিং ব্যবহার করুন।
- আপনার সমস্ত ভিউ উইজেট এত বড় করুন যাতে স্ক্রিন থেকে ১০ ফুট দূরে বসে থাকা কোনো ব্যক্তিও তা স্পষ্টভাবে দেখতে পায়। অ্যাবসোলিউট পিক্সেল ইউনিটের পরিবর্তে ডেনসিটি-ইন্ডিপেন্ডেন্ট পিক্সেল (
dp) ইউনিট এবং টাইপোগ্রাফির জন্য স্কেলেবল পিক্সেল (sp) ইউনিট ব্যবহার করুন।
ঘনত্ব-নিরপেক্ষ পিক্সেল এবং বড় স্ক্রিনের আকারের জন্য লেআউট তৈরি করার বিষয়ে আরও তথ্যের জন্য, স্ক্রিন সামঞ্জস্যতার সংক্ষিপ্ত বিবরণ দেখুন।
টিভির জন্য লেআউট রিসোর্স পরিচালনা করুন
অন্যান্য সব অ্যান্ড্রয়েড ডিভাইসের মতোই, টিভিরও বিভিন্ন স্ক্রিন সাইজ এবং 720p, 1080p ও 4K-সহ বিভিন্ন রেজোলিউশন সাপোর্ট করে। আপনার অ্যাপটি যেন বিভিন্ন স্ক্রিন সাইজ সাপোর্ট করে , তা নিশ্চিত করুন।
বিভিন্ন স্ক্রিন সাইজ এবং রেজোলিউশনের পিক্সেল ডেনসিটি ভিন্ন ভিন্ন হয়। বিভিন্ন স্ক্রিন সাইজ, রেজোলিউশন এবং পিক্সেল ডেনসিটিতে আপনার UI-এর চেহারা অক্ষুণ্ণ রাখতে, ডেনসিটি-ইনডিপেন্ডেন্ট পিক্সেল ( dp ) ব্যবহার করে UI পরিমাপ নির্ধারণ করুন। বিভিন্ন টিভি প্যানেল রেজোলিউশনের জন্য স্ক্রিন পিক্সেল ডেনসিটি নিম্নলিখিত সারণিতে উল্লেখ করা হলো:
| প্যানেল রেজোলিউশন | স্ক্রিন পিক্সেল ঘনত্ব |
|---|---|
| ৭২০পি | tvdpi |
| ১০৮০পি | xhdpi |
| ৪কে | xxxhdpi |
আরও তথ্যের জন্য ‘বিভিন্ন পিক্সেল ঘনত্ব সমর্থন’ এবং ‘ স্ক্রিন সামঞ্জস্যের সংক্ষিপ্ত বিবরণ’ দেখুন।
যে লেআউট প্যাটার্নগুলি এড়িয়ে চলতে হবে
লেআউট তৈরির এমন কিছু পদ্ধতি আছে যা টিভি ডিভাইসে ভালোভাবে কাজ করে না। টিভির জন্য লেআউট তৈরি করার সময় নিম্নলিখিত ইউজার ইন্টারফেস প্যাটার্নগুলো এড়িয়ে চলুন:
- ফোন বা ট্যাবলেটের লেআউট পুনরায় ব্যবহার : কোনো পরিবর্তন ছাড়া ফোন বা ট্যাবলেট অ্যাপের লেআউট পুনরায় ব্যবহার করবেন না। অন্যান্য অ্যান্ড্রয়েড-চালিত ডিভাইসের জন্য তৈরি লেআউটগুলো টিভি ডিভাইসের জন্য তেমন উপযুক্ত নয় এবং টিভিতে ব্যবহারের জন্য সেগুলোকে অবশ্যই সরল করতে হবে।
- ফোনের অ্যাকশন বার বা মেনু ব্যবহার : টপ অ্যাকশন বার এবং পুল-ডাউন মেনুগুলো টিভি ইন্টারফেসের জন্য উপযুক্ত নয়, কারণ রিমোট কন্ট্রোল দিয়ে এই ধরনের মেনু নেভিগেট করা কঠিন।
- শুধুমাত্র সোয়াইপ-ভিত্তিক নেভিগেশন ব্যবহার : ফোন বা ট্যাবলেটে স্ক্রিনগুলোর মধ্যে স্লাইড বা সোয়াইপ করা দারুণ কাজ করতে পারে, কিন্তু টিভিতে শুধু সোয়াইপ জেসচার ব্যবহার করার চেষ্টা করবেন না, যেখানে ব্যবহারকারীরা ডি-প্যাড রিমোটের উপর নির্ভর করে।
টিভির জন্য উপযুক্ত লেআউট ডিজাইন করার বিষয়ে আরও তথ্যের জন্য, ‘ডিজাইনিং ফর টিভি’ দেখুন।
বড় বিটম্যাপ পরিচালনা করুন
টিভি ডিভাইসগুলোর মেমরি সীমিত থাকে। আপনার অ্যাপের লেআউটে যদি খুব উচ্চ-রেজোলিউশনের ছবি ব্যবহার করা হয়, তবে তা দ্রুত মেমরির সীমাবদ্ধতায় পৌঁছে যেতে পারে এবং মেমরি-সংক্রান্ত ত্রুটির কারণ হতে পারে। আপনার অ্যাপে বিটম্যাপ ফেচ, ডিকোড এবং প্রদর্শন করার জন্য Coil বা Glide-এর মতো কার্যকর ইমেজ লোডিং ও ডিকোডিং লাইব্রেরি ব্যবহার করুন।
বিটম্যাপ নিয়ে কাজ করার সময় সেরা পারফরম্যান্স পাওয়ার বিষয়ে আরও তথ্যের জন্য, অ্যান্ড্রয়েড গ্রাফিক্সের সেরা অনুশীলনগুলো দেখুন।
কার্যকর বিজ্ঞাপন সরবরাহ করুন
লিভিং-রুমের পরিবেশের জন্য, আমরা এমন ভিডিও বিজ্ঞাপন সমাধান ব্যবহারের পরামর্শ দিই যা ফুল-স্ক্রিন এবং ৩০ সেকেন্ডের মধ্যে বন্ধ করা যায়। অ্যান্ড্রয়েড টিভিতে বিজ্ঞাপনের কার্যকারিতা, যেমন ডিসমিস বাটন এবং ক্লিক-থ্রু, টাচের পরিবর্তে ডি-প্যাড ব্যবহার করে অ্যাক্সেসযোগ্য হতে হবে।
অ্যান্ড্রয়েড টিভিতে কোনো ওয়েব ব্রাউজার নেই। আপনার বিজ্ঞাপনগুলো কোনো ওয়েব ব্রাউজার চালু করার চেষ্টা করবে না অথবা গুগল প্লে স্টোরের এমন কোনো কন্টেন্টে রিডাইরেক্ট করবে না যা অ্যান্ড্রয়েড টিভি ডিভাইসের জন্য অনুমোদিত নয়।