बहुत से बिज़नेस मालिक ऐप माँगते हैं, जबकि असल में उन्हें ग्राहक की होम स्क्रीन पर अपना आइकन चाहिए होता है। PWA ठीक यही देता है, आपकी मौजूदा वेबसाइट से, बिना स्टोर रिव्यू और बिना दूसरा कोडबेस बनाए।
यह गाइड बताती है कि साइट को इंस्टॉल होने लायक क्या बनाता है, iPhone और Android में क्या फ़र्क है, और Uttra से यह सादी भाषा में कैसे माँगें।
प्रोग्रेसिव वेब ऐप (PWA) आपकी सामान्य वेबसाइट ही है, बस उसमें आइकन, फ़ुल-स्क्रीन विंडो और वैकल्पिक ऑफ़लाइन सपोर्ट जुड़ जाता है। ऐप स्टोर की ज़रूरत नहीं: Android पर ब्राउज़र इंस्टॉल का विकल्प देता है और iPhone पर लोग Add to Home Screen इस्तेमाल करते हैं।
वेबसाइट इंस्टॉल होने लायक कब बनती है
तीन चीज़ें चाहिए: साइट HTTPS पर चले, उसमें एक छोटी मैनिफ़ेस्ट फ़ाइल हो (नाम, रंग, आइकन, शुरुआती पेज), और ऑफ़लाइन इस्तेमाल के लिए एक सर्विस वर्कर हो जो मुख्य पेज कैश करे। Uttra पर पब्लिश की गई साइटें सुरक्षित कनेक्शन पर चलती हैं, इसलिए पहली शर्त पूरी रहती है।
- साफ़ ऐप का नाम और आइकन के नीचे आने वाला छोटा नाम।
- कम से कम दो साइज़ के आइकन, बेहतर है कि सादे बैकग्राउंड पर साधारण लोगो।
- थीम रंग, ताकि फ़ोन की ऊपरी पट्टी आपके ब्रांड से मेल खाए।
- तेज़ खुलने वाला शुरुआती पेज, जैसे आपका मेन्यू या बुकिंग स्क्रीन।
Android और iPhone: ग्राहकों से ईमानदार रहें
Android पर Chrome में विज़िटर को इंस्टॉल का प्रॉम्प्ट मिल सकता है या वे ब्राउज़र मेन्यू से इंस्टॉल कर सकते हैं। iPhone पर अपने आप कोई प्रॉम्प्ट नहीं आता: विज़िटर साइट को Safari में खोलता है, Share दबाता है और फिर Add to Home Screen चुनता है। यह कुछ टैप का काम है, इसलिए पेज पर एक छोटा संकेत मदद करता है।
iPhone पर कुछ सुविधाएँ सीमित हैं, जैसे बैकग्राउंड में चलना और पुश नोटिफ़िकेशन, इसलिए कोई वादा करने से पहले जाँचें कि आपको सच में क्या चाहिए। अगर आप इन्हीं पर निर्भर हैं तो आगे चलकर नेटिव ऐप सही कदम हो सकता है।
इंस्टॉल हुए अनुभव के लिए डिज़ाइन करें
इंस्टॉल होने के बाद आपकी साइट ब्राउज़र बार के बिना खुलती है, इसलिए नेविगेशन उसी में होना चाहिए: साफ़ बैक बटन, दो-तीन मुख्य कामों के लिए नीचे का मेन्यू, और अँगूठे से दबाने लायक बड़े टैप एरिया। असली फ़ोन पर आम मोबाइल नेटवर्क पर टेस्ट करें, सिर्फ़ ऑफ़िस के तेज़ वाई-फ़ाई पर नहीं।
एक प्रॉम्प्ट जो आप कॉपी कर सकते हैं
तकनीक नहीं, नतीजा बताएं। उदाहरण:
"इस साइट को फ़ोन पर ऐप की तरह इंस्टॉल होने लायक बनाओ। नाम शर्मा स्वीट्स रखो, क्रीम बैकग्राउंड पर मेरा लोगो आइकन बनाओ और थीम रंग गहरा हरा रखो। iPhone पर Add to Home Screen कैसे करें यह बताने वाला छोटा बैनर जोड़ो, और कमज़ोर कनेक्शन में भी मेन्यू पेज खुलने दो।"