वेबसाइट रूपों के लिए हमारी चेकलिस्ट

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









महत्व: अतिरिक्त उच्च



Form फॉर्म सेव करना।

) प्रपत्र वेब प्रपत्र (व्यवस्थापक पैनल) या SQL तालिकाओं में सहेजा जाता है।



□ शिपिंग पते का परिवर्तन।

□ ई-मेल किस वेब प्रपत्र से डेटा आता है, इसे प्रशासनिक पैनल में बदला जा सकता है।



महत्व: उच्च



प्रेषण पते की प्रासंगिकता।

Registered प्रसंस्करण अनुप्रयोगों के लिए जिम्मेदार व्यक्ति का वास्तविक ई-मेल पंजीकृत है।



ऐसा क्यों? विशिष्ट कार्यदिवस तकनीकी सहायता की स्थिति: मालिक

ऑनलाइन स्टोर आँसू और मस्जिद - ग्राहकों से कोई आवेदन नहीं। हम व्यवस्थापक पैनल खोलते हैं, देखो: पता svetochek1988@mail.ru दर्ज किया गया है, जहां सभी अनुरोध चलते हैं। आगे समझाने का कोई मतलब नहीं है।



Form फॉर्म सबमिट करना।

Is भरे हुए फॉर्म का डेटा प्रशासक को ई-मेल द्वारा भेजा जाता है।



Notification उपयोगकर्ता को एक अधिसूचना भेजना।

□ वैकल्पिक। उपयोगकर्ता को सफलतापूर्वक प्राप्त आवेदन और उसके बाद की आवश्यक क्रियाओं के बारे में अपने ई-मेल पर एक सूचना मिलती है।



नेविगेशन



□ खेतों के लिए प्लेसहोल्डर प्रदान किए जाते हैं।

Names यदि फ़ील्ड नामों पर हस्ताक्षर नहीं किए जाते हैं, तो फ़ील्ड के अंदर एक प्रॉम्प्ट प्रदर्शित किया जाता है, जो पाठ दर्ज किए जाने पर गायब हो जाता है।



ऐसा क्यों? उपयोगकर्ताओं को निर्देश देने की आवश्यकता होती है, और डिजाइनरों और डिजाइनरों को जानकारी प्रदान करने के लिए एक कॉम्पैक्ट तरीके की आवश्यकता होती है।



उदाहरण: यूनीप्लास्ट







That इस मूल्य का समर्थन करने वाले क्षेत्रों के लिए स्वत: पूर्ण विशेषता पंजीकृत है।

यदि उपयोगकर्ता ब्राउज़र में फ़ंक्शन अक्षम नहीं है, तो स्वतः पूर्ण विशेषता उपयोगकर्ता द्वारा फ़ील्ड में पहले दर्ज किए गए डेटा को प्रतिस्थापित करती है।



ऐसा क्यों? उपयोगकर्ता जितनी तेजी से एक फॉर्म भरता है, उतनी ही अधिक संभावना है कि वह इसे सबमिट करेगा।



उदाहरण: भूलभुलैया







Step बहु-चरण रूपों का सही संचालन।

To प्रपत्र के आगे का नेविगेशन वर्तमान चरण और शेष चरणों की संख्या दर्शाता है।

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



उदाहरण: असोस







नोट। कुछ परियोजनाओं पर, हमने सामाजिक नेटवर्क के माध्यम से प्राधिकरण के पक्ष में मानक पंजीकरण से इनकार कर दिया।

उदाहरण: आराम



□ ब्राउज़र में फ़ॉरवर्ड और बैक बटन का उपयोग करके नेविगेट करते समय मल्टी-स्टेप फॉर्म सही तरीके से काम करते हैं।



मान्यता



, एक निश्चित सीमा से संख्यात्मक मानों के लिए, न्यूनतम और अधिकतम वर्णों की सीमाएँ निर्धारित हैं।

