त्रुटि पदानुक्रम और प्राथमिकता उभार
1) आपको त्रुटि पदानुक्रम की आवश्यकता क्यों है
गलती सिर्फ "लाल पाठ नहीं है। "यह एक नियंत्रित संकेत है जो होना चाहिए:- समझाइए कि क्या गलत हु
- यह क्यों मायने रखता है,
- सुझाव दें कि आगे क्या करना है,
- यदि कई त्रुटियां हैं तो प्राथमिकता दें।
- त्रुटि पदानुक्रम संज्ञानात्मक भार को कम करता है, सुधार को गति देता है और चरण रूपांतरण (पंजीकरण, भुगतान, केवाईसी) को बढ़ाता है।
2) गंभीरता मॉडल
हम 5 ग्रेड की सिफारिश करते हैं - समस्याओं को रोकने के लिए सूचित करने से:1. जानकारी - "प्रोफ़ाइल अधूरा है, बाद में पूरा किया जा सकता है। "ब्लॉक नहीं करता है।
2. ध्यान दीजिए - "सीमा लगभग समाप्त हो चुकी है। "हम कार्रवाई की सिफारिश करते हैं।
3. चेतावनी - "प्रारूप बेमेल, आंशिक रूप से सहेजा गया डेटा। "हस्तक्षेप कर सकते हैं।
4. त्रुटि - "अवैध प्रारूप/आवश्यक क्षेत्र रिक्त है। "एक विशिष्ट कार्रवाई को अवरुद्ध कर
5. महत्वपूर्ण - "भुगतान से इनकार/सुरक्षा जोखिम। "स्क्रिप्ट को अवरुद्ध करता है, एक तत्काल कदम की आवश्यकता होती है।
नियम:- एक स्क्रीन - एक मुख्य स्थिति।
- कई त्रुटियों के लिए: ऊपर से महत्वपूर्ण दिखाएं और पहली त्रुटि के लिए स्क्रॉल करें।
3) प्राथमिकता पर प्रकाश डालने के सिद्धांत
1. दृश्य पदानुक्रम: रंग/आइकन/मोटाई/आलोचना के साथ विपरीत वृद्धि।
2. स्थानिक निकटता: क्षेत्र/क्षेत्र के पास एक त्रुटि जिससे यह संबंधित है।
3. फोकस और स्क्रॉल: स्वतः स्क्रॉल को पहली त्रुटि + समस्या क्षेत्र पर फोकस करें।
4. एक मुख्य कॉलआउट: एक महत्वपूर्ण समस्या + स्थानीय संकेतों के बारे में सामान्य बैनर/अलर्ट।
5. टोकन अनुक्रम: जानकारी/चेतावनी/त्रुटि के लिए रंग/प्रतीक/फोंट पूरे उत्पाद में अपरिवर्तित हैं।
6. लाइफटाइम: स्थानीय त्रुटियां - अभी तक तय नहीं; बैनर - बंद करने/फिक्सिंग से पहले।
7. भ्रमित मत करें: "रिक्त ≠" "त्रुटि", "प्रतीक्षा" ≠ "त्रुटि"।
4) दृश्य भाषा (यूआई टोकन)
रंग:- जानकारी - तटस्थ नीला/ग्रे,
- नोटिस - एम्बर/पीला,
- चेतावनी - नारंगी,
- त्रुटि - लाल,
- गंभीर - समृद्ध लाल + विपरीत पृष्ठभूमि।
- प्रतीक: जानकारी ⓘ, नोटिस, त्रुटि/, सफलता।
- क्षेत्र के नीचे इनलाइन संदेश (न्यूनतम फ्रेम)।
- प्रति पंक्ति/कार्ड पंक्ति-कॉलआउट।
- पेज-अलर्ट (बैनर) - सामान्य/महत्वपूर्ण के लिए।
- माइक्रोनिमेशन: नरम उपस्थिति, लेआउट को "झटका" दिए बिना।
5) त्रुटि ग्रंथ: सूत्र और उदाहरण
सूत्र: क्या गलत है + कैसे ठीक करें + (क्यों/बाधा)।
"अवैध तिथि प्रारूप। डीडी प्रारूप में भरें। MM। YYYY"
"फ़ाइल बहुत बड़ी है (अधिकतम 10 एमबी)। कृपया छोटी फ़ाइल डाउनलोड करें"
"सत्यापन का अपर्याप्त स्तर। KYC लें - इसमें ~ 2 मिनट लगते हैं"
"बैंक द्वारा भुगतान से इनकार कर दिया गया था। एक और तरीका आजमाएँ या अपने बैंक से संपर्क करें
एंटी-पैटर्न: "त्रुटि 400", "कुछ गलत हो गया", तनावपूर्ण चरणों में हास्य।
6) जटिल रूपों में पदानुक्रम (पंजीकरण/एसीसी/भुगतान)
1. ब्लर पर इनलाइन सत्यापन: हम तुरंत स्थानीय त्रुटियों को पकड़ ते हैं।
2. प्रस्तुत करने के लिए वैश्विक जाँच: "सही चिह्नित क्षेत्र" बैनर और सूची/एंकर दिखाएँ।
3. त्रुटि नेविगेशन: कुंजीपट/टैब, "त्रुटि पर जाएँ # 1/# N".
4. सुधार का आदेश: पहले अवरोधन (त्रुटि/महत्वपूर्ण), फिर चेतावनी/सूचना।
5. संदर्भ सहेजें - जब कोई त्रुटि आती है तो इनपुट खो नहीं जाता है।
7) परिदृश्यों की विशिष्टता
7. 1 भुगतान/निकासी
महत्वपूर्ण: प्रदाता/बैंक द्वारा अस्वीकृति, संदिग्ध गतिविधि।
त्रुटि: कार्ड/IBAN क्षेत्र, राशि/आवृत्ति पर सीमा।
चेतावनी: धीमा नेटवर्क/टाइमआउट।
पाठ: "बैंक द्वारा अस्वीकृत भुगतान। किसी अन्य विधि का प्रयास करें या अपने बैंक शुल्क शुल्क नहीं लिया गया है"
7. 2 सीसीएस/सुरक्षा
महत्वपूर्ण: दस्तावेज जाली/अवरुद्ध देश/बहु-खाता।
त्रुटि: अपठनीय दस्तावेज ़/तिथि बेमेल।
पाठ: "दस्तावेज़की तस्वीर धुंधली है। अच्छे प्रकाश में एक तेज छवि अपलोड करें"
7. 3 खोज/फ़िल्टर
यह कोई गलती नहीं है, लेकिन एक शून्य परिणाम है।
पाठ: "{query}" के लिए कोई परिणाम नहीं "प्रदाता: X" फ़िल्टर हटाएँ या "{alt}" कोशिश करें. [फिल्टर रीसेट करें]"
8) उपलब्धता (A11y) और विनिर्देश
त्रुटियों को स्क्रीनर के लिए घोषित किया जाता है: आरिया-लाइव = "मुखर" महत्वपूर्ण के लिए, दूसरों के लिए "विनम्र"।
त्रुटि वाले क्षेत्र: आरिया-अमान्य =" सही", आरिया-वर्णन प्रति संदेश।
फोकस पहली त्रुटि पर जाता है; टैबिंग ऑर्डर तर्क को संरक्षित करता है।
WCAG AA द्वारा कंट्रास्ट; आइकन पाठ को प्रतिस्थापित नहीं करता है।
अर्थ खोए बिना पाठ को जोर से पढ़ा जाना चाहिए।
9) स्थानीयकरण और कानूनी सटीकता
शब्दजाल और सांस्कृतिक रूपकों से बचें।
शर्तों पर सहमत हों (शब्दावली): "भुगतान अस्वीकार कर दिया", "सीमा पार हो गई", "सत्यापन"।
स्थानीय प्रारूप में शर्तें और प्रतिबंध निर्दिष्ट करें: "15 मिनट तक", मुद्राएँ/तिथियाँ।
10) गुणवत्ता मैट्रिक्स
क्षेत्र/चरण द्वारा त्रुटि दर।
टाइम-टू-फिक्स।
एक त्रुटि के बाद ड्रॉप-ऑफ (वे इसे ठीक किए बिना कितना छोड़ देते हैं)।
उपयोक्ता/सत्र द्वारा पुनरावृत्ति
त्रुटि प्रकार द्वारा कॉल समर्
पदानुक्रम में परिवर्तन से पहले/बाद में रूपांतरण।
A/B विचार:- केवल स्वतः स्क्रॉलिंग और फ़ोकस बनाम रंग/पाठ.
- कारण बनाम सामान्य का सटीक शब्द।
- बैकलाइट ऑर्डर (बैनर → इनलाइन पहले) बनाम (केवल इनलाइन)।
- त्रुटि के बगल में एक शो आवश्यकता कड़ी जोड़ ता है.
11) प्री-रिलीज़चेकलिस्ट
- प्रत्येक त्रुटि का स्तर है (जानकारी/सूचना/चेतावनी/त्रुटि/गंभीर)।
- रंग/प्रतीक/कंटेनर स्तर से मेल खाता है।
- पहली त्रुटि और फोकस शिफ्टिंग के लिए स्क्रॉलिंग है।
- संदेश बताता है कि क्या/कैसे/क्यों।
- शर्तें शब्दावली से मेल खाती हैं; स्थानीयकरण सत्यापित।
- उपलब्धता: आरिया विशेषताएं, विपरीत, तत्परता जोर से।
- डेटा त्रुटि पर खो नहीं गया है।
- "शून्य परिणाम" और "प्रतीक्षा" स्थिति त्रुटियों के रूप में चिह्नित नहीं हैं।
12) उदाहरणों से पहले/बाद में
तिथि प्रपत्र
इससे पहले: "त्रुटि 400"
के बाद: "अवैध तिथि प्रारूप। डीडी का उपयोग करें। MM। YYYY"
भुगतान
इससे पहले: "भुगतान विफल"
बाद में: "बैंक द्वारा भुगतान से इनकार कर दिया गया था। किसी अन्य विधि का प्रयास करें या अपने बैंक शुल्क शुल्क नहीं लिया गया है"
केवाईसी
इससे पहले: "दस्तावेज़स्वीकार नहीं किया ग
के बाद: "दस्तावेज़को पहचाना नहीं जा सका। चकाचौंध, कोनों और पाठ के बिना एक तस्वीर अपलोड करें"
शून्य खोज (एक त्रुटि नहीं!)
इससे पहले: "त्रुटि: कुछ नहीं मिला"
बाद में: "लाइव रूले "के लिए कोई परिणाम नहीं हैं। "उच्च-सीमा" फिल्टर निकालें या कोशिश करें "रूले। "[फिल्टर रीसेट करें]"
13) डिजाइन प्रणाली घटक
'
Пропсы: 'संदेश', 'गंभीरता', 'एरियाबाई', 'कॉम्पैक्ट'।
रेंडर: पाठ + प्रतीक, रंग 'गंभीरता' से.
'
Пропсы: 'शीर्षक', 'विवरण', 'गंभीरता', 'क्रियाएं []'।
विकल्प: 'जानकारी नोटिस चेतावनी त्रुटि महत्वपूर्ण'।
'<संक्षिप्त सारांश/>'
फ़ील्ड में एंकर के साथ त्रुटियों की सूची, कीबोर्ड नेविगेशन, "# 1 पर जाएं।"
'
फील्ड/फॉर्म/चरण नियम, प्राथमिकताएं, स्कीमा (उदाहरण के लिए, JSON-Schema), संदेश स्थानीयकरण।
14) त्वरित वाक्यांश पैटर्न
15) प्रक्रिया एम्बेडिंग
सत्यापन तर्क के साथ ग्रंथों को एक साथ डिजाइन करें।
घटकों के बगल में i18n में लाइनों को संग्रहीत करें, versionize।
पीआर चेकलिस्ट में: स्तर अनुपालन, आरिया विशेषताएं, सही स्थानीयकरण।
नियमित रूप से मेट्रिक्स त्रुटियों की समीक्षा करें और प्रतिक्रिया
फाइनल धोखा शीट
डिजिटाइज़स्तर: जानकारी - महत्वपूर्ण।
प्राथमिकता को नेत्रहीन और फोकस में दिखाएँ।
संक्षेप में और विशेष रूप से सुधार की व्याख्या
शून्यता को गलती मत कहो।
माप और सुधार: त्रुटि दर, समय-से-फिक्स, ड्रॉप-ऑफ।