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

मुस्तफ़ा कुर्तुल्दू
मुस्तफ़ा कुर्तुल्दू
एड्रियाना जारा
एड्रियाना जारा

शुरुआती जानकारी

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

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

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

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

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

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

इससे डेवलपर को इंस्टॉल करने की दिलचस्प प्रोसेस तैयार करने में मदद मिलती है.

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

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

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

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

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

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

लागू करने का तरीका

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

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

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

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

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

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