□ तारीखों, समय और अन्य समान विशेषताओं के लिए इसे जांचें।

ऐसा क्यों? लापरवाही के कारण बाहरी झूठ या त्रुटियों के प्रकट होने के खिलाफ एक सरल सुरक्षा जाल - भविष्य में जन्म की तारीख या आवेदन के समय की तुलना में पहले डिलीवरी का समय।



□ स्वीकार विशेषता फ़ाइल अपलोडिंग मानने वाले क्षेत्रों के लिए निर्दिष्ट है, जो अपलोड किए गए दस्तावेज़ों के प्रकार को निर्धारित करता है।

ऐसा क्यों? यदि हार्ड डिस्क से चुनने पर स्वीकार विशेषता पंजीकृत होती है, तो उपयोगकर्ता डाउनलोड करने के लिए केवल उपयुक्त फ़ाइल प्रकार देखता है - उदाहरण के लिए, डॉक और txt। यह एक प्रारूप में दस्तावेज़ भेजने को बाहर करता है जो प्रसंस्करण के लिए उपयुक्त नहीं है।



, ऐसे क्षेत्रों के लिए जिनका सत्यापन नियमित अभिव्यक्ति से गुजरता है, पैटर्न विशेषता पंजीकृत है।

सत्यापन सिस्टम आवश्यकताओं के अनुपालन के लिए उपयोगकर्ता द्वारा दर्ज किए गए डेटा का सत्यापन है। एक विशेष प्रारूप में निर्दिष्ट नियमित अभिव्यक्ति के साथ सामंजस्य स्थापित करके जानकारी को सत्यापित किया जाता है।

उदाहरण के लिए, एक पासवर्ड के लिए नियमित अभिव्यक्ति [0-9] {5,10} का मतलब है कि इसमें केवल संख्याएँ हो सकती हैं, और इसकी लंबाई पाँच से दस वर्णों तक होती है। यदि फ़ील्ड के लिए पैटर्न विशेषता पंजीकृत है, तो डेटा सही ढंग से दर्ज किए जाने तक फॉर्म जमा नहीं किया जाता है।



Obvious आवश्यक डेटा प्रारूप जिसे उपयोगकर्ता को दर्ज करना होगा वह उसके लिए स्पष्ट है।

ऐसा क्यों? डेटा दर्ज करते समय उपयोगकर्ता को यह समझना चाहिए कि उससे क्या अपेक्षित है। ऐसा करने के लिए, "पासवर्ड में कम से कम 8 अक्षर होते हैं और संख्याएँ और लैटिन अक्षर शामिल होते हैं" जैसी संक्षिप्त व्याख्याएँ हैं।



Are मानव भाषा में इनपुट प्रारूप पर निर्देश उपलब्ध हैं।

ऐसा क्यों? एक स्पष्ट और समझने योग्य संकेत आपको त्रुटि के कारणों को जल्दी से समझने की अनुमति देता है और फॉर्म फ़ील्ड भरते समय गूंगा महसूस नहीं करता है।



उदाहरण: लीटर







H उपयोगकर्ता नियमित अभिव्यक्ति को कार्रवाई के संकेत के रूप में नहीं देखता है।

ऐसा क्यों? सूचकांक क्षेत्र के लिए संकेत, जो एक नियमित अभिव्यक्ति [0-9] है, बहुत जानकारीपूर्ण नहीं है। वाक्यांश "सूचकांक में 0 से 9 तक की संख्याएं हैं" उपयोगकर्ता के लिए बहुत स्पष्ट है।



। त्रुटि संदेश सामान्य उपयोगकर्ताओं और तार्किक के लिए समझ में आता है।



उदाहरण: ज़िमज़ूम







यह महत्वपूर्ण है । गलत फॉर्म फिलिंग के बारे में संदेश में एक सामान्य त्रुटि एक नियमित अभिव्यक्ति है।



अन्य



The प्रपत्र उपयोगकर्ता से केवल आवश्यक डेटा पूछता है।

