Google Workspace ऐड-ऑन का स्टाइल और लेआउट, उस होस्ट ऐप्लिकेशन के स्टाइल और लेआउट के मुताबिक होना चाहिए जिसके लिए उन्हें बनाया गया है. उन्हें यूज़र इंटरफ़ेस (यूआई) को स्वाभाविक तरीके से बढ़ाना चाहिए. इसके लिए, जाने-पहचाने कंट्रोल और व्यवहारों का इस्तेमाल करना चाहिए. यहां दिए गए दिशा-निर्देशों में, टेक्स्ट, इमेज, कंट्रोल, और ब्रैंडिंग को मैनेज करने के तरीके बताए गए हैं. इनसे उपयोगकर्ताओं को अच्छी क्वालिटी का अनुभव मिलता है.
अगर आपका ऐड-ऑन अलग-अलग वेब पेज खोलता है, जो ऐड-ऑन के काम करने के लिए ज़रूरी हैं (जैसे, ऐड-ऑन के लिए सेटिंग पेज), तो पक्का करें कि वे वेब पेज भी स्टाइल से जुड़े इन दिशा-निर्देशों का पालन करते हों.
टेक्स्ट और इमेज
इस सेक्शन में बताया गया है कि अपने ऐड-ऑन में टेक्स्ट और इमेज का सही तरीके से इस्तेमाल कैसे करें.
ऐड-ऑन का नाम
आपको अपने ऐड-ऑन का नाम, उसके प्रोजेक्ट के मेनिफ़ेस्ट में सेट करना होगा. साथ ही, ऐड-ऑन को पब्लिश करने के लिए कॉन्फ़िगर करते समय भी ऐसा करना होगा. यह नाम कई जगहों पर दिखता है. जैसे, Google Workspace Marketplace की लिस्टिंग और मेन्यू में. नाम चुनते समय:
- टाइटल केस का इस्तेमाल करें.
- विराम चिह्न का इस्तेमाल न करें. खास तौर पर, कोष्ठक का इस्तेमाल तब तक न करें, जब तक कि वे आपके ब्रैंड का हिस्सा न हों.
- इसे छोटा रखें—15 या इससे कम वर्णों का इस्तेमाल करना सबसे अच्छा है. Google Workspace Marketplace की लिस्टिंग और अन्य जगहों पर, लंबे नामों को अपने-आप छोटा किया जा सकता है.
- अपने ऐड-ऑन के नाम में, "Google", "Gmail" या Google के अन्य प्रॉडक्ट के नाम शामिल न करें.
- ऐड-ऑन के नाम में "ऐड-ऑन" शब्द शामिल न करें.
- वर्शन की जानकारी शामिल न करें.
लिखने की स्टाइल
आपको ज़्यादा लिखने की ज़रूरत नहीं पड़ेगी. ज़्यादातर कार्रवाइयों के बारे में आइकॉन, लेआउट, और छोटे लेबल से साफ़ तौर पर पता चलना चाहिए. अगर आपको लगता है कि आपके ऐड-ऑन के किसी हिस्से के बारे में, छोटे लेबल से ज़्यादा जानकारी देने की ज़रूरत है, तो हमारा सुझाव है कि आप अपने ऐड-ऑन के बारे में बताने वाला एक अलग वेब पेज बनाएं और उसे लिंक करें.
यूज़र इंटरफ़ेस (यूआई) पर दिखने वाला टेक्स्ट लिखते समय:
- वाक्य के पहले अक्षर को कैपिटल लेटर में लिखें. खास तौर पर, बटन, लेबल, और कार्ड ऐक्शन के लिए ऐसा करें.
- ऐसे छोटे और आसान टेक्स्ट को प्राथमिकता दें जिसमें तकनीकी शब्द या संक्षिप्त नाम न हों.
यूनिवर्सल और कार्ड ऐक्शन
अगर आपने अपने ऐड-ऑन में यूनिवर्सल ऐक्शन या कार्ड ऐक्शन का इस्तेमाल किया है, तो वे आपके तय किए गए कार्ड में मेन्यू आइटम के तौर पर दिखते हैं. इन कार्रवाइयों के लिए, इन मेन्यू में इस्तेमाल किया जाने वाला टेक्स्ट चुना जा सकता है. इस्तेमाल करने के लिए टेक्स्ट चुनते समय:
- मेन्यू में ऐसा टेक्स्ट न डालें जिसमें सिर्फ़ ऐड-ऑन का नाम दोहराया गया हो.
- हर मेन्यू आइटम की शुरुआत, किसी ऐक्शन वाले शब्द से करें. जैसे, "चलाएं", "कॉन्फ़िगर करें" या "बनाएं".
- उस टास्क के बारे में बताएं जिसे कार्रवाई दिखाती है, न कि यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट के बारे में.
- अगर आपकी कार्रवाई से कोई वर्कफ़्लो शुरू होता है और उसे बताने के लिए कोई एक क्रिया नहीं है, तो उसे "शुरू करें" नाम दें.
- मेन्यू आइटम की संख्या कम रखें, ताकि उपयोगकर्ता को लंबी सूची में स्क्रोल न करना पड़े. अगर आपको और कार्रवाइयां लागू करनी हैं, तो हर कार्ड पर अलग-अलग कार्रवाइयों वाले कई कार्ड इस्तेमाल करें.
गड़बड़ी के मैसेज
जब कोई गड़बड़ी होती है, तो साफ़ तौर पर जानकारी देना ज़रूरी होता है. उपयोगकर्ता की नज़र से समस्या के बारे में बताओ और उसे ठीक करने का तरीका सुझाओ.
- उपयोगकर्ता को, आपके कोड से जनरेट होने वाली कोई भी गड़बड़ी न दिखने दें. इसके बजाय, अपवादों को रोकने के लिए
try...catchस्टेटमेंट का इस्तेमाल करें. इसके बाद, उपयोगकर्ता के लिए आसान गड़बड़ी का मैसेज दिखाएं. - पब्लिश करने से पहले, यह देख लें कि आपके ऐड-ऑन के यूज़र इंटरफ़ेस (यूआई) में डीबग करने से जुड़ी जानकारी न दिख रही हो.
सहायता कॉन्टेंट
आपके पास ऐसे कार्ड डिज़ाइन करने का विकल्प होता है जिनमें सहायता से जुड़ी जानकारी दिखाई जाती है या उपयोगकर्ता को ऐड-ऑन के काम करने के तरीके के बारे में बताया जाता है. अगर आपको अपने ऐड-ऑन के लिए सहायता कॉन्टेंट बनाना है, तो इन बातों का ध्यान रखें:
- अगर हो सके, तो निर्देशों को बुलेट या नंबर वाली सूची में दिखाएं. लोगों को आखिर तक के नतीजे के बारे में बताएं. साथ ही, यूज़र इंटरफ़ेस (यूआई) के एलिमेंट के नाम के बारे में साफ़ तौर पर जानकारी दें.
- पक्का करें कि आपके निर्देशों में सभी ज़रूरी शर्तों के बारे में साफ़ तौर पर बताया गया हो. जैसे, किसी स्प्रेडशीट को किसी खास तरीके से सेट अप करना.
- सहायता से जुड़े बाहरी कॉन्टेंट, जैसे कि सहायता देने वाले वेब पेजों के लिंक शामिल करें.
इमेज
आपके ऐड-ऑन में इस्तेमाल की गई इमेज, या तो पहले से मौजूद आइकॉन टाइप में से कोई एक होती है या सार्वजनिक तौर पर होस्ट की गई ऐसी इमेज होती है जिसे यूआरएल से तय किया जाता है. होस्ट की गई इमेज का इस्तेमाल करते समय, पक्का करें कि वे उन सभी लोगों के लिए उपलब्ध हों जो आपके ऐड-ऑन का इस्तेमाल कर सकते हैं.
कंट्रोल
इस सेक्शन में, इंटरैक्टिव विजेट के लिए उपयोगकर्ता अनुभव से जुड़े दिशा-निर्देश दिए गए हैं.
बटन
अपने यूज़र इंटरफ़ेस की मुख्य कार्रवाइयों को कंट्रोल करने के लिए, अन्य विजेट के बजाय बटन का इस्तेमाल करें.
- ज़्यादातर टेक्स्ट बटन के लेबल, क्रिया से शुरू होने चाहिए.
- ज़्यादातर मामलों में, बटन की लाइनों में तीन या इससे कम बटन होने चाहिए.
DecoratedText
DecoratedText विजेट की मदद से, आइकॉन, बटन या स्विच के साथ टेक्स्ट कॉन्टेंट दिखाया जा सकता है.
- टेक्स्ट कॉन्टेंट के लिए, अंग्रेज़ी के वाक्यों में पहला वर्ण बड़ा रखें.
- अगर डेकोरेटेडटेक्स्ट विजेट का टेक्स्ट, उपलब्ध जगह में फ़िट नहीं होता है, तो उसे छोटा कर दिया जाता है. इसलिए, हमेशा टेक्स्ट कॉन्टेंट को जितना हो सके उतना छोटा रखें.
चुने गए इनपुट
अपने ऐड-ऑन में कई तरह के चुने गए इनपुट विजेट इस्तेमाल किए जा सकते हैं: ड्रॉप-डाउन सिलेक्शन बॉक्स, चेकबॉक्स, और रेडियो बटन.
- चेकबॉक्स का इस्तेमाल तब करें, जब लोगों को एक से ज़्यादा विकल्प चुनने हों या कोई भी विकल्प न चुनना हो. जब सिर्फ़ एक विकल्प चुनना हो, तब रेडियो बटन या 'चुने' मेन्यू का इस्तेमाल करें. यूज़र इंटरफ़ेस (यूआई) में जगह बचाने के लिए, विकल्पों की छोटी सूची देते समय ड्रॉपडाउन का इस्तेमाल करें.
- हर विकल्प के लिए असाइन किए गए टेक्स्ट में, अंग्रेज़ी के वाक्यों में पहला वर्ण बड़ा रखें.
- चुने गए आइटम में बदलाव होने पर, ऐसे ऐक्शन ट्रिगर न करें जिन्हें वापस नहीं किया जा सकता. ऐसा इसलिए, क्योंकि आइटम चुनते समय अक्सर लोगों से गलतियां हो जाती हैं. इसके बजाय, ऐसा बटन जोड़ने पर विचार करें जो मौजूदा चुने गए विकल्पों की वैल्यू को पढ़ता हो और फिर कार्रवाई को ट्रिगर करता हो.
- ड्रॉपडाउन के लिए, विकल्पों को वर्णमाला के क्रम में या किसी ऐसे लॉजिकल स्कीम के हिसाब से क्रम में लगाएं जिसे सभी लोग समझ सकें. जैसे, हफ़्ते के दिनों को क्रम से दिखाना, जो रविवार या सोमवार से शुरू होता है.
- किसी दिए गए सिलेक्शन इनपुट विजेट में विकल्पों की संख्या को सीमित करें. अगर विकल्पों की संख्या बहुत ज़्यादा है, तो उपयोगकर्ताओं को विजेट इस्तेमाल करने में मुश्किल हो सकती है. ऐसे मामलों में, विकल्प को अलग-अलग कैटगरी और कई विजेट में बांटने पर विचार करें.
टेक्स्ट इनपुट
टेक्स्ट इनपुट, उपयोगकर्ताओं को स्ट्रिंग डेटा डालने की जगह देते हैं.
- उपयोगकर्ता को संभावित एंट्री के किसी खास सेट में से कोई एक एंट्री टाइप करने के लिए, टेक्स्ट इनपुट का इस्तेमाल न करें. इसके बजाय, ड्रॉपडाउन मेन्यू का इस्तेमाल करें.
- उपयोगकर्ता को सही फ़ॉर्मैट और कॉन्टेंट में टेक्स्ट डालने में मदद करने के लिए, संकेतों और सुझावों का इस्तेमाल करें.
- अगर आपको कुछ शब्दों से ज़्यादा टेक्स्ट डालना है, तो मल्टीलाइन टेक्स्ट इनपुट का इस्तेमाल करें.
ब्रैंडिंग
इस सेक्शन में, ऐड-ऑन के इंटरफ़ेस में ब्रैंडिंग एलिमेंट जोड़ने के लिए, उपयोगकर्ता अनुभव से जुड़े दिशा-निर्देश दिए गए हैं.
ऐड-ऑन में
अगर आपको अपने ऐड-ऑन के यूज़र इंटरफ़ेस (यूआई) में ब्रैंडिंग शामिल करनी है, तो इसे छोटा और आसान रखें. इससे लोगों को आपके ऐड-ऑन की सुविधाओं पर ध्यान देने में मदद मिलती है.
- आपके ऐड-ऑन के सभी पहलुओं को ब्रैंडिंग के दिशा-निर्देशों का पालन करना होगा.
- इसमें “Google”, "Gmail" या Google के अन्य प्रॉडक्ट के नाम शामिल न करें.
- Google प्रॉडक्ट के आइकॉन शामिल न करें. भले ही, उनमें बदलाव किया गया हो.
- ब्रैंडिंग टेक्स्ट में "ऐड-ऑन" शब्द शामिल न करें.
- ब्रैंडिंग टेक्स्ट में कुछ ही शब्द होने चाहिए.
Google Workspace Marketplace में
पब्लिश करने के लिए ऐड-ऑन कॉन्फ़िगर करते समय, आपको कई ग्राफ़िकल और टेक्स्ट ऐसेट देनी होती हैं. इनसे Google Workspace Marketplace पर लिस्टिंग बनाई जाती है.
आपके स्टोर पेज और इन ऐसेट के सभी पहलुओं को ब्रैंडिंग के दिशा-निर्देशों का पालन करना होगा.