ऐप्लिकेशन के डिज़ाइन से जुड़े सिद्धांत

Wear OS पर, ऐप्लिकेशन एक मुख्य प्लैटफ़ॉर्म है. ऐप्लिकेशन, कॉम्प्लीकेशन या टाइल से अलग होते हैं. कॉम्प्लीकेशन या टाइल, ऐप्लिकेशन के कॉन्टेंट को एक नज़र में दिखाने वाले टूल होते हैं. ऐप्लिकेशन ज़्यादा जानकारी दिखाते हैं और बेहतर इंटरैक्टिविटी की सुविधा देते हैं. उपयोगकर्ता अक्सर किसी अन्य प्लैटफ़ॉर्म से ऐप्लिकेशन में प्रवेश करता है. जैसे, सूचना, जटिल जानकारी, टाइल या वॉइस ऐक्शन.

सिद्धांत

ऐप्लिकेशन डिज़ाइन करते समय, इन बातों का ध्यान रखें:

  • फ़ोकस: ज़रूरी टास्क पर फ़ोकस करें, ताकि लोग कुछ ही सेकंड में काम कर पाएं.

  • कम और लीनियर: दो लेवल से ज़्यादा हैरारकी बनाने से बचें. जब भी हो सके, कॉन्टेंट और नेविगेशन को इनलाइन दिखाने की कोशिश करें.

  • स्क्रोल करना: ऐप्लिकेशन स्क्रोल किए जा सकते हैं. स्मार्टवॉच पर ज़्यादा कॉन्टेंट देखने के लिए, उपयोगकर्ताओं के लिए यह एक स्वाभाविक जेस्चर है.

दिशा-निर्देश

ऐप्लिकेशन डिज़ाइन करते समय इन दिशा-निर्देशों का पालन करें.

वर्टिकल लेआउट के लिए ऑप्टिमाइज़ करना

वर्टिकल लेआउट का इस्तेमाल करके, अपने ऐप्लिकेशन के डिज़ाइन को आसान बनाएं. इससे उपयोगकर्ता, कॉन्टेंट पर जाने के लिए एक ही दिशा में स्क्रोल कर सकते हैं.

इस ऐप्लिकेशन का लक्ष्य, उपयोगकर्ता को पॉइंट A से पॉइंट B तक ले जाना है.
वर्टिकल और हॉरिज़ॉन्टल, दोनों तरह के स्क्रोलिंग का इस्तेमाल न करें. इससे ऐप्लिकेशन का इस्तेमाल करने में मुश्किल हो सकती है. हालांकि, कुछ खास मामलों में ऐसा नहीं होता. जैसे, मीडिया चलाने के दौरान, वर्टिकल और हॉरिज़ॉन्टल, दोनों तरह के स्क्रोलिंग का इस्तेमाल किया जा सकता है.

समय दिखाना

उपयोगकर्ता, ऐप्लिकेशन में ज़्यादा समय बिताते हैं. इसलिए, समय का तुरंत ऐक्सेस देना ज़रूरी है.

समय को ऐप्लिकेशन में सबसे ऊपर दिखाएं, ताकि उपयोगकर्ता समय देख सके.
समय को डायलॉग, पुष्टि करने वाली स्क्रीन या पिकर में दिखाएं, क्योंकि उपयोगकर्ता उन स्क्रीन पर सिर्फ़ कुछ सेकंड बिता सकते हैं.

डिज़ाइन और इस्तेमाल के बारे में ज़्यादा जानकारी के लिए, समय का टेक्स्ट देखें.

ऐक्सेस किए जा सकने वाले इनलाइन एंट्री पॉइंट

पक्का करें कि सभी कार्रवाइयां इनलाइन में दिखें. इसके लिए, सुलभता के लिए साफ़ आइकॉन और लेबल का इस्तेमाल करें. इसमें सेटिंग और प्राथमिकताओं के एंट्री पॉइंट शामिल हैं.

जब भी हो सके, आइकॉन और लेबल, दोनों का इस्तेमाल करें.
उपयोगकर्ता को कोई कार्रवाई करने के लिए कहने के लिए, सिर्फ़ आइकॉन का इस्तेमाल करें.

प्राइमरी ऐक्शन को बेहतर बनाना

प्राइमरी ऐक्शन को ऐप्लिकेशन में सबसे ऊपर दिखाकर, उपयोगकर्ताओं को ऐप्लिकेशन में कार्रवाई करने में मदद करें. ऐप्लिकेशन में सबसे ऊपर, साफ़ तौर पर दिखने वाले प्राइमरी ऐक्शन दिखाएं.

उपयोगकर्ताओं को जानकारी देने के लिए लेबल का इस्तेमाल करना

लंबी अवधि तक चलने वाले ऐप्लिकेशन के लिए, कॉन्टेंट को स्क्रोल करते समय उपयोगकर्ता को लेबल की मदद से दिशा-निर्देश दें.

कॉन्टेंट को व्यवस्थित करने के लिए, सेक्शन ब्रेक, लेबल, और अन्य संकेतों का इस्तेमाल करें. इससे, अलग-अलग तरह के कॉन्टेंट वाले लंबे व्यू को स्क्रोल करते समय, उपयोगकर्ताओं को दिशा-निर्देश देने में मदद मिलती है.
ऐसे ऐप्लिकेशन के लिए लेबल जोड़ें जिनमें एक ही तरह का कॉन्टेंट शामिल है.

स्क्रॉलबार दिखाना

अगर पूरा व्यू स्क्रोल होता है, तो स्क्रोलबार दिखाएं, जैसा कि इस इमेज में दिखाया गया है. ज़्यादा जानकारी के लिए, जगह की जानकारी देने वाला इंडिकेटर देखें.

कॉन्टेंट कंटेनर

कॉन्टेंट कंटेनर के ये उदाहरण देखें.

बटन की लाइन के लेआउट का उदाहरण

पहली इमेज. तय ऊंचाई वाला कंटेनर.

बटन कॉलम लेआउट का उदाहरण

दूसरी इमेज. अलग-अलग ऊंचाई वाला कंटेनर.

बटन की लाइन के लेआउट का उदाहरण

तीसरी इमेज. व्यूपोर्ट से ज़्यादा ऊंचाई और चौड़ाई वाला कंटेनर.

बटन कॉलम लेआउट का उदाहरण

चौथी इमेज. पेज पर दिखाया गया कंटेनर.

बटन की लाइन के लेआउट का उदाहरण

पांचवीं इमेज. कॉन्टेंट पेज, जो स्क्रीन के पूरे डाइमेंशन को लेते हैं और जिन्हें वर्टिकल तौर पर पेज में बांटा जाता है.