Android डिवाइस इस्तेमाल करने वाले लोग अलग-अलग तरह के मीडिया का इस्तेमाल करते हैं. इनमें ऑडियो बुक, संगीत, पॉडकास्ट, और रेडियो शामिल हैं. ऐसे ऐप्लिकेशन डिज़ाइन करना ज़रूरी है जिनकी मदद से लोग, स्मार्टवॉच पर मीडिया कॉन्टेंट को आसानी से ऐक्सेस कर सकें. स्मार्टवॉच एक यूनीक प्लैटफ़ॉर्म है, जिस पर आसानी और तेज़ी से इंटरैक्शन करना ज़्यादा प्राथमिकता है. इसकी वजह यह है कि लोग फ़ोन या टैबलेट के मुकाबले, स्मार्टवॉच पर कम समय बिताते हैं.
ज़्यादा जानकारी के लिए, GitHub पर मीडिया टूलकिट देखें.
मीडिया ऐप्लिकेशन का आर्किटेक्चर
Wear OS के डिज़ाइन से जुड़ी ज़रूरी शर्तों को पूरा करने वाले मीडिया ऐप्लिकेशन बनाएं. मीडिया ऐप्लिकेशन में अक्सर ब्राउज़ करें और इकाई पेज शामिल होते हैं.
ब्राउज़ करें
यह लोगों को मीडिया खोजने के लिए इस्तेमाल करता है. डाउनलोड किए गए आइटम को प्राथमिकता दें, ताकि उपयोगकर्ता तुरंत वीडियो चलाना शुरू या फिर से शुरू कर सकें.
इकाई
इससे उपयोगकर्ताओं को किसी खास मीडिया आइटम के बारे में ज़्यादा जानकारी मिलती है. अहम कॉन्टेक्स्ट और मुख्य कार्रवाइयां आसानी से उपलब्ध होनी चाहिए. जैसे, डाउनलोड करना, चलाना या शफ़ल करना.
अपने ऐप्लिकेशन की हैरारकी को कम करें और उपयोगकर्ता को मीडिया दिखाएं. उपयोगकर्ताओं को जानकारी देने वाले एक ऐसे आर्किटेक्चर के साथ डिज़ाइन करें जिससे उपयोगकर्ता, सूचियों को तुरंत ऐक्सेस कर सकें और उपयोगकर्ताओं को थंबनेल दिखा सकें. Wear OS के लिए, कस्टम डिज़ाइन कॉम्पोनेंट का इस्तेमाल करें. ज़्यादा जानकारी के लिए, चिप और कार्ड के डिज़ाइन से जुड़े सुझाव देखें.
मीडिया कंट्रोल स्क्रीन
मीडिया ऐप्लिकेशन में मीडिया कंट्रोल वाली स्क्रीन भी होनी चाहिए. पांच बटन वाले लेआउट का इस्तेमाल करके मीडिया कंट्रोल बनाएं. इससे यह पक्का होता है कि टैप किए जाने वाले कम से कम टारगेट पूरे हों. संगीत ऐप्लिकेशन और पॉडकास्ट ऐप्लिकेशन के लिए, मीडिया कंट्रोल के उदाहरण यहां दिए गए हैं:
कॉन्टेंट के टाइप के आधार पर, दिखाए जाने वाले मीडिया कंट्रोल अपनाए. अगर आपको पांच से ज़्यादा कार्रवाइयां शामिल करनी हैं, तो उपयोगकर्ताओं को दूसरे पेज पर ले जाने के लिए, तीन बिंदु वाले ओवरफ़्लो आइकॉन का इस्तेमाल करें. आप अपने ऐप्लिकेशन के लिए पसंद के मुताबिक आइकॉन और फ़ॉन्ट इस्तेमाल कर सकते हैं.
वॉल्यूम कंट्रोल करना
आवाज़ कंट्रोल, स्मार्टवॉच इस्तेमाल करने वाले लोगों के लिए सबसे अहम मीडिया कंट्रोल में से एक है. वॉल्यूम कंट्रोल वाली स्क्रीन पर जाने के लिए, मीडिया कंट्रोल में वॉल्यूम बटन शामिल होना चाहिए.
ज़्यादातर Wear OS डिवाइसों में स्क्रीन के चारों ओर घूमने वाला साइड बटन (आरएसबी) या स्क्रीन के चारों ओर का पैनल होता है. आवाज़ कम या ज़्यादा करने के लिए, कुछ Wear OS डिवाइसों में हार्डवेयर के अतिरिक्त बटन भी होते हैं. आवाज़ को कंट्रोल करने के लिए, आरएसबी, स्क्रीन के चारों ओर वाले बटन या दूसरे बटन का इस्तेमाल करें. इंंडिकेटर सिर्फ़ तब दिखाएं, जब आरएसबी या बेज़ल को घुमाया गया हो, जैसा कि उदाहरण में दिखाया गया है.
इस्तेमाल के सामान्य उदाहरण
मीडिया ऐप्लिकेशन डिज़ाइन करते समय, पक्का करें कि आपने इन ज़रूरी कामों को प्राथमिकता दी हो:
- डाउनलोड किया गया मीडिया सुनें
- स्मार्टवॉच से संगीत स्ट्रीम करें
डाउनलोड किया गया मीडिया सुनें
उपयोगकर्ताओं के पास इकाई के किसी पेज से, मीडिया आइटम को मैन्युअल तरीके से डाउनलोड करने की सुविधा होनी चाहिए.
नीचे दिए गए उदाहरण में बताए गए तरीके से, उपयोगकर्ताओं को बताएं कि वे वीडियो कहां से डाउनलोड कर रहे हैं, डाउनलोड होने में कितना समय लग रहा है, और डाउनलोड होने में कितना समय लग रहा है:
जब उपयोगकर्ता मीडिया ब्राउज़ करता है, तो हाल ही में डाउनलोड किया गया मीडिया दिखाएं:
अगर वीडियो पहले ही डाउनलोड किया जा चुका है, तो उसे घड़ी से हटाने की कार्रवाई करके साफ़ तौर पर बताएं. ऐसे मामले में, आपको यह भी दिखाना होगा कि डाउनलोड किया गया डेटा, स्मार्टवॉच पर कितना स्पेस ले रहा है, जैसा कि इस इमेज में दिखाया गया है:
अगर सोर्स डिवाइस स्मार्टवॉच का इस्तेमाल किया जा रहा है, तो संगीत सुनने से पहले उपयोगकर्ताओं को हेडसेट कनेक्ट करने के लिए कहें. हेडसेट कनेक्ट होने के बाद, मीडिया चलाएं और मीडिया कंट्रोल खोलें.
स्मार्टवॉच से संगीत स्ट्रीम करना
स्मार्टवॉच से मीडिया स्ट्रीम करने से, Wear OS डिवाइस की बैटरी पर काफ़ी असर पड़ता है. जब उपयोगकर्ता अपने Wear OS डिवाइस पर गाने सुनना चाहें, तब डाउनलोड किए गए कॉन्टेंट को प्राथमिकता दें. इसके लिए, उन्हें हाल ही में इस्तेमाल किए गए डाउनलोड की जानकारी को ब्राउज़ सूची में शामिल करना होगा. ऐसा बटन जोड़ें जो उन्हें डाउनलोड की पूरी सूची पर ले जाए, जैसा कि नीचे दी गई इमेज में दिखाया गया है:
ज़्यादा जानकारी के लिए, GitHub पर मीडिया टूलकिट देखें.
अडैप्टिव लेआउट
मीडिया ऐप्लिकेशन के लिए बड़ी स्क्रीन पर काम करने का तरीका, पूरी तरह से मीडिया प्लेयर के अनुभव को ध्यान में रखकर बनाया गया है. बाकी सभी एलिमेंट को चिप, बटन, डायलॉग, और लिस्ट पेजों में कैप्चर किया जाता है, जो बड़ी स्क्रीन के हिसाब से ऐप्लिकेशन के सही व्यवहार के बारे में बताते हैं.
बटन कॉन्फ़िगरेशन
टच टारगेट के साइज़ के सिद्धांतों का पालन करने के लिए, Wear OS डिवाइसों पर 225 डीपी से कम साइज़ वाला दो बटन वाला लेआउट दिखाएं. साथ ही, बड़ी स्क्रीन वाले डिवाइसों पर तीन बटन वाला लेआउट दिखाएं. नीचे दी गई इमेज में और उदाहरण दिए गए हैं. जैसे, एक बटन वाला लेआउट और लोगो वाला दो बटन वाला लेआउट:
रिस्पॉन्सिव कंट्रोल बटन
मुख्य कंट्रोल (चलाएं/रोकें) फ़ंक्शन, Wear OS वाले 225 डीपी से बड़े डिवाइसों पर 60 डीपी से 80 डीपी तक होता है. इस वजह से, बीच वाला सेक्शन 80 डीपी ज़्यादा हो जाता है. इस वजह से, इसमें मौजूद सभी कंट्रोल के लिए टैप टारगेट बढ़ जाते हैं. यह रिस्पॉन्सिव व्यवहार में बनाया गया है जिसे आप मीडिया प्लेयर टेंप्लेट से इनहेरिट करेंगे.
अलग-अलग साइज़ की स्क्रीन पर स्केलिंग की सुविधा:
< 225 डीपी: 60 डीपी x 60 डीपी
> 225 डीपी: 80 डीपी x 80 डीपी
मार्की का व्यवहार
हेडर में, 9.38% के यूनिवर्सल मार्जिन का इस्तेमाल करें. साथ ही, गाने के टाइटल के लिए 4.16% अतिरिक्त मार्जिन का इस्तेमाल करें. स्क्रोल करने वाले टाइटल के लिए आठ डीपी ग्रेडिएंट का इस्तेमाल करें. साथ ही, आइकॉन मौजूद होने पर 8 डीपी का और अंतर इस्तेमाल करें. आइकॉन के नीचे, ऐसे मार्की स्क्रोलिंग ट्रांज़िशन शामिल करें जिनकी पोज़िशन तय न हो.
हेडर ऐटम मार्जिन
9.38%
गाने के टाइटल का अंदरूनी मार्जिन
4.16%
ग्रेडिएंट
8 डीपी ब्लीड
आइकॉन गैप
8 डीपी
टारगेट पर टैप करें
बड़ी स्क्रीन वाले Wear OS डिवाइसों के बीच में और फ़ुटर सेक्शन में मौजूद आइकॉन, टैप टारगेट का साइज़ बढ़ाने के लिए ज़्यादा जगह का फ़ायदा लेते हैं. इसका मतलब है कि एक तय कंट्रोल ऐटम के अलावा, "उपलब्ध जगह भरें" प्रॉपर्टी, आइकॉन कंटेनर पर लागू की जाती हैं:
Wear OS वाली छोटी स्क्रीन
< 225 डीपी
बड़ी Wear OS स्क्रीन
> 225 डीपी