Google Workspace ऐड-ऑन के लिए यूज़र इंटरफ़ेस (यूआई) स्टाइल गाइड

Google Workspace ऐड-ऑन, इसकी स्टाइल और लेआउट होस्ट ऐप्लिकेशन उनकी पहुंच बढ़ती है. उन्हें यूज़र इंटरफ़ेस (यूआई) बढ़ाना चाहिए इससे आम तौर पर, जाने-पहचाने कंट्रोल और व्यवहार इस्तेमाल किए जाते हैं. पेश किए गए दिशा-निर्देश यहां टेक्स्ट, इमेज, कंट्रोल, और ब्रैंडिंग को मैनेज करने के उन तरीकों के बारे में बताया गया है जो आपके कारोबार को उपयोगकर्ता को बेहतरीन अनुभव मिलता है.

अगर आपका ऐड-ऑन ऐसे अलग वेब पेज खोलता है जो ऐड-ऑन का ज़रूरी हिस्सा हैं कार्रवाई (जैसे कि ऐड-ऑन के लिए सेटिंग पेज), तो पक्का करें कि वे वेब पेज साथ ही, स्टाइल से जुड़े इन दिशा-निर्देशों का पालन करें.

टेक्स्ट और इमेज

इस सेक्शन में, ऐड-ऑन में टेक्स्ट और इमेज को सही तरीके से इस्तेमाल करने का तरीका बताया जाता है.

ऐड-ऑन का नाम

आपको अपने ऐड-ऑन का नाम उसके प्रोजेक्ट में सेट करना होगा मेनिफ़ेस्ट होता है और जब पब्लिकेशन के लिए अपने ऐड-ऑन को कॉन्फ़िगर करें. कारोबार का नाम कई जगहों पर दिखता है, जैसे कि Google Workspace Marketplace और मेन्यू में ही शामिल करें. नाम चुनते समय:

  • टाइटल केस का इस्तेमाल करें.
  • अगर आपके ब्रैंड का हिस्सा नहीं है, तो विराम चिह्न का इस्तेमाल न करें. खास तौर पर, ब्रैकेट का इस्तेमाल करें.
  • इसे छोटा रखें—15 या उससे कम वर्ण सबसे बेहतर होते हैं. लंबे नाम Google Workspace Marketplace की लिस्टिंग और अन्य जगहों पर, अपने-आप छोटा किया गया हो.
  • "Google", "Gmail" या Google के अन्य प्रॉडक्ट के नाम शामिल न करें अपने ऐड-ऑन नाम पर.
  • "ऐड-ऑन" शब्द शामिल न करें अपने ऐड-ऑन नाम पर.
  • वर्शन की जानकारी न छोड़ें.

लिखने की स्टाइल

आपको ज़्यादा लिखने की ज़रूरत नहीं होनी चाहिए. ज़्यादातर कार्रवाइयों के लिए, यह जानकारी दी जानी चाहिए: आइकोनोग्राफ़ी, लेआउट, और छोटे लेबल. अगर आपको ऐड-ऑन का कोई हिस्सा मिलता है इसमें छोटे लेबल की तुलना में ज़्यादा जानकारी की ज़रूरत होती है. इसलिए, यह सबसे अच्छा आपके ऐड-ऑन और उससे लिंक के बारे में जानकारी देने वाला एक अलग वेब पेज बनाने की प्रैक्टिस करें.

यूज़र इंटरफ़ेस (यूआई) पर टेक्स्ट लिखते समय:

  • वाक्य केस का इस्तेमाल करें (खास तौर पर बटन, लेबल, और कार्ड से जुड़ी कार्रवाइयों के लिए).
  • कठिन और आसान टेक्स्ट वाले फ़ॉर्मैट को पसंद करें, जिसमें कठिन शब्दावली नहीं है.

यूनिवर्सल और कार्ड कार्रवाइयां