फॉर्म खोलें, नेत्रहीन यह सुनिश्चित करें कि केवल आवश्यक न्यूनतम जानकारी की आवश्यकता है।

यह महत्वपूर्ण क्यों है? वॉल्यूमेट्रिक फॉर्म रूपांतरण को मारते हैं। पंजीकरण, खरीद या प्रतिक्रिया यथासंभव सरल होनी चाहिए ताकि उपयोगकर्ताओं को भ्रमित न किया जा सके।



उदाहरण: सेल्फप्रिंट







Not यदि सभी क्षेत्रों की आवश्यकता है, तो तारांकन उनके नामों के आगे प्रदर्शित नहीं होते हैं - * प्रतीक।

प्रपत्र खोलें और इसे नेत्रहीन देखें। सभी क्षेत्रों के अनिवार्य समापन के बारे में वर्णनात्मक पाठ वांछनीय है।



□ अधिकृत उपयोगकर्ता के लिए, विज़िटर के बारे में ज्ञात सभी डेटा स्वचालित रूप से फॉर्म फ़ील्ड में प्रतिस्थापित कर दिए जाते हैं।

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



, बल्क संदेश में प्रवेश करते समय, एक बहु-पंक्ति पाठ क्षेत्र अपनी ऊँचाई को बदल देता है या सभी सामग्री को देखने के लिए दाईं ओर स्क्रॉलबार दिखाई देता है।

मल्टी-लाइन टेक्स्ट फ़ील्ड के साथ फ़ॉर्म खोलें, जितना संभव हो उतने वर्ण दर्ज करें।

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



उदाहरण: फर-एक्सपो







Fields सही TYPE विशेषता ब्राउज़र के फार्म तत्वों के प्रकार को बताते हुए फॉर्म फ़ील्ड में निर्दिष्ट होती है।

Ur तारीखों, समय, फोन, रेंज, यूआरएल, ई-मेल के प्रकार, संख्याओं को सही ढंग से इंगित किया गया है।



, धीमी चैनल पर फॉर्म भेजते समय, उपयोगकर्ता इसमें डेटा नहीं बदल सकता है।

यह महत्वपूर्ण है। अजाक्स रूपों के लिए मान्य।

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

नेत्रहीन यह दिखाने के लिए वांछनीय है कि फॉर्म लॉक है। एक विकल्प प्रीलोडर है:







महत्व: कम



Effect संकेतों और त्रुटियों को एक एनिमेटेड प्रभाव के साथ किया जाता है।

नोट। यह सेटिंग डिज़ाइन पर निर्भर और वैकल्पिक है।



इसके बाद, तीन विवादास्पद कहानियां हैं, जिन्हें डिज़ाइन चरण में प्रबंधक के साथ संबोधित करने की आवश्यकता है।



□ डेटा भेजने के लिए बटन चेकबॉक्स "नियमों से सहमत" होने तक निष्क्रिय है, "उपयोगकर्ता समझौता" सक्रिय है।



उदाहरण: बाजार







Entered सेंड डेटा बटन तब तक निष्क्रिय रहता है जब तक कि दर्ज किया गया सभी डेटा पॉजिटिव वेलिडेशन पास नहीं कर लेता।

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

यह महत्वपूर्ण है। कुछ मामलों में, गलतता एक सापेक्ष अवधारणा है। प्रतिस्थापन का प्रतिस्थापन - प्रतिक्रिया के रूप में टेलीफोन नंबरों का सत्यापन । संक्षेप में, इसे बंद कर दें।



□ यदि डेटा ने सकारात्मक सत्यापन पारित नहीं किया, तो डेटा भेजने के लिए बटन पर कर्सर होने पर एक सूचना संदेश प्रदर्शित होता है।

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



सूची मुद्रित की जा सकती है - प्रयोज्य परीक्षण के लिए इसका उपयोग करें। यही बात एक Google दस्तावेज़ में है



All Articles