Google Workspace के यूज़र इंटरफ़ेस (यूआई) को बेहतर बनाएं

इस पेज पर, Google Workspace यूज़र इंटरफ़ेस (यूआई) की अवधि बढ़ाने के विकल्पों के बारे में बताया गया है. Google Workspace के यूज़र इंटरफ़ेस (यूआई) को कई वजहों से बढ़ाया जा सकता है. इसमें ये वजहें शामिल हैं:

  • अपने ऐप्लिकेशन या सेवा को Google Workspace के साथ इंटिग्रेट करें, ताकि उपयोगकर्ता सीधे एक या उससे ज़्यादा Google Workspace ऐप्लिकेशन से ऐप्लिकेशन का इस्तेमाल कर सकें. उदाहरण के लिए, Google Workspace ऐड-ऑन बनाएं जो Google Docs में आपकी सेवा के लिए स्मार्ट चिप और लिंक की झलक बनाता है.
  • Google Workspace के उपयोगकर्ताओं को, बेहतर तरीके से ज़्यादा काम करने या वर्कफ़्लो को बेहतर बनाने में मदद करें. उदाहरण के लिए, ऐसा Google Chat ऐप्लिकेशन बनाएं जिससे उपयोगकर्ता, सीधे Google Chat से हर हफ़्ते की टाइमशीट की रिपोर्ट कर सकें.
  • ऐसी सुविधाएं जोड़ें जो Google Workspace में मूल रूप से उपलब्ध नहीं हैं. उदाहरण के लिए, Google Docs, Sheets या Slides में पसंद के मुताबिक मेन्यू जोड़ें.

Google Workspace यूज़र इंटरफ़ेस (यूआई) के एक्सटेंशन को Google Workspace Marketplace के तौर पर उपलब्ध कराने के ज़्यादातर विकल्पों को पब्लिश किया जा सकता है. Google Workspace एक ऐसा ऑनलाइन स्टोर है जहां उपयोगकर्ता, तीसरे पक्ष के ऐसे ऐप्लिकेशन ढूंढकर इंस्टॉल कर सकते हैं जो Google Workspace के साथ काम करते हैं.

Google Workspace यूज़र इंटरफ़ेस (यूआई) को बढ़ाने के विकल्पों की खास जानकारी

नीचे दी गई टेबल में, Google Workspace यूज़र इंटरफ़ेस (यूआई) को बढ़ाने के विकल्प दिए गए हैं. साथ ही, इन विकल्पों के आधार पर उनकी तुलना की गई है:

  • तय किए गए ऐप्लिकेशन: इसमें Google Workspace के उन ऐप्लिकेशन की सूची होती है जिन्हें दिए गए विकल्प की मदद से बढ़ाया जा सकता है.
  • कोडिंग के विकल्प: इसमें, कोडिंग करने के तरीके की जानकारी दी जाती है. जैसे:
    • AppSheet: यह एक ऐसा डेवलपमेंट प्लैटफ़ॉर्म है जिसके लिए कोड की ज़रूरत नहीं है.
    • Apps Script: JavaScript पर आधारित क्लाउड-आधारित और लो-कोड डेवलपमेंट प्लैटफ़ॉर्म.
    • सभी डेवलपर: आपका अपना टेक्नोलॉजी स्टैक, जो आपकी पसंदीदा कोडिंग भाषा के साथ काम करता हो.
  • यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क: इससे पता चलता है कि हर विकल्प को बनाने के लिए, किस तरह के यूआई फ़्रेमवर्क का इस्तेमाल किया जा सकता है. इनमें ये शामिल हैं:
    • कार्ड के हिसाब से: कार्ड इंटरफ़ेस, पहले से तय किए गए विजेट और कार्ड होते हैं. इन्हें Apps Script का इस्तेमाल करके, कार्ड सेवा की मदद से बनाया जाता है या आपके पसंदीदा टेक्नोलॉजी स्टैक (पूरा डेवलपर) के साथ कार्ड को रेंडर करने के लिए, सही तरीके से फ़ॉर्मैट किए गए JSON का इस्तेमाल किया जाता है. कार्ड-आधारित इंटरफ़ेस के लिए एचटीएमएल या सीएसएस की जानकारी होना ज़रूरी नहीं है. ये डेस्कटॉप और मोबाइल क्लाइंट, दोनों पर अच्छी तरह से काम करते हैं.
    • एचटीएमएल: Apps Script ऐसे वेब पेज डेवलप करने के लिए एचटीएमएल सेवा की सुविधा देता है जो सर्वर साइड Apps Script फ़ंक्शन के साथ इंटरैक्ट कर सकते हैं. एचटीएमएल सेवा की मदद से डेवलप किए गए इंटरफ़ेस, अपनी पसंद के मुताबिक बनाए जा सकते हैं. हालांकि, उपयोगकर्ता को बेहतरीन अनुभव देने के लिए, ज़्यादा मैन्युअल तरीके से काम करने की ज़रूरत होती है.
    • iFrame: iframe, बाहरी कॉन्टेंट को Google Workspace में एम्बेड करते हैं. साथ ही, यूज़र इंटरफ़ेस को अपनी पसंद के मुताबिक बनाने की सुविधा देते हैं.

