आम तौर पर, टीवी की स्क्रीन को करीब 10 फ़ीट की दूरी से देखा जाता है. यह Android की सुविधा वाले ज़्यादातर डिवाइसों की स्क्रीन से काफ़ी बड़ी होती है. हालांकि, टीवी की स्क्रीन पर उतनी जानकारी और रंग नहीं दिखते जितने किसी छोटे डिवाइस की स्क्रीन पर दिखते हैं. इन बातों को ध्यान में रखते हुए, आपको टीवी डिवाइसों के लिए ऐप्लिकेशन लेआउट बनाने होंगे. इससे लोगों को लिविंग रूम में ऐप्लिकेशन इस्तेमाल करने का बेहतर अनुभव मिलेगा.
लेआउट बनाने के बुनियादी सिद्धांत
टीवी डिवाइसों के लेआउट को कुछ बुनियादी दिशा-निर्देशों का पालन करना चाहिए. इससे यह पक्का करने में मदद मिलती है कि वे बड़ी स्क्रीन पर इस्तेमाल किए जा सकते हैं और असरदार हैं. टीवी स्क्रीन के लिए ऑप्टिमाइज़ किए गए लेआउट बनाने के लिए, इन सुझावों को अपनाएं:
- लेआउट को भूदृश्य की दिशा में उन्मुख करके बनाएं. टीवी की स्क्रीन हमेशा लैंडस्केप मोड में दिखती हैं.
- स्क्रीन पर नेविगेशन कंट्रोल को बाईं या दाईं ओर रखें, ताकि कॉन्टेंट के लिए वर्टिकल स्पेस बचाया जा सके.
- रिस्पॉन्सिव और रिलेटिव साइज़िंग (जैसे,
dpऔरspयूनिट) का इस्तेमाल करें, ताकि अलग-अलग डिसप्ले रिज़ॉल्यूशन पर यूज़र इंटरफ़ेस सही तरीके से स्केल हो सकें. - लेआउट कंट्रोल के बीच ज़रूरत के मुताबिक मार्जिन और पैडिंग जोड़ें, ताकि यूज़र इंटरफ़ेस (यूआई) में चीज़ें बिखरी हुई न दिखें.
ओवरस्कैन
टीवी के लेआउट के लिए कुछ खास ज़रूरी शर्तें होती हैं. ऐसा इसलिए, क्योंकि टीवी के स्टैंडर्ड में बदलाव होने की वजह से, दर्शकों को फ़ुल-स्क्रीन इमेज दिखाई जाती है. इस वजह से, टीवी डिवाइसों पर ऐप्लिकेशन लेआउट के बाहरी किनारे को काटा जा सकता है, ताकि यह पक्का किया जा सके कि पूरी डिसप्ले भरी हुई है. इस व्यवहार को आम तौर पर ओवरस्कैन कहा जाता है.
स्क्रीन के उन तत्वों को, जो उपयोगकर्ता को हर समय दिखाई देने चाहिए, ओवरस्कैन-सुरक्षित क्षेत्र के भीतर रखें. लेआउट में बाएं और दाएं किनारों पर 48 डेसीमीटर पॉइंट (5% मार्जिन) और ऊपर और नीचे के किनारों पर 27 डेसीमीटर पॉइंट (27 डेसीमीटर पॉइंट) का मार्जिन जोड़ने से यह सुनिश्चित करने में मदद मिलती है कि लेआउट में स्क्रीन तत्व ओवरस्कैन-सुरक्षित क्षेत्र के भीतर हैं.
बैकग्राउंड स्क्रीन के ऐसे एलिमेंट में बदलाव न करें जिनसे उपयोगकर्ता सीधे तौर पर इंटरैक्ट नहीं करता है. साथ ही, एलिमेंट को ओवरस्कैन-सेफ़ एरिया में क्लिप न करें. इस तरीके से यह पक्का करने में मदद मिलती है कि बैकग्राउंड स्क्रीन के एलिमेंट, सभी स्क्रीन पर सही दिखें.
इस्तेमाल किए जा सकने वाले टेक्स्ट और कंट्रोल बनाना
टीवी ऐप्लिकेशन में टेक्स्ट और कंट्रोल को दूर से भी आसानी से देखने के लिए, इन सुझावों का पालन करें:
- टेक्स्ट को छोटे-छोटे हिस्सों में बांटें, ताकि उपयोगकर्ता उसे आसानी से पढ़ सकें.
- गहरे रंग के बैकग्राउंड पर हल्के रंग के टेक्स्ट का इस्तेमाल करें. इस शैली को टीवी पर पढ़ना आसान होता है.
- हल्के फॉन्ट या ऐसे फॉन्ट जिनमें बहुत पतले और बहुत चौड़े स्ट्रोक दोनों हों, उनसे बचें. पठनीयता बढ़ाने के लिए सेन्स-सेरिफ़ फ़ॉन्ट और एंटी-एलियासिंग का उपयोग करें.
- अपने सभी व्यू विजेट को इतना बड़ा बनाएं कि स्क्रीन से 10 फ़ीट की दूरी पर बैठा कोई व्यक्ति उन्हें साफ़ तौर पर देख सके. ऐब्सलूट पिक्सल यूनिट के बजाय डेंसिटी-इंडिपेंडेंट पिक्सल (
dp) यूनिट का इस्तेमाल करें. साथ ही, टाइपोग्राफ़ी के लिए स्केलेबल पिक्सल (sp) यूनिट का इस्तेमाल करें.
डेंसिटी-इंडिपेंडेंट पिक्सल और बड़ी स्क्रीन के साइज़ को मैनेज करने के लिए लेआउट बनाने के बारे में ज़्यादा जानने के लिए, स्क्रीन के साथ काम करने की सुविधा के बारे में खास जानकारी लेख पढ़ें.
टीवी के लिए लेआउट के संसाधनों को मैनेज करना
अन्य सभी एंड्रॉइड डिवाइसों की तरह, टीवी में भी अलग-अलग स्क्रीन साइज होते हैं और वे 720p, 1080p और 4K सहित विभिन्न रिज़ॉल्यूशन को सपोर्ट करते हैं. पक्का करें कि आपका ऐप्लिकेशन अलग-अलग स्क्रीन साइज़ के साथ काम करता हो.
अलग-अलग स्क्रीन साइज़ और रिज़ॉल्यूशन की पिक्सल डेंसिटी अलग-अलग होती है. अलग-अलग स्क्रीन साइज़, रिज़ॉल्यूशन, और पिक्सल डेंसिटी पर अपने यूज़र इंटरफ़ेस (यूआई) को एक जैसा दिखाने के लिए, डेंसिटी इंडिपेंडेंट पिक्सल (dp) का इस्तेमाल करके यूज़र इंटरफ़ेस (यूआई) के मेज़रमेंट तय करें. अलग-अलग टीवी पैनल रिज़ॉल्यूशन के लिए स्क्रीन पिक्सल डेंसिटी की जानकारी, इस टेबल में दी गई है:
| पैनल का रिज़ॉल्यूशन | स्क्रीन पिक्सल डेंसिटी |
|---|---|
| 720 पिक्सल | tvdpi |
| 1080 पिक्सल | xhdpi |
| 4K | xxxhdpi |
अधिक जानकारी के लिए विभिन्न पिक्सेल घनत्वों का समर्थन करें और स्क्रीन संगतता अवलोकन देखें.
लेआउट के इन पैटर्न का इस्तेमाल न करें
बिल्डिंग लेआउट के कुछ ऐसे तरीके हैं जो टीवी उपकरणों पर ठीक से काम नहीं करते हैं. टीवी के लिए लेआउट विकसित करते समय निम्नलिखित यूजर इंटरफेस पैटर्न से बचें:
- फ़ोन या टैबलेट के लेआउट का फिर से इस्तेमाल करना: फ़ोन या टैबलेट ऐप्लिकेशन के लेआउट में बदलाव किए बिना, उनका फिर से इस्तेमाल न करें. Android की सुविधा वाले अन्य डिवाइसों के साइज़, डाइमेंशन या कॉन्फ़िगरेशन के हिसाब से बनाए गए लेआउट, टीवी डिवाइसों के लिए सही नहीं होते. इसलिए, टीवी पर काम करने के लिए इन्हें आसान बनाना ज़रूरी है.
- फ़ोन के ऐक्शन बार या मेन्यू का इस्तेमाल करना: रिमोट कंट्रोल से इन मेन्यू को नेविगेट करना मुश्किल होता है. इसलिए, टीवी इंटरफ़ेस के लिए टॉप ऐक्शन बार और पुल-डाउन मेन्यू सही नहीं होते.
- केवल स्वाइप नेविगेशन का उपयोग करना: स्क्रीन के बीच स्लाइडिंग या स्वाइप करना फ़ोन या टैबलेट पर बहुत अच्छा काम कर सकता है, लेकिन टीवी पर केवल स्वाइप जेस्चर का प्रयास न करें जहाँ उपयोगकर्ता डी-पैड रिमोट पर निर्भर करते हैं.
टीवी के लिए उपयुक्त लेआउट डिजाइन करने के बारे में अधिक जानकारी के लिए, टीवी के लिए डिजाइनिंग देखें.
बड़े बिटमैप हैंडल करना
टीवी डिवाइसों में मेमोरी सीमित होती है. अगर आपके ऐप्लिकेशन के लेआउट में बहुत ज़्यादा रिज़ॉल्यूशन वाली इमेज का इस्तेमाल किया जाता है, तो मेमोरी की सीमाएं जल्दी खत्म हो सकती हैं. इससे मेमोरी से जुड़ी गड़बड़ियां हो सकती हैं. अपने ऐप्लिकेशन में बिटमैप फ़ेच करने, डिकोड करने, और दिखाने के लिए, इमेज लोड करने और डिकोड करने वाली असरदार लाइब्रेरी (जैसे, Coil या Glide) का इस्तेमाल करें.
बिटमैप के साथ काम करते समय, सबसे अच्छी परफ़ॉर्मेंस पाने के बारे में ज़्यादा जानने के लिए, Android ग्राफ़िक्स के सबसे सही तरीके देखें.
असरदार विज्ञापन दिखाना
हमारा सुझाव है कि लिविंग रूम में वीडियो विज्ञापन दिखाने के लिए, ऐसे वीडियो विज्ञापन समाधानों का इस्तेमाल करें जो फ़ुल-स्क्रीन में दिखते हों और जिन्हें 30 सेकंड के अंदर खारिज किया जा सकता हो. एंड्रॉइड टीवी पर विज्ञापन संबंधी कार्यक्षमता, जैसे कि डिसमिस बटन और क्लिक थ्रू, टच के बजाय डी-पैड का उपयोग करके सुलभ होनी चाहिए.
Android TV में वेब ब्राउज़र उपलब्ध नहीं होता. आपके विज्ञापनों को वेब ब्राउज़र लॉन्च करने या Google Play Store की ऐसी सामग्री पर रीडायरेक्ट करने का प्रयास नहीं करना चाहिए जो Android TV उपकरणों के लिए अनुमोदित नहीं है.