डार्क वेब फॉर्म पैटर्न या सबसे अधिक रूपांतरण फ़ॉर्म क्या होगा

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

आइए हम याद करें कि मैं इस प्रकाशन में उपयोग की गई शर्तों को निर्दिष्ट करूंगा।

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

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

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

चेकबॉक्स - एक स्विच बटन जिसमें 2 मान हैं, हां या नहीं (ऑन / ऑफ)।

एक बार जब मैंने आधुनिक वेब रूपों की उपयोगिता के बारे में मध्यम पर एक लेख लिखा - "प्रयोज्य के साथ रूप के रूपांतरण को कैसे बढ़ाया जाए।" अब मैं कई पहलुओं को नहीं छूऊंगा जो पहले वर्णित उपयोगकर्ता अनुभव को प्रभावित करते हैं, लेकिन केवल उन सिद्धांतों और सिद्धांतों पर स्पर्श करें जिन्हें मैं इस उदाहरण में उपयोग करूंगा।

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

कार्य

3 मानक इनपुट फ़ील्ड + इसमें अतिरिक्त रूप (हम अतिरिक्त रूपों पर स्पर्श नहीं करेंगे, क्योंकि यह एक अलग विषय है, कुछ टन के आकार का)।

फोन नंबर, ग्राहक का नाम, ईमेल और एक संक्षिप्त रूप।

लक्ष्य

फॉर्म को भरना जितना संभव हो उतना आसान बनाएं और किसी भी तरह से अंतिम सबमिशन तक ले जाएं।

प्रस्तावना

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

निर्णय

केवल एक फ़ील्ड - फ़ोन नंबर छोड़ने का निर्णय लिया गया था, और इसके प्रवेश को पूरा करने के बाद, 3 शेष तत्व दिखाएं। वैकल्पिक फ़ील्ड - ग्राहक द्वारा विशिष्ट संक्षिप्त विवरण भरने के लिए ईमेल और एक अलग फॉर्म। साथ ही ग्राहक के नाम का दूसरा आवश्यक क्षेत्र। इस प्रकार, फोन नंबर भरने के बाद, हम फॉर्म को अंत तक गलत और दर्दनाक रूप में भरने के लिए प्रस्थान का रास्ता बनाते हैं। अतिशयोक्तिपूर्ण लगता है "ठीक है, मैंने नंबर भर दिया है, वहाँ बहुत कुछ नहीं बचा है", जैसे कि ग्राहक निर्धारित होता है और संक्षिप्त को भरने के लिए अपना समय नहीं छोड़ता है, वह संक्षिप्त में भरने के साथ एक अलग फॉर्म भी दर्ज करेगा। सूचना के एक किलो में प्रवेश करने की वैकल्पिकता और पीड़ा के कारण, हमने संक्षिप्त इनपुट फ़ील्ड को वैकल्पिक और अस्वीकृत कर दिया (हम ग्रंथों के बड़े संस्करणों को भरना पसंद नहीं करते हैं, खासकर यदि वे रचनात्मक निष्कर्ष और कथन का अर्थ करते हैं), जिससे, छोटी जानकारी शुरू करने की आड़ में, हमें कई मिलें उसके अधिक समय। हमने पसंद की स्वतंत्रता, और घटनाओं की शाखाओं की पसंद को दिखाया, लेकिन वास्तव में यह मौजूद नहीं है, क्योंकि संक्षिप्त किसी भी मामले में भरा जाएगा, एकमात्र सवाल यह है कि कितनी जल्दी।

इनमें से सात नॉट-ट्रिकी फ्रॉड्स हमें फ़ॉर्म भरने की प्रक्रिया में उपयोगकर्ताओं की प्रभावी भागीदारी देता है, यांडेक्स और कई अन्य सफल सेवाएं इस तकनीक का उपयोग करती हैं।

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



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

ध्यान वितरण और लेबल अनुपात

