ज़रूरी फ़ील्ड पर निशान लगाएं या वैकल्पिक फ़ील्ड छिपाएं

फ़ॉर्म में आप जो भी फ़ील्ड जोड़ते हैं, वह एक फ़ैसला है। शोध बताते हैं कि हर अतिरिक्त ज़रूरी फ़ील्ड से फ़ॉर्म पूरा होने की दर 10-15% गिर जाती है। लेकिन कम डेटा माँगने का मतलब कम डेटा मिलना भी है। कन्वर्ज़न बढ़ाने की कुंजी फ़ील्ड पूरी तरह हटाना नहीं है। कुंजी यह है कि आप सोच-समझकर तय करें कि कौन सी फ़ील्ड ज़रूरी होगी, कौन सी वैकल्पिक, और कौन सी तब तक छिपी रहेगी जब तक उसकी ज़रूरत न पड़े।

ज़रूरी फ़ील्ड कन्वर्ज़न रेट पर असल में क्या असर डालती हैं

जब कोई आपके फ़ॉर्म पर पहुँचता है, तो वह उसे कुछ सेकंड में स्कैन कर लेता है। शब्द-दर-शब्द नहीं पढ़ता। वह देखता है कि कितनी फ़ील्ड हैं, कितना स्क्रॉल करना पड़ेगा, और माँगी गई जानकारी ठीक लग रही है या नहीं।

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

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

अल्पसंख्यक पर निशान का नियम: कब ज़रूरी मार्क करें, कब वैकल्पिक

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

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

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

नियम सीधा है। जो भी अल्पसंख्यक है, उस पर निशान लगाएं।

ज़रूरी फ़ील्ड का लेबल ऐसे लिखें कि लोग उसे सच में देखें

अकेला तारा काफ़ी नहीं है। स्क्रीन रीडर इस्तेमाल करने वाले लोग तारा सुन नहीं सकते। जिनकी मातृभाषा अंग्रेज़ी नहीं है, वे इस परंपरा को शायद न पहचानें। तेज़ी से स्क्रॉल करने वाले छोटे निशान को चूक भी सकते हैं।

हल है परतदार लेबलिंग। आपको तारा चाहिए, "ज़रूरी" शब्द चाहिए, और दोनों दिखने में भी साफ़ हों और कोड में भी।

तारे के साथ "ज़रूरी" शब्द भी लिखें

शोध बताते हैं कि लेबल में लाल तारे (*) के साथ "ज़रूरी" शब्द लिखने से उलझन खत्म हो जाती है। तारा नज़र खींचता है। "ज़रूरी" शब्द उसका मतलब पक्का करता है। साथ मिलकर वे देख सकने वाले यूज़र, स्क्रीन रीडर यूज़र और सोचने-समझने में कठिनाई वाले लोगों, सबके लिए काम करते हैं।

ईमेल एड्रेस * (ज़रूरी) या फ़ोन नंबर * लिखें और उसके साथ यह पंक्ति दें: "तारे वाली फ़ील्ड ज़रूरी हैं।" यह तरीका अच्छा चलता है।

एक लेजेंड जोड़ें जो बताए कि ज़रूरी का मतलब क्या है

फ़ॉर्म की फ़ील्ड शुरू होने से पहले एक सीधी पंक्ति रखें, जैसे "* = ज़रूरी फ़ील्ड" या "तारे (*) वाली फ़ील्ड ज़रूरी हैं।" यह पंक्ति बहुत छोटी है, फिर भी यूज़र को निशान का मतलब खुद समझने की मेहनत से बचा देती है।

इसके साथ प्रोग्राम वाले HTML एट्रिब्यूट भी जोड़ें। अपने फ़ॉर्म के कोड में हर ज़रूरी इनपुट पर required या aria-required="true" जोड़ें। इससे ब्राउज़र और स्क्रीन रीडर को पता चल जाता है कि फ़ील्ड ज़रूरी है, सिर्फ़ विज़ुअल डिज़ाइन के भरोसे नहीं।

रंग से ज़्यादा कंट्रास्ट और जगह मायने रखती है

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

जगह भी मायने रखती है। तारा लेबल के ठीक बाद रखें, अलग तैरता हुआ नहीं। इससे "ज़रूरी" का संकेत फ़ील्ड के नाम से जुड़ा रहता है और बाएं से दाएं स्कैन करना आसान होता है।

जब वैकल्पिक फ़ील्ड पर निशान लगाने से बेहतर है उन्हें छिपाना

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

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

प्रोग्रेसिव डिस्क्लोज़र से फ़ॉर्म छोटे लगते हैं

जो फ़ॉर्म वैकल्पिक फ़ील्ड ज़रूरत पड़ने तक छिपाते हैं, वे सब कुछ पहले ही दिखाने वाले फ़ॉर्म से बेहतर कन्वर्ट करते हैं। वजह धारणा है। 12 फ़ील्ड दिखाने वाला फ़ॉर्म (भले ही उनमें 3 वैकल्पिक हों) उस फ़ॉर्म से लंबा लगता है जो 9 फ़ील्ड दिखाता है और यूज़र के जवाबों के हिसाब से 3 और खोलता है।

कंडीशनल लॉजिक पिछले जवाबों के आधार पर फ़ील्ड खोलता है

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

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

कंडीशनल ज़रूरी फ़ील्ड: सिर्फ़ तब ज़रूरी जब समझ में आए

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

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

बदलाव साफ़ दिखाएं

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

वे गलतियाँ जो चुपचाप आपकी कंप्लीशन रेट मार देती हैं

सही नियम होने पर भी छोटी गलतियाँ मिलकर एबंडनमेंट बढ़ा देती हैं। इनका ध्यान रखें।

लेजेंड के बिना अलग-अलग निशान मिलाना

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

वैकल्पिक फ़ील्ड को गलती से ज़रूरी मार्क कर देना

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

वह जानकारी छिपाना जो यूज़र को दिखनी चाहिए

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

बिना समझाए तारे का इस्तेमाल

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

फ़ॉर्म के बीच में ज़रूरी होने की स्थिति बदलना

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

ज़रूरी और वैकल्पिक फ़ील्ड में WEMASY कैसे मदद करता है

WEMASY में फ़ॉर्म टूल है, जिससे आप अपने फ़ॉर्म खुद बना सकते हैं। ऊपर बताए नियम अपने फ़ॉर्म पर आज़माएं।

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

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