ऑटोफ़िल और प्रीफ़िल्ड फ़ील्ड: सुविधा से फ़ॉर्म कैसे पूरे होते हैं

ऑटोफ़िल और प्रीफ़िल्ड फ़ील्ड विज़िटर की टाइपिंग घटाने के दो तरीके हैं। ऑटोफ़िल ब्राउज़र की तरफ़ से काम करता है। प्रीफ़िल्ड फ़ील्ड आपके बैकएंड से काम करते हैं। साथ में, ये फ़ॉर्म पूरे होने की दर काफ़ी ऊपर ले जाते हैं।

इस अध्याय में बताया गया है कि दोनों क्या करते हैं, कैसे काम करते हैं, किसे कब इस्तेमाल करें और उन्हें सही तरह से कैसे लागू करें।

ऑटोफ़िल और प्रीफ़िल्ड फ़ील्ड के मापे जा सकने वाले फ़ायदे

Chrome Developers के एक अध्ययन ने अमेरिका भर के हज़ारों फ़ॉर्म को ट्रैक किया। जब विज़िटर ब्राउज़र का ऑटोफ़िल इस्तेमाल करते हैं, तो वे फ़ॉर्म लगभग 35% तेज़ पूरे करते हैं। उनका एबंडनमेंट रेट लगभग 75% घटता है, भले ही ऑटोफ़िल फ़ॉर्म का सिर्फ़ एक हिस्सा भरे। यूज़र को फिर भी ब्राउज़र के भरे को देखकर पुष्टि करनी पड़ती है, लेकिन टाइपिंग की मेहनत घटना ही असली फ़र्क डालती है।

कई तरह के फ़ॉर्म के एक डेटासेट में, 23% यूज़र ने अपने फ़ॉर्म के सफ़र में ऑटोफ़िल चलाया। उन यूज़र ने 71% बार फ़ॉर्म पूरा किया। जिन विज़िटर ने ऑटोफ़िल इस्तेमाल नहीं किया, उनके लिए पूरा होने की दर 59% थी। 12 प्रतिशत अंक का यह फ़ासला तब तेज़ी से बढ़ता है जब आप बड़े पैमाने पर फ़ॉर्म चलाते हैं।

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

ऑटोफ़िल कैसे काम करता है और उसे सपोर्ट करने के लिए आपको क्या करना है

आज ज़्यादातर विज़िटर ऑटोफ़िल वाला ब्राउज़र इस्तेमाल करते हैं। सभी बड़े ब्राउज़र में यह है, Chrome समेत। कई लोग पासवर्ड मैनेजर इस्तेमाल करते हैं, जो ऑटोफ़िल की क्षमता को और बढ़ा देते हैं। लेकिन ऑटोफ़िल तभी काम करता है जब आपका फ़ॉर्म उसे लेने के लिए सेट हो।

ब्राउज़र हर इनपुट फ़ील्ड का नाम और type एट्रिब्यूट देखता है। अगर आपके फ़ील्ड का नाम "field1" या "input2" जैसा आम है, तो ब्राउज़र को पता नहीं कि उसमें क्या भरना है। अगर आप उसे "email" नाम दें और type "email" रखें, तो ब्राउज़र जान जाता है। अगर आप उसे "shipping_address_line_1" नाम दें और autocomplete एट्रिब्यूट "address-line1" रखें, तो ब्राउज़र ठीक जानता है कि वहां क्या डालना है।

आपका HTML उससे मेल खाना चाहिए जो ब्राउज़र उम्मीद करते हैं। मानक फ़ील्ड नाम इस्तेमाल करें। सही type एट्रिब्यूट रखें (email, tel, number, text)। हर फ़ील्ड के लिए सही वैल्यू के साथ autocomplete एट्रिब्यूट जोड़ें। यूज़र जिन फ़ील्ड में ऑटोफ़िल की उम्मीद करते हैं, उनमें सबसे आम हैं: ईमेल फ़ील्ड (type="email" और autocomplete="email"), फ़ोन फ़ील्ड (type="tel" और autocomplete="tel"), पते के फ़ील्ड (खास autocomplete वैल्यू जैसे सड़क के पते के लिए autocomplete="address-line1", राज्य के लिए autocomplete="address-level1", ज़िप के लिए autocomplete="postal-code"), और नाम के फ़ील्ड (type="text" और पहले नाम के लिए autocomplete="given-name" या उपनाम के लिए autocomplete="family-name")।

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