नीचे दी गई टेबल में, हर विकल्प की जानकारी दी गई है.

आप क्या-क्या बना सकते हैं प्रीव्यू ऐप्लिकेशन की अवधि बढ़ाई गई कोडिंग के विकल्प कार्ड-आधारित यूज़र इंटरफ़ेस (यूआई) एचटीएमएल यूज़र इंटरफ़ेस (यूआई) iframe यूज़र इंटरफ़ेस (यूआई)
Google Workspace ऐड-ऑन Google Workspace ऐड-ऑन का उदाहरण
Gmail
Drive
कैलेंडर
दस्तावेज़
शीट
स्लाइड
Apps स्क्रिप्ट
पूरा डेवलपर
लिंक की झलक और स्मार्ट चिप | Google Workspace ऐड-ऑन Google Workspace ऐड-ऑन में लिंक की झलक का उदाहरण
दस्तावेज़
AppSheet
Apps स्क्रिप्ट
पूरा डेवलपर
ईमेल के ड्राफ़्ट | Google Workspace ऐड-ऑन ईमेल के ड्राफ़्ट के लिए, Google Workspace ऐड-ऑन का उदाहरण
Gmail
Apps स्क्रिप्ट
पूरा डेवलपर
कैलेंडर कॉन्फ़्रेंसिंग | Google Workspace ऐड-ऑन Calendar कॉन्फ़्रेंसिंग के लिए Google Workspace ऐड-ऑन का उदाहरण
कैलेंडर
Apps स्क्रिप्ट

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है

एडिटर के ऐड-ऑन Editor ऐड-ऑन का उदाहरण
दस्तावेज़
शीट
स्लाइड
फ़ॉर्म
Apps स्क्रिप्ट
Google Chat ऐप्लिकेशन Chat ऐप्लिकेशन का उदाहरण
चैट
AppSheet
Apps स्क्रिप्ट
पूरा डेवलपर
पसंद के मुताबिक बनाए गए फ़ंक्शन कस्टम फ़ंक्शन का उदाहरण
शीट
Apps स्क्रिप्ट

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है

मैक्रो मैक्रो का उदाहरण
शीट
Apps स्क्रिप्ट

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है

कस्टम मेन्यू, डायलॉग, और साइडबार मेन्यू और साइडबार का उदाहरण
दस्तावेज़
शीट
स्लाइड
फ़ॉर्म
Apps स्क्रिप्ट
Google Drive ऐप्लिकेशन Drive ऐप्लिकेशन का उदाहरण
Drive
पूरा डेवलपर

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है

Google Workspace ऐड-ऑन

Google Workspace ऐड-ऑन का उदाहरण

Google Workspace ऐड-ऑन ऐसे ऐप्लिकेशन हैं जो Google Workspace ऐप्लिकेशन के साथ इंटिग्रेट होते हैं. Google Workspace ऐड-ऑन में, Google Workspace के एक से ज़्यादा ऐप्लिकेशन इस्तेमाल किए जा सकते हैं. आम तौर पर, ऐप्लिकेशन, Google Workspace ऐप्लिकेशन के साइडबार में खुलता है.

Google Workspace ऐड-ऑन के दस्तावेज़ देखें

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

Apps स्क्रिप्ट
पूरा डेवलपर

इन ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर करता है:

Gmail
ड्राइव करें
कैलेंडर

दस्तावेज़
शीट
स्लाइड

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

कार्ड फ़्रेमवर्क



लिंक की झलक का उदाहरण

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

आपके पास Google Workspace के मौजूदा ऐड-ऑन में लिंक की झलक जोड़ने का विकल्प होता है. इसके अलावा, लिंक की झलक के लिए, खास तौर पर Google Workspace का एक अलग ऐड-ऑन भी बनाया जा सकता है.

लिंक की झलक और स्मार्ट चिप के दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

AppSheet
Apps स्क्रिप्ट
पूरा डेवलपर

इन ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर करता है:

दस्तावेज़

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

कार्ड फ़्रेमवर्क



ईमेल के ड्राफ़्ट | Google Workspace ऐड-ऑन

ईमेल ड्राफ़्ट का उदाहरण

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

ईमेल के ड्राफ़्ट से जुड़े दस्तावेज़ देखें

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

Apps स्क्रिप्ट
पूरा डेवलपर

इन ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर करता है:

Gmail

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

कार्ड फ़्रेमवर्क



Calendar कॉन्फ़्रेंसिंग | Google Workspace ऐड-ऑन

Calendar कॉन्फ़्रेंसिंग का उदाहरण