अगर यूनिवर्सल ऐक्शन का इस्तेमाल किया जाता है या कार्ड से की जाने वाली कार्रवाइयां अपने आप ऐड-ऑन के साथ उपलब्ध हैं, वे कार्ड में मेन्यू आइटम के तौर पर दिखते हैं भी शामिल हो सकते हैं. आप इनके लिए इन मेन्यू में इस्तेमाल किया जाने वाला टेक्स्ट चुन सकते हैं कार्रवाइयां. इस्तेमाल करने के लिए टेक्स्ट चुनते समय:

  • ऐसा मेन्यू टेक्स्ट न डालें जिसमें सिर्फ़ आपके ऐड-ऑन का नाम दोहराया जाता हो.
  • हर मेन्यू आइटम को कार्रवाई वाले शब्द से शुरू करें, जैसे कि "Run", "कॉन्फ़िगर करें" या "बनाएं".
  • टास्क के बारे में बताएं, न कि उस यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट के बारे में जिसे कार्रवाई से दिखाया जा रहा है.
  • अगर आपकी कार्रवाई वर्कफ़्लो शुरू करती है और ऐसी कोई क्रिया नहीं है जो बताती हो यह क्या करता है, इसे "Start" कहें.
  • मेन्यू आइटम की संख्या कम रखें, ताकि उपयोगकर्ता को स्क्रोल करने के लिए मजबूर न किया जाए क्लिक किया जा सकता है. अगर आपको और कार्रवाइयां करनी हैं, तो अलग-अलग कार्रवाइयों वाले कई कार्ड जोड़ें.

गड़बड़ी के मैसेज

जब कुछ गलत हो, तो आसान भाषा का उपयोग करना ज़रूरी है. समझाएँ उपयोगकर्ता के नज़रिए से कोई समस्या हो सकती है और उसे ठीक करने का सुझाव दें.

  • उपयोगकर्ता को अपने कोड में शामिल किए गए अपवाद देखने की अनुमति न दें. इसके बजाय, अपवादों को रोकने के लिए try...catch स्टेटमेंट का इस्तेमाल करें, फिर दिखाएं एक गड़बड़ी का मैसेज मिल सकता है.
  • पब्लिश करने से पहले, देख लें कि आपका ऐड-ऑन, डीबग की जानकारी नहीं दिखा रहा हो डालें.

सहायता कॉन्टेंट

आप शायद ऐसे कार्ड डिज़ाइन करना चाहें जो सहायता की जानकारी दिखाते हों या उपयोगकर्ता में ऐड-ऑन की कार्रवाई. अगर आप अपने संगठन के लिए ऐड-ऑन, इन बातों का ध्यान रखें:

  • जब संभव हो, निर्देशों को बुलेट वाली या नंबर वाली सूची में दिखाएं. वॉक उपयोगकर्ता नाम वाले यूज़र इंटरफ़ेस (यूआई) एलिमेंट के बारे में साफ़ तौर पर जानकारी दें.
  • पक्का करें कि आपके निर्देशों में, सेट अप करने जैसी ज़रूरी शर्तों के बारे में साफ़ तौर पर बताया गया हो खास तरीके से स्प्रेडशीट बनाई है.
  • बाहरी सहायता कॉन्टेंट, जैसे कि सहायक वेब पेजों का लिंक दें.

इमेज

आपके ऐड-ऑन में इस्तेमाल की गई इमेज, इनमें से एक है पहले से मौजूद आइकॉन के टाइप या सार्वजनिक रूप से होस्ट की गई इमेज हो. होस्ट की गई इमेज का इस्तेमाल करते समय, पक्का करें कि आपका ऐड-ऑन इस्तेमाल करने वाले सभी लोग उन्हें ऐक्सेस कर सकें.

कंट्रोल

इस सेक्शन में, उपयोगकर्ता अनुभव से जुड़े दिशा-निर्देश दिए गए हैं इंटरैक्टिव विजेट हों.

बटन

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

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

DecoratedText

डेकोरेट किए गए टेक्स्ट के विजेट आपको आइकॉन, बटन या स्विच के साथ टेक्स्ट कॉन्टेंट प्रज़ेंट करने की सुविधा देता है.

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

चुनने के लिए इनपुट

