बेहतर 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 की मदद से वे वेब ऐप्लिकेशन के लुक और स्टाइल को अलग से दिखा सकते हैं. साथ ही, वे प्लैटफ़ॉर्म ऐप्लिकेशन को मिलने वाली सभी आसान सुविधाओं का इस्तेमाल करके, ऐप्लिकेशन के रंग-रूप को अलग से दिखा सकते हैं.

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

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

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

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