प्रीफ़िल्ड फ़ील्ड कैसे काम करते हैं और असल में कब मदद करते हैं

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

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

यहां पारदर्शिता मायने रखती है। साफ़ बताएं कि वे फ़ील्ड क्यों भरे हैं। "हमारे पास आपकी कंपनी का नाम दर्ज है" या "यह वही पता है जो आपने पिछली बार दिया था" फ़ॉर्म के ऊपर छोटे नोट के रूप में जोड़ने में दो सेकंड लगते हैं और उलझन हटाता है। झंझट तब आती है जब फ़ील्ड बिना सहमति के भरे जा रहे लगते हैं।

प्रीफ़िल करने से कब रुकें और क्या गलत हो सकता है

प्रीफ़िल्ड फ़ील्ड तभी काम करते हैं जब डेटा सही और ताज़ा हो। अगर किसी विज़िटर ने अपना फ़ोन नंबर अपडेट किया लेकिन फ़ॉर्म पुराने डेटाबेस से ले रहा है, तो वह गलत जानकारी देखता है और उसे सुधारना पड़ता है। वह झंझट मकसद को ही खत्म कर देती है। यूज़र को हमेशा प्रीफ़िल्ड डेटा को बदलने और सुधारने की सुविधा दें। कभी फ़ील्ड को लॉक करके उन्हें बदलवाने के लिए सपोर्ट से संपर्क करने पर मजबूर न करें।

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

अधिकतम असर के लिए ऑटोफ़िल और प्रीफ़िल्ड फ़ील्ड को साथ इस्तेमाल करना

सबसे मज़बूत तरीका दोनों को एक साथ इस्तेमाल करता है। जो विज़िटर लॉग इन हैं, उनके लिए वह डेटा प्रीफ़िल करें जो आपके सिस्टम में है। जो विज़िटर नया ब्राउज़र या डिवाइस इस्तेमाल कर रहे हैं, उनके लिए पक्का करें कि आपके autocomplete एट्रिब्यूट सही सेट हैं ताकि उनका ब्राउज़र ऑटोफ़िल काम कर सके। कुछ विज़िटर को प्रीफ़िल्ड डेटा दिखेगा। कुछ ब्राउज़र ऑटोफ़िल इस्तेमाल करेंगे। कुछ दोनों करेंगे। किसी भी हाल में, फ़ॉर्म में कम टाइप करना पड़ता है और पूरे होने की दर सुधरती है।

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

क्या प्रीफ़िल करना ठीक है और क्या खाली छोड़ें

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

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

अपने फ़ॉर्म पूरे होने की दर पर असर कैसे मापें

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

प्रीफ़िल्ड फ़ील्ड के लिए टेस्ट ऐसा ही है। अगर आप अपने ऑडियंस को बांट सकते हैं, तो कुछ विज़िटर को प्रीफ़िल्ड डेटा और बाकी को खाली फ़ील्ड दिखाएं। प्रीफ़िल्ड समूह के लिए पूरे होने की दर ज़्यादा होनी चाहिए। अगर नहीं है, तो या तो आपका डेटा गलत है या आप जितने फ़ील्ड प्रीफ़िल कर रहे हैं वे गति देने की जगह उलझन पैदा कर रहे हैं।

अक्सर पूछे जाने वाले सवाल

ऑटोफ़िल और प्रीफ़िल्ड फ़ील्ड मापे जा सकने वाले नतीजे देते हैं। 35% की गति में सुधार और एबंडनमेंट में 75% की कमी उन विज़िटर पर लागू होती है जो इन्हें इस्तेमाल करते हैं। ये छोटे फ़ॉर्म और साफ़ लेबलिंग के साथ सबसे अच्छा काम करते हैं। साथ में, ये तीनों तत्व फ़ॉर्म पूरे होने के फ़ायदे काफ़ी बढ़ा देते हैं।

फ़ॉर्म की लंबाई घटाने के बारे में और जानने के लिए आदर्श फ़ॉर्म लंबाई की पूरी गाइड देखें। तकनीकी लागू करने के लिए देखें कि यूज़र डेटा से फ़ॉर्म कैसे प्रीफ़िल करें। व्यापक ऑप्टिमाइज़ेशन रणनीति के लिए फ़ॉर्म कन्वर्ज़न रेट ऑप्टिमाइज़ेशन गाइड पढ़ें।