अलग-अलग तरह के चुनाव के इनपुट विजेट शामिल करें: ड्रॉप-डाउन चयन बॉक्स, चेकबॉक्स, और रेडियो बटन.

  • चेकबॉक्स का इस्तेमाल तब करें, जब लोग एक से ज़्यादा विकल्प या कोई भी विकल्प न चुन सकें. सिर्फ़ एक विकल्प चुनने पर रेडियो बटन (या मेन्यू चुनें) का इस्तेमाल करें. ड्रॉपडाउन की मदद से, विकल्पों की एक छोटी सूची दें जगह बचाने के लिए किया जा सकता है.
  • हर विकल्प के लिए असाइन किए गए टेक्स्ट के लिए, अंग्रेज़ी के वाक्यों में, पहला वर्ण बड़ा (अपर केस में) रखें.
  • ऐसी कार्रवाइयों को ट्रिगर करने के लिए, चुने गए विकल्पों में बदलाव का इस्तेमाल करने से बचें जिनका असर बड़ी और आसानी से दिख सकती है. क्योंकि जानकारी चुनते समय लोग अक्सर गलतियां कर देते हैं. इसके बजाय, इन बातों पर ध्यान दें एक ऐसा बटन जोड़ना जो मौजूदा चुनाव मानों को पढ़ता हो और फिर ट्रिगर हो जाता है कार्रवाई.
  • ड्रॉपडाउन के लिए, विकल्पों को अंग्रेज़ी वर्णमाला या लॉजिकल स्कीम के मुताबिक क्रम से लगाएं जिसे सभी उपयोगकर्ता समझ सकें (जैसे, हफ़्ते के अलग-अलग दिनों को दिखाना क्रम में देखें. यह रविवार या सोमवार से शुरू होगा).
  • चुने गए इनपुट में विकल्पों की संख्या सीमित करें विजेट को वाजिब संख्या में बदलें. अगर बहुत ज़्यादा विकल्प हैं, तो लोगों को तो विजेट का इस्तेमाल करना मुश्किल हो जाता है. ऐसे मामलों में, विज्ञापन देने वालों का ध्यान खींचने के लिए, कई विजेट के तौर पर बनाया जा सकता है.

टेक्स्ट इनपुट

टेक्स्ट इनपुट, स्ट्रिंग डेटा डालने के लिए उपयोगकर्ताओं को जगह उपलब्ध कराते हैं.

  • उपयोगकर्ता को सेट किए गए टाइप में से कोई एक टाइप बताने के लिए, टेक्स्ट इनपुट का इस्तेमाल न करें संभावित एंट्री. इसके बजाय, ड्रॉपडाउन मेन्यू का इस्तेमाल करें.
  • सही टेक्स्ट डालने में उपयोगकर्ता की मदद करने के लिए, संकेतों और सुझावों का इस्तेमाल करें फ़ॉर्मैट और कॉन्टेंट.
  • अगर लिखा जाने वाला टेक्स्ट कुछ से ज़्यादा है, तो मल्टीलाइन टेक्स्ट इनपुट का इस्तेमाल करें शब्द.

ब्रैंडिंग

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

आपके ऐड-ऑन में

अगर आपको अपने ऐड-ऑन यूज़र इंटरफ़ेस (यूआई) में ब्रैंडिंग को शामिल करना है, तो उसे छोटा और आसान रखें. इससे लोगों को ऐड-ऑन के काम करने के तरीके पर फ़ोकस करने में मदद मिलती है.

  • आपके ऐड-ऑन के सभी पहलुओं को इनका पालन करना होगा: ब्रैंडिंग के दिशा-निर्देश देखें.
  • शब्द के तौर पर “Google”, "Gmail" या Google के अन्य प्रॉडक्ट के नाम शामिल न करें.
  • Google के प्रॉडक्ट आइकॉन शामिल न करें, भले ही उनमें बदलाव किया गया हो.
  • "ऐड-ऑन" शब्द शामिल न करें को टैग किया जा सकता है.
  • ब्रैंडिंग टेक्स्ट कुछ शब्दों से ज़्यादा नहीं होना चाहिए.

Google Workspace Marketplace में

ऐड-ऑन को पब्लिकेशन के लिए कॉन्फ़िगर करने पर, आपके प्रॉडक्ट को बनाने के लिए कई ग्राफ़िकल और टेक्स्ट ऐसेट उपलब्ध कराई जाती हैं Google Workspace Marketplace की लिस्टिंग.

आपके स्टोर पेज और इन ऐसेट के सभी पहलुओं को, इन चीज़ों का पालन करना होगा: ब्रैंडिंग के दिशा-निर्देश देखें.