बेहतर PWA इंस्टॉलेशन यूज़र इंटरफ़ेस (यूआई)

परिचय

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

आज के इंस्टॉल प्लैटफ़ॉर्म से जुड़ी चुनौतियां

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

PWA इंस्टॉल करने के यूज़र इंटरफ़ेस (यूआई) का उदाहरण.
PWA इंस्टॉल करने के यूज़र इंटरफ़ेस (यूआई) का उदाहरण.

डेवलपर, इंस्टॉल किए गए ऐप्लिकेशन को नेटिव ऐप्लिकेशन के बराबर अनुभव दे सकें, इसके लिए Chrome एक नया इंस्टॉल प्लैटफ़ॉर्म पेश कर रहा है. इसे ज़्यादा बेहतर इंस्टॉल कहा जा सकता है. इसकी मदद से, डेवलपर अपनी मेनिफ़ेस्ट फ़ाइल में जानकारी और स्क्रीनशॉट जोड़ सकते हैं. साथ ही, यह जानकारी Chrome for Android में बॉटमशीट डायलॉग में दिखेगी.

Chrome में बॉटमशीट के यूज़र इंटरफ़ेस (यूआई) का उदाहरण.
Chrome में बॉटमशीट यूज़र इंटरफ़ेस का उदाहरण.

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

बेहतर इंस्टॉल यूज़र इंटरफ़ेस (यूआई) को बड़ा किया गया.
बेहतर इंस्टॉल यूज़र इंटरफ़ेस (यूआई) को बड़ा किया गया.
बेहतर इंस्टॉल यूज़र इंटरफ़ेस (यूआई) को छोटा किया गया.
बेहतर इंस्टॉल यूज़र इंटरफ़ेस (यूआई) को छोटा किया गया.

पुराने सिस्टम के साथ काम करने की सुविधा

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

यूज़र इंटरफ़ेस (यूआई) की झलक देखना

यह यूज़र इंटरफ़ेस, Android पर Chrome 94 और डेस्कटॉप पर Chrome 108 से काम करता है.

यह सुविधा squoosh.app पर चालू है और इसकी झलक वहां देखी जा सकती है.

लागू करना

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

उदाहरण के लिए, डेवलपर description फ़ील्ड का इस्तेमाल करके, ऐप्लिकेशन की उन सुविधाओं को हाइलाइट कर सकते हैं जो उपयोगकर्ता को अपने डिवाइसों में इसे रखने के लिए बढ़ावा देती हैं. साथ ही, screenshots की मदद से वे वेब ऐप्लिकेशन के लुक और स्टाइल को स्टैंडअलोन के तौर पर दिखा सकते हैं. इसमें, प्लैटफ़ॉर्म ऐप्लिकेशन के सभी आसान ऐक्सेस भी शामिल हैं.

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

सुझाव/राय दें या शिकायत करें

आने वाले समय में, हम कैटगरी और ऐप्लिकेशन रेटिंग जैसा अन्य डेटा जोड़ने पर विचार करेंगे. हालांकि, यह डेटा, डेवलपर और उपयोगकर्ताओं के सुझावों के आधार पर जोड़ा जाएगा.

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