अगर आप वेब कॉन्फ़्रेंसिंग की सुविधा देने वाली कंपनी हैं, तो आपके पास Google Workspace ऐड-ऑन बनाने का विकल्प है. यह ऐड-ऑन, आपके कॉन्फ़्रेंस सलूशन के साथ Google Calendar के साथ काम करता है. इस ऐड-ऑन में Calendar इवेंट के लिए कॉन्फ़्रेंसिंग का विकल्प होता है. इससे उपयोगकर्ता सीधे Calendar से कॉन्फ़्रेंस बना सकते हैं और उनमें शामिल हो सकते हैं.

Calendar पर कॉन्फ़्रेंसिंग के दस्तावेज़ देखें

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

Apps स्क्रिप्ट

इन ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर करता है:

कैलेंडर

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है


एडिटर ऐड-ऑन

Editor ऐड-ऑन का उदाहरण

एडिटर ऐड-ऑन ऐसे ऐप्लिकेशन हैं जो Docs, Sheets, Slides या Forms की ज़्यादा जानकारी इकट्ठा करते हैं. एडिटर ऐड-ऑन में, एक ऐड-ऑन का सिर्फ़ एक ऐप्लिकेशन बढ़ाया जा सकता है. हालांकि, एक ही Marketplace लिस्टिंग में, कई एडिटर ऐड-ऑन पब्लिश किए जा सकते हैं. उपयोगकर्ता, एडिटर ऐड-ऑन को उस ऐप्लिकेशन में एक्सटेंशन मेन्यू से खोलते हैं जिनका एक्सटेंशन वे जोड़ते हैं.

Editor ऐड-ऑन के लिए, इन इंटरफ़ेस का इस्तेमाल किया जा सकता है:

  • ऐप्लिकेशन के आगे मौजूद एक साइडबार, जिस पर यह लागू होता है.
  • यह जिस ऐप्लिकेशन को ओवरले करता है उसे ओवरले करने वाला डायलॉग.
  • मेन्यू आइटम, जो स्क्रिप्ट चलाता है.

एडिटर ऐड-ऑन से जुड़े दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

Apps स्क्रिप्ट

इन ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर करता है:

दस्तावेज़
शीट
स्लाइड
फ़ॉर्म

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

एचटीएमएल
iFrame



चैट ऐप्लिकेशन

Chat ऐप्लिकेशन का उदाहरण

चैट ऐप्लिकेशन, संसाधन और सेवाओं को Chat में उपलब्ध कराते हैं. लोगों के साथ इंटरैक्ट करने के लिए Chat ऐप्लिकेशन डिज़ाइन किए जा सकते हैं. इसमें ये तरीके शामिल हैं:

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

Chat ऐप्लिकेशन के दस्तावेज़ देखें

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

AppSheet
Apps स्क्रिप्ट
पूरा डेवलपर

इन ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर करता है:

चैट

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

कार्ड फ़्रेमवर्क



कस्टम फ़ंक्शन

कस्टम फ़ंक्शन का उदाहरण

कस्टम फ़ंक्शन की मदद से, Sheets में ज़्यादा फ़ंक्शन जोड़े जा सकते हैं. उपयोगकर्ता, Sheets में पहले से मौजूद सैकड़ों फ़ंक्शन की तरह इन्हें भी ढूंढ सकते हैं और इस्तेमाल कर सकते हैं.

कस्टम फ़ंक्शन से जुड़ा दस्तावेज़ देखना

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

Apps स्क्रिप्ट

इन ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर करता है:

शीट

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है


मैक्रो

मैक्रो का उदाहरण

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

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

मैक्रो दस्तावेज़ देखना

कोडिंग के विकल्प:

Apps स्क्रिप्ट

इन ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर करता है:

शीट

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है


कस्टम मेन्यू, डायलॉग, और साइडबार

कस्टम मेन्यू का उदाहरण

Docs, Sheets, Slides, और Forms में मौजूद फ़ाइलों में कस्टम मेन्यू, प्रॉम्प्ट, सूचनाएं, और एचटीएमएल पर आधारित डायलॉग और साइडबार जोड़े जा सकते हैं. कस्टम मेन्यू, उस ऐप्लिकेशन के डिफ़ॉल्ट मेन्यू के बगल में दिखते हैं जिसे वे बड़ा करते हैं. डायलॉग, साइडबार, प्रॉम्प्ट, और चेतावनियां, आम तौर पर मेन्यू आइटम क्लिक जैसी उपयोगकर्ता कार्रवाइयों या इवेंट-ड्रिवन ट्रिगर जैसे ट्रिगर से चालू होते हैं.

कस्टम मेन्यू, डायलॉग, और साइडबार के दस्तावेज़ देखना

कोडिंग के विकल्प:

Apps स्क्रिप्ट

इन ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर करता है:

दस्तावेज़
शीट
स्लाइड
फ़ॉर्म

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

एचटीएमएल
iFrame



Drive ऐप्लिकेशन

Drive ऐप्लिकेशन का उदाहरण

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

Drive ऐप्लिकेशन के दस्तावेज़ देखें

पब्लिश किया जा सकता है



कोडिंग के विकल्प:

पूरा डेवलपर

इन ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर करता है:

ड्राइव करें

उपलब्ध यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क:

मौजूदा यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करता है