इस दस्तावेज़ में डिज़ाइन और जानकारी देने के कुछ सबसे सही तरीके बताए गए हैं. बेहतरीन उपयोगकर्ता अनुभव के लिए जब भी ज़रूरी हो, इन दिशा-निर्देशों का पालन करें.
पहले डिज़ाइन, कोड सेकंड
Glass पर बनाना शुरू करने से पहले डिज़ाइन सिद्धांतों और पैटर्न के बारे में जानें. ज़्यादा जानकारी के लिए, डिज़ाइन गाइड पढ़ें.
शुरुआती डिज़ाइन सुझाव पाने के लिए, अपना Glassware फ़्लो डिज़ाइन बनाएं और उसे समीक्षा टीम को सबमिट करें.
पिन किए गए टाइमलाइन आइटम को लॉन्चर के तौर पर इस्तेमाल न करें
उपयोगकर्ताओं के लिए Glassware और उसकी सुविधाओं को शुरू करने के दो मुख्य तरीके हैं, जैसे कि ok Glass मुख्य मेन्यू से आवाज़ या टच कमांड का इस्तेमाल करना या टाइमलाइन कार्ड के प्रासंगिक मेन्यू के ज़रिए.
आपको उपयोगकर्ताओं को Glassware लॉन्च करने के उद्देश्य से कभी भी मेन्यू आइटम के साथ टाइमलाइन कार्ड पिन करने के लिए बाध्य नहीं करना चाहिए. Mirror API को समय-समय पर मिलने वाली सूचनाओं के लिए उपयोगकर्ता की कॉन्फ़िगर की गई सेटिंग के हिसाब से बनाया जाता है.
GDK Glassware लॉन्च करने या मिरर एपीआई को कॉल करने के लिए मेन्यू आइटम उपलब्ध कराना तब तक ठीक है, जब तक अनुभव समय-समय पर मिलने वाली सूचनाओं के डिज़ाइन पैटर्न के मुताबिक हो. साथ ही, तुरंत इंटरैक्टिव बनाने के लिए, मिरर एपीआई का इस्तेमाल न करता हो.
उदाहरण के लिए, पालतू जानवरों को गोद लेने के लिए कोई टाइमलाइन कार्ड नहीं डालना चाहिए. साथ ही, उपयोगकर्ताओं को इसे बाद में सुविधाओं का ऐक्सेस देने के लिए पिन नहीं करना चाहिए (उदाहरण के लिए, "कुत्ते ढूंढें", "बिल्लियों की खोज करें"", "चिड़ियों को खोजें" वगैरह). इसके बजाय, Glasware को उपयोगकर्ताओं को उन पालतू जानवरों के लिए मानदंड सेट करने की अनुमति देनी चाहिए जो वे चाहते हैं. साथ ही, उन्हें समय-समय पर ऐसे कार्ड देने चाहिए जो इन शर्तों को पूरा करते हों. इन कार्ड में मेन्यू आइटम मौजूद होते हैं, ताकि "जानकारी पढ़ें" और "पालतू जानवरों को गोद लें" जैसी कार्रवाइयां की जा सकें.
मानक कार्ड डिज़ाइन और टेम्प्लेट का पालन करें
जब मुमकिन हो, तब स्वीकार किए गए कार्ड के डिज़ाइन और टेंप्लेट का इस्तेमाल करें. अगर टेंप्लेट काम नहीं करते हैं, तो:
- अगर आप मिरर एपीआई का इस्तेमाल कर रहे हैं, तो base_style.css में मौजूद स्टाइल का इस्तेमाल करें.
- पहले से मौजूद टेंप्लेट के तौर पर पैडिंग और स्पेस के लिए, सामान्य नियमों का पालन करें.
मीडिया से जुड़ी ज़रूरी शर्तों को पूरा करना
मीडिया डिलीवर करते समय, इन दिशा-निर्देशों का पालन करें:
- सभी सार्वजनिक वीडियो स्ट्रीम किए जाते हैं और टाइमलाइन आइटम के साथ अटैच नहीं होते.
- वीडियो का आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) 16:9 है.
- वीडियो का रिज़ॉल्यूशन 640 × 360 पिक्सल है.
- H.264 फ़ॉर्मैट
बंडल और पेजों को क्रम में लगाएं
बंडल और पेजों को क्रम में लगाने की सुविधा से, कार्ड एक साथ ग्रुप किए जा सकते हैं. हालांकि, इन स्थितियों में आपको इनका इस्तेमाल सही तरीके से करना चाहिए.
बंडल
- कार्ड के ऐसे ग्रुप के लिए बंडल का इस्तेमाल करें जो एक जैसे कार्ड पर मिलते-जुलते हों.
- बंडल में शामिल किए जाने वाले कवर कार्ड के डिज़ाइन, विज़ुअल तौर पर उन कार्ड से अलग होते हैं जिनमें बंडल शामिल होता है.
- हर बंडल के लिए, उपयोगकर्ता को सिर्फ़ एक बार सूचना दें.
ऐसे मामले जहां बंडल सही तरीके से काम करते हैं:
- ईमेल या छोटे मैसेज का थ्रेड
- एक ही व्यक्ति के बीच तीन मैसेज (एसएमएस)
- एक घंटे के अंदर ली गईं पांच फ़ोटो
- सभी मिलते-जुलते लेख एक साथ डाले गए
- किसी चल रहे खेल के लिए, खास इवेंट और स्कोर के अपडेट की सूची
ऐसे मामले जहां बंडल ठीक से काम नहीं करते:
- आपकी सेवा से सभी सामग्री
- कई हेडलाइन एक दिन के दौरान ग्लास को भेजी गईं
पेजों को क्रम में लगाना
उन टाइमलाइन आइटम के लिए पेज पर नंबर डालें जो जगह की कमी की वजह से किसी एक कार्ड में फ़िट नहीं होते, लेकिन उन्हें समान कार्ड पर होना चाहिए.
ऐसे मामले जिनमें पेजों को क्रम में लगाने की प्रोसेस अच्छी तरह से काम करती है:
- कोई एक ईमेल, समाचार या समान सामग्री जो एक कार्ड पर फ़िट नहीं हो रही है
ऐसे मामले जिनमें पेजों को क्रम में लगाने की प्रोसेस काम नहीं करती:
- अलग-अलग कार्ड का एक ग्रुप, जैसे कि खबरों से जुड़े कई ईमेल या ईमेल
मानक मेन्यू डिज़ाइन अपनाएं
कस्टम मेन्यू आइटम
- हर मेन्यू आइटम की कार्रवाई में 50 × 50 आइकॉन जुड़ा होना चाहिए. Glass के यूज़र इंटरफ़ेस (यूआई) के हिसाब से बने रहने के लिए, ग्लास मेन्यू आइकॉन का इस्तेमाल करें.
- अगर हो सके, तो कुछ नामों को ही डिसप्ले नाम दें. किसी ऑब्जेक्ट के साथ या उसके बिना असरदार क्रिया का इस्तेमाल करें.
- पहले से मौजूद मेन्यू आइटम के लिए डिफ़ॉल्ट आइकॉन और डिसप्ले नाम का इस्तेमाल करें. ऐसा तब तक करें, जब तक आप मेन्यू आइटम को किसी अलग चीज़ के लिए इस्तेमाल नहीं कर रहे हों.
- आइकॉन का रंग पूरी तरह सफ़ेद और पारदर्शी बैकग्राउंड पर होता है.
- मेन्यू आइटम के लिए, दिखने वाले छोटे और कार्रवाई किए जा सकने वाले नामों का इस्तेमाल करें. उदाहरण के तौर पर, ऑब्जेक्ट के साथ या उसके बिना, इंपेटिव क्रियाओं से बेहतर नतीजे मिलते हैं.
- "खारिज करें" मेन्यू आइटम, टाइमलाइन कार्ड को सिर्फ़ टाइमलाइन से ही हटाते हैं. इसलिए, इसके लिए एक कस्टम मेन्यू आइटम तभी बनाएं, जब आपको उसकी ज़रूरत हो. आम तौर पर, आपको समय-समय पर ऐसे आइटम के लिए अपने-आप नुकसान पहुंचाने की सुविधा देनी चाहिए जिनके लिए, उपयोगकर्ता आपके ऐप्लिकेशन को सक्रिय तौर पर मैनेज नहीं करते.
- नाम में 15 या इससे कम वर्ण रखें. उदाहरण के लिए:
| खराब | अच्छी |
|---|---|
| रिकॉर्डिंग की अवधि बढ़ाएं | वीडियो बढ़ाएं |
| जो को एक संदेश भेजें | मैसेज भेजें |
पहले से मौजूद मेन्यू आइटम
'सभी को जवाब दें' या 'सभी को जवाब दें' - बोलकर दिए जाने वाले जवाब की सुविधा का मकसद, बोलकर दिए गए फ़ॉर्म को बोलकर लिखना है. सीमित विकल्पों को कैप्चर करने के लिए, बोलकर जवाब देने की सुविधा का इस्तेमाल न करें, जैसे कि गेम में कहीं भी ले जाना.
मिटाना - टाइमलाइन कार्ड को खारिज करता है और उस कॉन्टेंट को मिटा देता है जो टाइमलाइन कार्ड से जुड़ा होता है और जहां भी यह सेव होता है (लोकल और सर्वर स्टोरेज). अगर मेन्यू में दी गई सुविधा "खारिज करें" है, तो उपयोगकर्ताओं को "मिटाएं" मेन्यू आइटम दिखाकर भ्रमित न करें.
तुरंत बातचीत करने के लिए, मिरर एपीआई का इस्तेमाल न करें
Mirror API को उपयोगकर्ताओं से अनुरोध पाने और रीयल-टाइम में जवाब देने या इंतज़ार के समय को कम करने के लिए डिज़ाइन नहीं किया गया है. अगर ऐसा करना ज़रूरी है, तो जीडीके का इस्तेमाल करें.
उदाहरण के लिए, Mirror API Glassware "नोट लें" निर्देश के साथ अच्छी तरह से काम करता है, क्योंकि उपयोगकर्ताओं को निर्देश शुरू करने के बाद Glassware के जवाब के लिए इंतज़ार नहीं करना पड़ता.
इसके उलट, "रेसिपी, स्पेगेटी ढूंढें" विकल्प को मिरर एपीआई ग्लासवेयर के साथ इस्तेमाल नहीं किया जा सकता. ऐसा इसलिए होता है, क्योंकि उपयोगकर्ता चाहते हैं कि खोज के नतीजे तुरंत दिखें. Mirror API की मदद से, उपयोगकर्ताओं को टाइमलाइन में कार्ड शामिल किए जाने का इंतज़ार करना होगा. इसके लिए, उन्हें Glassware का इस्तेमाल करना जारी रखना होगा. यह एक अच्छा उपयोगकर्ता अनुभव नहीं है.
यह कंस्ट्रेंट, ग्लास होम कार्ड पर दिए गए मुख्य बोले गए निर्देशों के साथ-साथ कार्ड और इमर्सन पर मेन्यू आइटम पर भी लागू होता है.
सही तरीके से कॉन्टेंट बनाना
अपने कार्ड के लिए कॉन्टेंट बनाते समय, हर कार्ड छोटा होना चाहिए और उसमें जानकारी का एक छोटा सा हिस्सा होना चाहिए. इसके अलावा:
- जब भी हो सके, टेक्स्ट के बजाय तस्वीरों का इस्तेमाल करें
- इमेज को उनके मूल आसपेक्ट रेशियो (चौड़ाई-ऊंचाई का अनुपात) में दिखाएं. इसके बाद, इमेज को काटें.
- कार्ड के फ़ुटर के बीच के हिस्से को खाली रखें. ok Glass प्रासंगिक वॉइस मेन्यू यहां दिखाई देता है और इसके नीचे की सभी सामग्री को ब्लॉक कर देता है.
- ज़रूरत पड़ने पर, अपने कॉन्टेंट के हिसाब से फ़ॉन्ट साइज़ को अपने-आप बदलने के लिए,
auto-resizeसीएसएस क्लास का इस्तेमाल करें. - हमारे लेखन दिशा-निर्देशों का पालन करें.
