Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
यूएक्स पैटर्न7 मिनट पढ़ें·Updated अक्टूबर 2026·ExodeUI टीम द्वारा

निराशा को कम करने वाले त्रुटि संदेश कैसे डिज़ाइन करें

त्रुटि स्थिति को कैसे डिज़ाइन करें, लोग इससे उबर सकते हैं: प्रयोज्य अनुसंधान के आधार पर प्लेसमेंट, समय, शब्दांकन, इनपुट को संरक्षित करना, पहुंच और गति।

प्रत्यक्ष सारांश एवं परिभाषा

कोर टेकअवे

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

दिशानिर्देश

Nielsen Norman Group प्रभावी त्रुटि संदेशों को अत्यधिक दृश्यमान, रचनात्मक और उपयोगकर्ता प्रयास के प्रति सम्मानजनक के रूप में सारांशित करता है। व्यवहार में इसका मतलब है:

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

समय

किसी के काम पूरा करने से पहले त्रुटि दिखाना सबसे आम गलतियों में से एक है। NN/g समयपूर्व त्रुटियों को एक शत्रुतापूर्ण पैटर्न कहता है, जैसे छात्र को परीक्षा समाप्त होने से पहले ग्रेडिंग देना। जब कोई व्यक्ति फ़ील्ड छोड़ देता है या फ़ॉर्म सबमिट कर देता है तो उसे सत्यापित करें, फिर जब वे इसे ठीक कर लें तो संदेश को लाइव अपडेट करें।

त्रुटियाँ जो प्रपत्रों के बारे में नहीं हैं

असफल सेव या खोए हुए कनेक्शन जैसी सिस्टम त्रुटियों के लिए, बताएं कि क्या हुआ, क्या रखा गया था, और व्यक्ति क्या कर सकता है: पुनः प्रयास करें, ऑफ़लाइन काम करें, या समर्थन से संपर्क करें। त्रुटि कोड से स्वयं बचें; यदि आपको समर्थन की आवश्यकता है, तो इसे मानवीय स्पष्टीकरण के साथ दिखाएं।

सरल उपयोग

केवल लाल रंग पर निर्भर न रहें: एक आइकन और टेक्स्ट जोड़ें। संदेश को उसके फ़ील्ड से कनेक्ट करें ताकि स्क्रीन पाठक इसे फ़ील्ड के साथ पढ़ें, और असफल सबमिट के बाद पहली त्रुटि, या त्रुटियों के सारांश पर ध्यान केंद्रित करें।

त्रुटि स्थिति में गति

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

याद रखने योग्य कुंजी Principle

  • समस्या के आगे त्रुटियों को, स्पष्ट शब्दों में, समाधान के साथ रखें
  • लोगों ने जो टाइप किया उसे रखें
  • फ़ील्ड समाप्त होने के बाद सत्यापित करें, टाइप करते समय नहीं
  • कभी भी केवल रंग पर निर्भर न रहें; स्क्रीन रीडर्स के लिए संदेश कनेक्ट करें
  • त्रुटि गति को संक्षिप्त रखें और कम गति का सम्मान करें

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

स्रोत

  1. Error-Message Guidelines — Nielsen Norman Group
  2. Indicators, Validations, and Notifications — Nielsen Norman Group

संबंधित मार्गदर्शिकाएँ एवं उदाहरण

त्रुटि स्थिति को डिज़ाइन करें, न कि केवल सुखद पथ को

त्रुटि और सफलता के साथ ExodeUI उदाहरण खोलें, आपके कोड स्विच बताते हैं, और उन्हें अनुकूलित करते हैं।

उदाहरण खोलें
मुफ्त में प्रयास करें