अपने फ़ॉर्म की जांच करना

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

सबसे पहले यह पुष्टि करें कि आपका फ़ॉर्म आपके डिवाइस पर काम कर रहा है. हालांकि, आपके उपयोगकर्ता कई तरह के डिवाइस इस्तेमाल कर सकते हैं. यह कैसे पता किया जा सकता है कि आपका फ़ॉर्म अन्य डिवाइसों के साथ काम करता है या नहीं?

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

क्या आपके पास और भी डिवाइस हैं जिन पर जांच की जा सकती है? उन सभी पर अपने फ़ॉर्म की जांच करें. जितने अलग-अलग डिवाइस, ब्राउज़र, ब्राउज़र वर्शन, और ऑपरेटिंग सिस्टम की जांच की जा सकती है, उतना ही बेहतर है!

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

यह कैसे पता किया जा सकता है कि आपका फ़ॉर्म अन्य लोगों के लिए काम करता है या नहीं?

आपका पहला फ़ॉर्म तैयार है. यह पक्का करने में बहुत समय लगाया जाता है कि यह ठीक से काम करे. यह पुष्टि कैसे की जा सकती है कि आपका फ़ॉर्म अन्य सभी लोगों के लिए इस्तेमाल किया जा सकता है? सबसे पहले, अपने दोस्तों और साथ काम करने वाले लोगों से फ़ॉर्म भरने के लिए कहा जा सकता है.

एक-दूसरे के बगल में बैठे रहें या स्क्रीन शेयर करें. इस तरह, आपके पास यह देखने का विकल्प होता है कि वे आपके फ़ॉर्म के साथ कैसे इंटरैक्ट करते हैं. उन्हें फ़ॉर्म भरते हुए देखें. उन्हें यह बताने के लिए कहें कि वे क्या कर रहे हैं और क्या उन्हें किसी समस्या का सामना करना पड़ रहा है. टास्क पूरा करने के बाद, उनसे सवाल पूछें. क्या यह साफ़ तौर पर पता चला कि उन्हें क्या भरना है? क्या उन्हें फ़ॉर्म भरने में कोई समस्या हुई? क्या कुछ समझ नहीं आया? ये सवाल और भी बेहतर फ़ॉर्म बनाने में आपकी मदद करते हैं.

अपने फ़ॉर्म की परफ़ॉर्मेंस को कैसे मेज़र किया जा सकता है?

आपने पुष्टि की है कि आपके फ़ॉर्म को अन्य लोग इस्तेमाल कर सकते हैं. अगले चरण में, आपको अपने फ़ॉर्म की परफ़ॉर्मेंस को मेज़र करना चाहिए. इसके लिए मुफ़्त टूल उपलब्ध हैं. आइए, इनमें से कुछ पर नज़र डालते हैं.

PageSpeed Insights (पीएसआई)

पीएसआई, आपकी साइट की परफ़ॉर्मेंस का आकलन करता है और आपको इसमें सुधार करने के लिए सुझाव देता है.

इसे आज़माएं: PageSpeed लैब और फ़ील्ड डेटा का इस्तेमाल करके परफ़ॉर्मेंस रिपोर्ट उपलब्ध कराता है. तेज़ी से लोड होने वाली साइट का मतलब है कि आपके फ़ॉर्म को इस्तेमाल किया जा सकता है. क्या आपकी साइट अभी तक तेज़ नहीं है? पीएसआई, परफ़ॉर्मेंस को बेहतर बनाने के सुझाव दिखाता है.

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

लाइटहाउस

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

Lighthouse का इस्तेमाल करने के कई तरीके हैं. एक विकल्प यह है कि इसे सीधे DevTools में चलाया जा सकता है. Chrome में अपने फ़ॉर्म वाला यूआरएल खोलें DevTools खोलें, लाइटहाउस टैब पर जाएं, और ऑडिट चलाएं.

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

सामान्य समस्याओं की पहचान करने वाले टूल

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

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

फ़ॉर्म इस्तेमाल करने के अनुभव को मॉनिटर कैसे किया जा सकता है?

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

PSI

पीएसआई का फिर से इस्तेमाल करना, अनुभव को मॉनिटर करने का एक तरीका है. अपना मॉनिटरिंग टूल बनाने के लिए, PSI API का इस्तेमाल किया जा सकता है: PageSpeed Insights API में इस काम का तरीका बताया गया है.

अगर दिए गए यूआरएल के लिए उपलब्ध है, तो पीएसआई में Chrome User Experience Report (CrUX) डेटासेट का डेटा शामिल होता है. इस तरह, फ़ील्ड का डेटा सीधे रिपोर्ट में भी देखा जा सकता है.

लाइटहाउस

लाइटहाउस को कमांड लाइन टूल के तौर पर, नोड मॉड्यूल के तौर पर या Lighthouse CI टूल के साथ इस्तेमाल किया जा सकता है. Lighthouse CI की परफ़ॉर्मेंस पर निगरानी रखने से, लगातार इंटिग्रेशन सिस्टम में Lighthouse को जोड़ने की जानकारी मिलती है, जैसे कि GitHub की कार्रवाइयां.

आपकी साइट को मापने और उसकी निगरानी करने के लिए, कई और tools उपलब्ध हैं. कुछ टूल, वेब टूल के तौर पर उपलब्ध हैं. कुछ आपको अपनी कमांड लाइन पर ऑडिट करने की सुविधा देते हैं. कुछ ऐप्लिकेशन, एपीआई उपलब्ध कराते हैं, ताकि इन्हें टूल के साथ इंटिग्रेट किया जा सके.

फ़ॉर्म का विश्लेषण करने का तरीका

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

Analytics

Google Analytics (GA) में से एक टूल का इस्तेमाल किया जा सकता है. इसे सेट अप करने के बाद, आपको एक JavaScript स्निपेट मिलता है जिसे आपने अपनी साइट के हर पेज में शामिल किया है. इसके बाद, यह पता लगाया जा सकता है कि लोग आपकी साइट का इस्तेमाल कैसे करते हैं.

आपका फ़ॉर्म कितने लोग उस पेज पर आते हैं? कितने लोगों ने फ़ॉर्म भरा और कितने लोग अगले पेज पर गए? Analytics टूल का इस्तेमाल करके आपको इन सवालों के जवाब मिलते हैं.

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

Analytics से जुड़े कई तरह के टूल उपलब्ध हैं. कुछ में सामान्य सुविधा होती है और कुछ में अलग-अलग चीज़ों के हिसाब से बदलाव करने के कई विकल्प होते हैं. अपनी ज़रूरत के हिसाब से, अलग-अलग तरह के टूल आज़माएं.

जांचें कि आपको कितना समझ आया

टेस्ट फ़ॉर्म के बारे में अपनी जानकारी को परखें

फ़ील्ड डेटा क्या है?

फ़ील्ड में इकट्ठा किया गया डेटा.
असल हालातों से लिया गया डेटा.
लैब में इकट्ठा किया गया डेटा.
असल उपयोगकर्ताओं का डेटा.

RUM इनसे मेट्रिक इकट्ठा करता है:

असल उपयोगकर्ता
पहले से तय ब्राउज़र
असली उपयोगकर्ताओं के ब्राउज़र
पहले से चुने गए उपयोगकर्ता

रिसॉर्स