पैसिव फुलप्रूफ

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







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



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

स्टेज वन। समस्याओं

आइए साइट रचनाकारों द्वारा की गई सबसे लोकप्रिय गलतियों का एहसास करें। बेशक, वे सैडिस्ट नहीं हैं, वे हमेशा अपने दिमाग की उपज के दौरान कारण द्वारा निर्देशित नहीं होते हैं।

1. कर्सर फोकस स्वचालित रूप से कैंसिल, डिलीट बटन पर हो जाता है।
2. हटाने, रद्द करने, मिटाने के लिए बटन - मुख्य नेविगेशन तत्वों (जैसे अगले चरण में जाने के लिए बटन, उपयोगी लिंक आदि) के लिए संदिग्ध निकटता में हैं।
3. अपरिवर्तनीय परिणामों के लिए अग्रणी तत्वों को व्यवस्थित किया जाता है ताकि आंख के उपयोगकर्ता को कॉलस किया जा सके।
4. डेटा हानि के लिए जाने वाले कार्य अपरिवर्तनीय हैं।

स्टेज दो। समाधान

दूसरा चरण इन समस्याओं से निपटना है, और तय करना है कि इनसे कैसे बचा जाए।



तो: चाल।



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



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



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



आदर्श रूप में, सभी उपयोगकर्ता क्रियाएं पूर्ववत की जा सकती हैं। लेकिन अभ्यास, हमेशा की तरह, आदर्श से बहुत दूर है, इसलिए आपको उपरोक्त बिंदुओं के 3 को ध्यान में रखना होगा।

स्टेज तीन। ईमानदार

मैंने इस मंच पर सबसे अधिक ध्यान केंद्रित किया - इसमें मैं कई विचारों का वर्णन करूंगा जो गैर-इरादतन उपयोगकर्ता कार्यों से बचाने में मदद करेंगे।



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



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



3. "हटाएं" लिंक डालें, जब क्लिक किया जाता है, तो निष्कासन नहीं होता है, लेकिन संबंधित बटन दिखाई देता है। फिर, इस क्षेत्र में आकस्मिक क्लिकों को समाप्त करता है।



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

अब नुकसान के बारे में:

1. यदि बटन के बगल में एक चेकबॉक्स है, तो यह सबसे सहज रूप से स्पष्ट है कि यह चेकबॉक्स एक बटन को भी सक्रिय करता है। दुर्भाग्य से, यह स्पष्ट से सभी के लिए दूर है।



2. एक शिलालेख के बिना, यह स्पष्ट नहीं है कि क्या करना है। और, जैसा कि आप जानते हैं, सभी लोग उन पर क्लिक करने से पहले इंटरफ़ेस तत्वों के हस्ताक्षर नहीं पढ़ते हैं।



3. विशेष रूप से प्रभावशाली व्यक्तित्वों की जलन को छोड़कर व्यावहारिक रूप से कोई भी मंत्री नहीं हैं, जिनके लिए अपने स्वयं के अच्छे के लिए अतिरिक्त क्लिक करना एक पाइप खोने से भी बदतर है।



4. राक्षसी संरक्षण, जो, हालांकि, तीन क्लिकों के रूप में शामिल करता है, हर दर्शक इस निर्णय का समर्थन नहीं करेगा: गीक्स दुखी होंगे, और सामान्य उपयोगकर्ता तुरंत समझ नहीं पाएंगे। उपरोक्त में समझौता करना आवश्यक है।

यारोस्लाव बिरज़ुल (डेज़मास्टर) द्वारा पोस्ट किया गया।

स्रोत: वेब यूआई ब्लॉग

पोस्ट करने के लिए चित्र: Designfrick