प्रयोज्यता की सिफारिशों, अंकों और तत्वों की संख्या, जिन पर हमें ध्यान देने की आवश्यकता है, का अध्ययन करते हुए, हम समझते हैं कि सबसे संतोषजनक विकल्प इनपुट क्षेत्र के शीर्ष पर लेबल का स्थान है, जिससे हम स्क्रीन के किनारों के साथ स्प्रे किए बिना, एक ऊर्ध्वाधर रेखा के साथ दृष्टि के वेक्टर का संचालन करते हैं।

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

चूंकि हमारे पास भरने के लिए केवल 3 फ़ील्ड हैं, इसलिए केवल लेबल के रूप में प्लेसहोल्डर का उपयोग करने का निर्णय लिया गया था, बिना किसी डर के उसी कारण कि उपयोगकर्ता भरे हुए फ़ील्ड के लेबल को भूल जाएगा और डेटा विशिष्ट होगा।

स्वत: पूर्ण और टेम्पलेट

बेशक, उपयोगकर्ता अनुभव के निर्माण में स्वत: पूर्णता बहुत महत्वपूर्ण भूमिका निभाती है, समस्याओं को हल करने की सुविधा और गति को बढ़ाती है। लेकिन क्या होगा अगर यह मौजूद नहीं है, या अगर संसाधन पर भरने के लिए कोई डेटा नहीं है, तो इस मामले में टेम्पलेट का उपयोग करना एक अच्छा विचार होगा, यह महत्वपूर्ण है कि उन क्षेत्रों के लिए इनपुट टेम्पलेट का उपयोग न करें जहां यह दर्ज किए गए डेटा के स्पष्ट तर्क और सटीकता से निर्धारित नहीं है। इस स्थिति में, एक स्थैतिक +7 का उपयोग किया जाता है और आगे टेम्पलेट में, एक त्रुटि की संभावना को छोड़कर, यह प्रवेश करने के लिए रहता है (___) ___-__-__। यदि उपयोगकर्ता मौजूदा टेम्पलेट पर ध्यान दिए बिना सूचना में प्रवेश करता है, वह है, फॉर्म - 89676552889, इस तरह के मामलों को सही करने के लिए js लिपियों को पेश करके इस स्थिति को ठीक किया जाता है।

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

फॉर्म सबमिशन और अटेंशन

प्रपत्र बनाते समय कार्रवाई के लिए कॉल पर ध्यान आकर्षित करना महत्वपूर्ण है, हमारे मामले में, संसाधन पर सूचना ब्लॉक के उद्देश्य की व्याख्या करने के बाद, हम रूपांतरण तत्व पर ध्यान केंद्रित करते हैं, अर्थात्, "योजना का स्थान" बटन, माइक्रोएनेरेशन के एनीमेशन के माध्यम से और रंग योजना के कारण हाइलाइटिंग। । वास्तव में, सबसे महत्वपूर्ण से ध्यान हटाते हुए, हम खुद को कार्रवाई पर रखते हैं

वाक्यांशों

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

जीवन की कहानी

मेरे छात्र दिनों में, निर्माण अभियान में काम करते हुए, सभी के लिए और सब कुछ के लिए, मुझे एक सहायक कंपनी की साइट पर वेब फॉर्म एनालिटिक्स करना पड़ा, यह पाया गया कि 70% उपयोगकर्ताओं ने फॉर्म भरना शुरू कर दिया और दो क्षेत्रों को भी पूरा किए बिना साइट को छोड़ दिया।

चाल

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

यह स्वीकार है, बदले में, एक अंधेरे पैटर्न और एक कंपनी के रूप में आपके लिए ग्राहक वफादारी नहीं लाता है। इस तरह के अंधेरे पैटर्न व्यक्तिगत डेटा का उपयोग करने के अधिकारों का उल्लंघन करते हैं। स्पष्ट उल्लंघन से अपनी आंखों को रोकने के लिए, एक शिलालेख है "व्यक्तिगत डेटा का उपयोग करने के लिए शर्तों पर सहमत होने वाले डेटा भेजने या शुरू करने से", व्यक्तिगत डेटा के उपयोग के लिए पूर्ण समझौते को खोलने पर समझौते की असुविधाजनक विशेषताएं छोटे प्रिंट में होती हैं।

निष्कर्ष

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