Android डिवाइस कई तरह के होते हैं—फ़ोन, टैबलेट, फ़ोल्ड किए जा सकने वाले डिवाइस, ChromeOS डिवाइस. इनकी स्क्रीन के साइज़ भी अलग-अलग होते हैं. Android में कई डिसप्ले मोड काम करते हैं. जैसे, मल्टी-विंडो, मल्टी-डिसप्ले, फ़्री-फ़ॉर्म, और पिक्चर-इन-पिक्चर. फ़ोल्ड किए जा सकने वाले डिवाइसों को अलग-अलग तरह से इस्तेमाल किया जा सकता है. जैसे, टेबलटॉप या बुक.
ऐप्लिकेशन को डिज़ाइन करते समय, उसके इस्तेमाल के अलग-अलग उदाहरणों के बारे में सोचें. उदाहरण के लिए:
बड़ी स्क्रीन वाले डिवाइसों पर, उपयोगकर्ता आपके मीडिया ऐप्लिकेशन के कॉन्टेंट से अलग-अलग तरीकों से जुड़ सकते हैं.
मल्टी-विंडो कॉन्फ़िगरेशन में वीडियो देखते समय, उपयोगकर्ता एक साथ कई काम कर सकते हैं. इसके अलावा, इमेज कैप्चर करने के बाद, बड़ी स्क्रीन का इस्तेमाल करके ज़्यादा कॉम्प्लेक्स बदलाव किए जा सकते हैं.
उपयोगकर्ता, वीडियो कॉल के ज़रिए जुड़े रहने और अपने दोस्तों और परिवार के सदस्यों को ज़्यादा बारीकी से देखने के लिए, टैबलेट का इस्तेमाल कर सकते हैं. आपका ऐप्लिकेशन, कस्टम प्लेबैक ओवरले में किसी टाइटल या सीन के बारे में ज़्यादा जानकारी दिखा सकता है. इसके अलावा, स्क्रीन पर ज़्यादा कंट्रोल विकल्प दे सकता है.
ब्राउज़िंग व्यू में मौजूद कैरसेल में, ज़्यादा विज़ुअल अपील के लिए अलग-अलग तरह के कॉन्टेंट दिखाए जा सकते हैं. इसके अलावा, आपका मीडिया ऐप्लिकेशन उपयोगकर्ताओं को व्यस्त रखने के लिए, प्लेबैक के साथ-साथ ब्राउज़ करने लायक फ़ीड दिखा सकता है.
ध्यान रखें कि आपके मीडिया ऐप्लिकेशन में, स्टैंडर्ड फ़ोन, फ़ोल्ड किए जा सकने वाले फ़ोन, टैबलेट, और ChromeOS डिवाइसों पर एक ही कोड चलता है. इसलिए, आपको ऐप्लिकेशन डेवलपमेंट की शुरुआत से ही बड़ी स्क्रीन के लिए डिज़ाइन करना चाहिए. ज़्यादा जानकारी और विज़ुअल उदाहरणों के लिए, बड़ी स्क्रीन वाली गैलरी देखें.
अपने मीडिया ऐप्लिकेशन को डिफ़ॉल्ट रूप से रिस्पॉन्सिव बनाना
अपने मीडिया ऐप्लिकेशन में लोगों को बेहतर अनुभव दें. इसके लिए, अपने ऐप्लिकेशन के लेआउट को फ़ोन, टैबलेट, फ़ोल्ड किए जा सकने वाले डिवाइसों, और ChromeOS डिवाइसों के हिसाब से अडैप्टिव बनाएं.
आपका ऐप्लिकेशन रिस्पॉन्सिव होना चाहिए, ताकि वह अलग-अलग डिसप्ले साइज़, ओरिएंटेशन, और फ़ॉर्म फ़ैक्टर के हिसाब से काम कर सके. अडैप्टिव लेआउट, डिसप्ले के लिए उपलब्ध जगह के हिसाब से बदलता है. ज़्यादा जानकारी के लिए, अलग-अलग डिसप्ले साइज़ के लिए सहायता लेख पढ़ें.
दिशा-निर्देशों के मुताबिक डिज़ाइन करना
ऐप्लिकेशन की क्वालिटी, सभी Android ऐप्लिकेशन के लिए बुनियादी सिद्धांत है. भले ही, डिवाइस का डिसप्ले साइज़, डिवाइस का पोस्चर या डिवाइस से जुड़ी अन्य बातों पर ध्यान दिया गया हो. बड़ी स्क्रीन के लिए डिज़ाइनिंग शुरू करने से पहले, आपके ऐप्लिकेशन को इन बुनियादी शर्तों को पूरा करना चाहिए. ज़्यादा जानकारी के लिए, ऐप्लिकेशन की क्वालिटी से जुड़ी ज़रूरी शर्तें लेख पढ़ें.
आपके ऐप्लिकेशन से लोगों को बेहतरीन अनुभव मिलना चाहिए. भले ही, डिवाइस का फ़ॉर्म फ़ैक्टर, स्क्रीन का साइज़, डिसप्ले मोड या पोस्चर कुछ भी हो. इसलिए, अपने ऐप्लिकेशन को टियर 1, 2, और 3 के इन दिशा-निर्देशों के मुताबिक डिज़ाइन करें.
इन दिशा-निर्देशों में, ज़्यादातर तरह के Android ऐप्लिकेशन के लिए क्वालिटी से जुड़ी ज़रूरी शर्तों का पूरा सेट बताया गया है.
तीसरा टियर:
इस बुनियादी लेवल पर भी, आपके ऐप्लिकेशन को यूज़र इंटरफ़ेस (यूआई) और ग्राफ़िक से जुड़ी ज़रूरी शर्तों का पालन करना होगा. आपका ऐप्लिकेशन बड़ी स्क्रीन पर इस्तेमाल किया जा सकता है. साथ ही, उपयोगकर्ता ज़रूरी टास्क पूरे कर सकते हैं. हालांकि, उन्हें बेहतर अनुभव नहीं मिलता.
ऐसा हो सकता है कि ऐप्लिकेशन का लेआउट सही न हो. हालांकि, यह मल्टी-विंडो मोड में फ़ुल स्क्रीन या पूरी विंडो पर चलता है. यह लेटरबॉक्स नहीं है और कंपैटिबिलिटी मोड में नहीं चलता है. यह ऐप्लिकेशन, कीबोर्ड, माउस, और ट्रैकपैड जैसे बाहरी इनपुट डिवाइसों के साथ काम करता है. ज़्यादा जानकारी के लिए, बड़ी स्क्रीन के लिए तैयार लेख पढ़ें.
टियर 2:
यहां, आपका ऐप्लिकेशन सभी स्क्रीन साइज़ और डिवाइस कॉन्फ़िगरेशन के लिए लेआउट ऑप्टिमाइज़ेशन लागू करता है. साथ ही, बाहरी इनपुट डिवाइसों के लिए बेहतर सहायता उपलब्ध कराता है. ज़्यादा जानकारी के लिए, बड़ी स्क्रीन के लिए ऑप्टिमाइज़ किया गया लेख पढ़ें.
टियर 1:
यह सबसे बेहतरीन लेवल की सहायता है. इससे उपयोगकर्ता को आपके ऐप्लिकेशन का सबसे अच्छा अनुभव मिलता है, क्योंकि इसमें प्रीमियम सुविधाओं और क्षमताओं के बारे में बताया जाता है.
जहां ज़रूरी हो वहां ऐप्लिकेशन में मल्टीटास्किंग, फ़ोल्ड करने की सुविधा, खींचें और छोड़ें, और स्टाइलस से इनपुट देने की सुविधा काम करती है. इस लेवल पर, ऐप्लिकेशन में काफ़ी अंतर होता है. इसलिए, मल्टी-टास्किंग और फ़ोल्ड करने की स्थितियों जैसी चीज़ों के लिए, दिशा-निर्देशों पर ध्यान दें. ज़्यादा जानने के लिए, बड़ी स्क्रीन के लिए अलग-अलग लेआउट लेख पढ़ें.
ऑप्टिमाइज़ किए गए लेआउट
ओरिएंटेशन बदलने की सुविधा के साथ, बड़ी स्क्रीन पर मौजूद ज़्यादा जगह का फ़ायदा पाएं. इससे, स्क्रीन पर लेटरबॉक्सिंग (ओरिएंटेशन बदलने की वजह से) या स्ट्रेचिंग नहीं होती. मीडिया और सोशल मीडिया के लिए, अपने ऐप्लिकेशन के लेआउट को ऑप्टिमाइज़ करके, ऐप्लिकेशन की पहुंच बढ़ाई जा सकती है. साथ ही, बड़ी स्क्रीन वाले सभी डिवाइसों (जैसे कि टैबलेट, फ़ोल्ड किए जा सकने वाले डिवाइस, और ChromeOS डिवाइस) पर, लोगों को बेहतर अनुभव दिया जा सकता है. इसके अलावा, सभी साइज़ के फ़ोन पर ऐप्लिकेशन का इस्तेमाल किया जा सकता है.
नेविगेशन रेल और ड्रॉअर कॉम्पोनेंट, यूज़र इंटरफ़ेस (यूआई) को आसानी से इस्तेमाल करने और कंट्रोल करने के लिए, नेविगेशन की सुविधा देते हैं. ये कॉम्पोनेंट, कैननिकल लेआउट (सूची-ज़्यादा जानकारी, फ़ीड, और साथ में दिखने वाला पैनल) के साथ भी काम करते हैं. ये स्क्रीन पर कम जगह घेरते हुए, प्राइमरी नेविगेशन डेस्टिनेशन को आसानी से ऐक्सेस करने की सुविधा देते हैं.
मीडिया लेआउट
सूची-जानकारी, फ़ीड, और साथ में दिखने वाले पैनल के लिए, मीडिया के हिसाब से लेआउट लागू करके, अपने ऐप्लिकेशन को ज़्यादा इस्तेमाल के लायक बनाएं. MDX, Flutter, और Compose लेआउट के बारे में जानकारी के लिए, लेआउट संसाधन देखें.
सूची-जानकारी: अपने ऐप्लिकेशन को इंटरैक्टिव मीडिया ब्राउज़र के साथ डिज़ाइन करने से, उपयोगकर्ता वीडियो देखने या संगीत सुनने के दौरान अलग-अलग मीडिया ब्राउज़ कर सकते हैं. मीडिया के टाइटल, वीडियो या ऑडियो फ़ाइल के साथ-साथ दिखाए जाते हैं. डिवाइस का ओरिएंटेशन बदलने पर, सूची-जानकारी वाला लेआउट, ऐप्लिकेशन की स्थिति को बनाए रखने के लिए रिस्पॉन्स देता है. ज़्यादा जानने के लिए, सूची-जानकारी वाले लेआउट देखें.
फ़ीड: फ़ीड लेआउट, कॉन्फ़िगर की जा सकने वाली ग्रिड में एक जैसे कॉन्टेंट एलिमेंट व्यवस्थित करता है. इससे ज़्यादा कॉन्टेंट को आसानी से और जल्दी देखा जा सकता है. जैसे, आपके ऐप्लिकेशन में संगीत का फ़ीड या फ़िल्म और टीवी कीऑस्क. ज़्यादा जानकारी के लिए, फ़ीड लेआउट देखें.
सपोर्टिंग पैन: प्राइमरी और सेकंडरी डिसप्ले एरिया के साथ, आपका ऐप्लिकेशन कॉन्टेक्स्ट, काम के कॉन्टेंट या रेफ़रंस के लिए सपोर्टिंग पैन एम्बेड कर सकता है. जैसे, मिलते-जुलते टाइटल की स्क्रोल करने वाली सूची, पब्लिश की गई समीक्षाएं या एक ही कलाकार या अभिनेता के अन्य काम. ज़्यादा जानकारी के लिए, पैन लेआउट के साथ काम करने वाली सुविधाएं लेख पढ़ें.
मीडिया लेआउट के चुने गए कलेक्शन के लिए, मीडिया गैलरी देखें.
सोशल मीडिया लेआउट
बड़ी स्क्रीन पर सोशल मीडिया का इस्तेमाल करने वाले लोगों को ज़्यादा वर्कस्पेस मिलता है. इससे वे कॉन्टेंट बना पाते हैं, एक साथ कई काम कर पाते हैं, ऐप्लिकेशन के बीच कॉन्टेंट को खींचकर छोड़ पाते हैं, और उसे शेयर कर पाते हैं. बड़ी स्क्रीन वाले डिवाइसों पर, छोटी स्क्रीन वाले डिवाइसों के मुकाबले ज़्यादा सुविधाएं और क्षमताएं मिलती हैं. इसलिए, बड़ी स्क्रीन वाले मीडिया ऐप्लिकेशन में लिस्ट-डिटेल, फ़ीड, और सपोर्टिंग पैन लेआउट का फ़ायदा लिया जा सकता है.
सूची-जानकारी: यह मैसेजिंग ऐप्लिकेशन, संपर्क मैनेजर या फ़ाइल ब्राउज़र के लिए सबसे सही है. उदाहरण के लिए, आपका ऐप्लिकेशन बातचीत की सूची को जानकारी के साथ-साथ दिखा सकता है, ताकि आपको नए मैसेज के बारे में अप-टू-डेट जानकारी मिलती रहे. ज़्यादा जानकारी के लिए, सूची-जानकारी वाले लेआउट देखें.
फ़ीड: इस तरह के लेआउट में, कार्ड और सूचियां आम तौर पर इस्तेमाल होने वाले कॉम्पोनेंट हैं. उदाहरण के लिए, पोस्ट का कोलाज बनाने के लिए, फ़्लेक्सिबल ग्रिड फ़ॉर्मैट का इस्तेमाल करें या ध्यान खींचने वाली पोस्ट को हाइलाइट करने के लिए, साइज़ और पोज़िशन का इस्तेमाल करें. उपयोगकर्ता, कॉन्टेंट के बड़े ग्रुप को तुरंत देख सकते हैं. ज़्यादा जानकारी के लिए, फ़ीड लेआउट देखें.
सपोर्टिंग पैन: सर्च और रेफ़रंस ऐप्लिकेशन या काम करने की रफ़्तार बढ़ाने में मदद करने वाले ऐप्लिकेशन को इस तरह के लेआउट से फ़ायदा मिल सकता है. इससे उपयोगकर्ता को कॉन्टेंट बनाने के टूल आसानी से मिल जाते हैं. उदाहरण के लिए, आपका ऐप्लिकेशन लोगों को सेटिंग में बदलाव करने, कलर पैलेट ऐक्सेस करने, इफ़ेक्ट लागू करने, और बदलावों को तुरंत देखने की सुविधा दे सकता है. ज़्यादा जानकारी के लिए, पैन लेआउट के बारे में जानकारी लेख पढ़ें.
सोशल मीडिया लेआउट के चुनिंदा कलेक्शन के लिए, सोशल मीडिया गैलरी पेज देखें.
बड़ी स्क्रीन वाले मीडिया ऐप्लिकेशन के लिए सबसे सही तरीके
बड़ी स्क्रीन के लिए सबसे सही तरीकों का इस्तेमाल करने से, आपको अपने ऐप्लिकेशन पर बार-बार काम नहीं करना पड़ता. इससे आपका ऐप्लिकेशन, शुरुआत से ही ज़्यादा डिवाइसों पर इस्तेमाल करने में आसान हो जाता है. खास तौर पर, ओरिएंटेशन, कीबोर्ड शॉर्टकट, कैमरा प्रीव्यू सपोर्ट, और फ़ोल्ड किए जा सकने वाले डिवाइसों के लिए.
ओरिएंटेशन और साइज़ बदलना
अगर आपका मीडिया ऐप्लिकेशन, ओरिएंटेशन और साइज़ बदलने से जुड़ी पाबंदियों के बारे में बताता है, तो Android, कंपैटिबिलिटी मोड चालू कर देता है. हालांकि, कंपैटिबिलिटी मोड यह पक्का करता है कि आपका ऐप्लिकेशन ठीक से काम करे, लेकिन इससे ऐप्लिकेशन का इस्तेमाल करना मुश्किल हो जाता है और उपयोगकर्ता अनुभव खराब हो जाता है.
उदाहरण के लिए, अगर आपका ऐप्लिकेशन किसी टैबलेट पर है, तो टैबलेट लैंडस्केप ओरिएंटेशन में डॉक हो जाता है. अगर आपका ऐप्लिकेशन सिर्फ़ पोर्ट्रेट मोड में काम करता है, तो इससे लेटरबॉक्सिंग की समस्या होती है. यह असली उपयोगकर्ता के लिए सही नहीं है. आपके ऐप्लिकेशन में लोगों को अपनी पसंद के ओरिएंटेशन का इस्तेमाल करने की सुविधा मिलनी चाहिए. इसलिए, अपने डिज़ाइन में बड़ी स्क्रीन के उपलब्ध साइज़ का फ़ायदा लें.
ओरिएंटेशन से जुड़ी पाबंदियों की वजह से, लोग कॉन्टेंट के साथ इंटरैक्ट नहीं कर पाते या मीडिया का इस्तेमाल नहीं कर पाते. इससे आपके ऐप्लिकेशन का इस्तेमाल सीमित हो जाता है. ओरिएंटेशन बदलने से, साइज़ पर कुछ हद तक असर पड़ सकता है. हालांकि, साइज़ बदलने से ओरिएंटेशन में बदलाव होना ज़रूरी नहीं है.
कीबोर्ड शॉर्टकट
बड़ी स्क्रीन पर, फ़िज़िकल कीबोर्ड के शॉर्टकट इस्तेमाल किए जाने की संभावना ज़्यादा होती है. जैसे, शुरू करना, रोकना, कुछ देर के लिए रोकना, रिवाइंड करना, और आगे बढ़ाना. इससे उपयोगकर्ता को कीबोर्ड का इस्तेमाल करने का एक जैसा अनुभव मिलता है.
उपयोगकर्ताओं को अपने मीडिया ऐप्लिकेशन में इन फ़ंक्शन की ज़रूरत होती है. उपयोगकर्ताओं के लिए, ऐप्लिकेशन इस्तेमाल करने में आने वाली मुश्किलों को कम करने के लिए, फ़िज़िकल कीबोर्ड की मदद से अपने ऐप्लिकेशन की जांच करें. इससे आपको डिज़ाइन की शुरुआत में ही इन अहम शॉर्टकट को अपने ऐप्लिकेशन में शामिल करने में मदद मिलती है.
कैमरे की झलक दिखाने की सुविधा
बड़ी स्क्रीन पर, स्ट्रेचिंग, क्रॉपिंग, और रोटेशन से जुड़ी ज़्यादा समस्याएं हो सकती हैं. इसलिए, यह नहीं माना जा सकता कि कैमरा प्रीव्यू का साइज़ वही है जो आपके मीडिया ऐप्लिकेशन में यूज़र इंटरफ़ेस (यूआई) रेंडर करता है.
उदाहरण के लिए, अगर कोई व्यक्ति अपने टैबलेट से कोई फ़ोटो लेता है, लेकिन टैबलेट की स्क्रीन पर वह फ़ोटो उल्टी दिखती है, तो यह एक खराब अनुभव है. बड़ी स्क्रीन के लिए, कैमरा प्रीव्यू की सुविधा शामिल करें.
ज़्यादा जानकारी के लिए, CameraX की झलक या Camera2 की झलक देखें.
फ़ोल्ड किए जा सकने वाले डिवाइसों के लिए पोस्चर
बड़ी स्क्रीन के लिए मीडिया ऐप्लिकेशन डिज़ाइन करने में, फ़ोल्ड किए जा सकने वाले डिवाइसों की अलग-अलग स्थितियां शामिल होती हैं. उदाहरण के लिए, आपका ऐप्लिकेशन किसी उपयोगकर्ता को मीडिया चलाने के लिए, टेबलटॉप कॉन्फ़िगरेशन की सुविधा दे सकता है. इसके अलावा, झलक देखने और फ़ोटो/वीडियो कैप्चर करने के लिए, रियर डिसप्ले और ड्यूअल स्क्रीन मोड का इस्तेमाल करने की सुविधा दे सकता है.
डेवलपमेंट प्लान में फ़ोल्ड किए जा सकने वाले डिवाइसों के लिए बनाए गए ऐप्लिकेशन को शामिल करने से, आपका ऐप्लिकेशन ज़्यादा डिवाइसों पर उपलब्ध होता है और इसका असर ज़्यादा लोगों पर पड़ता है. फ़ोल्ड किए जा सकने वाले डिवाइसों के लिए, मीडिया का अनुभव बेहतर बनाया जा सकता है. ऐसा अन्य डिवाइसों में नहीं किया जा सकता. ज़्यादा जानकारी के लिए, फ़ोल्ड किए जा सकने वाले डिवाइसों के लिए उपलब्ध पोस्चर देखें.