एरर मैसेज के उदाहरण: खराब, अच्छे और शानदार, दोबारा लिखे हुए
आठ एरर मैसेज, कच्चे कोड से चढ़ते हुए ऐसी कॉपी तक जिस पर लोग सच में कुछ कर सकें। हर पायदान की व्याख्या, शानदार मैसेज के पीछे का तीन लाइन का फॉर्मूला, और आपके अगले रिव्यू के लिए एक चेकलिस्ट।
एक शानदार एरर मैसेज लोगों को तीन बातें बताता है: क्या हुआ, क्यों हुआ, और आगे क्या करना है, साथ में एक बटन जो वही काम कर दे। ज़्यादातर प्रोडक्ट पहली बात पर ही रुक जाते हैं, और कई तो एक कोड से आगे बढ़ते ही नहीं। नीचे आठ एरर मैसेज हैं जिन्हें खराब से शानदार तक चढ़ाया गया है, हर पायदान के पीछे की वजह के साथ, और एक फॉर्मूला जो आप अपने अगले मैसेज में इस्तेमाल कर सकते हैं।
खराब से शानदार तक क्या बदलता है
खराब
शानदार
खराब मैसेज सर्वर के लिए लिखा गया है। 403 एक असली स्टेटस कोड है और सही भी है, पर पढ़ने वाला इससे कुछ ऐसा नहीं सीखता जो काम आए। शानदार मैसेज इंसान के लिए लिखा गया है: वह फ़ाइल का नाम बताता है, समझाता है कि वह प्राइवेट है, बताता है कि उसे कौन खोल सकता है, और अगले कदम को एक टैप में बदल देता है।
हर पायदान एक चीज़ जोड़ता है:
| पायदान | लोगों को क्या मिलता है | क्या अब भी छूट जाता है |
|---|---|---|
| खराब | एक कोड या "failed" जैसा धुँधला शब्द | क्या हुआ, क्यों, क्या करें |
| अच्छा | क्या हुआ, सीधे शब्दों में | क्यों, और आगे क्या करें |
| शानदार | क्या हुआ, क्यों, और बटन पर अगला कदम | ऐसा कुछ नहीं जिस पर उन्हें फ़ैसला करना पड़े |
1. एक्सेस नहीं है
खराब
Error 403.
एक स्टेटस कोड। डेवलपर के लिए सही, बाकी सबके लिए खोखला।अच्छा
आपके पास इस फ़ाइल का एक्सेस नहीं है।
पढ़ने वाले की भाषा में बताता है कि क्या हुआ। पर उन्हें अटका छोड़ देता है।शानदार
यह फ़ाइल प्राइवेट है। Sam से एक्सेस माँगिए, मिलते ही हम आपको बता देंगे।
वजह बताता है (यह प्राइवेट है), कौन ठीक कर सकता है (Sam) और उसके बाद क्या होगा। बटन है Request Access, तो माँगना एक टैप का काम है।
403 का मतलब है कि व्यक्ति साइन इन है पर उसके पास अनुमति नहीं है। कॉपी के लिए यह फ़र्क मायने रखता है: उन्हें दोबारा साइन इन नहीं करना, बल्कि किसी को फ़ाइल शेयर करनी है।
2. डिक्लाइन हुआ कार्ड
खराब
Transaction failed.
"Failed" पर कोई कर्ता नहीं। कार्ड फेल हुआ, दुकान, या कनेक्शन?अच्छा
आपका कार्ड डिक्लाइन हो गया।
वह वजह बताता है जिस पर लोग कुछ कर सकते हैं।शानदार
आपका कार्ड डिक्लाइन हो गया। आपके बैंक ने मना कर दिया। दूसरा कार्ड आज़माइए, या बैंक से इसे मंज़ूर करवाइए।
समस्या बैंक के सिर रखता है, इंसान के नहीं, और बाहर निकलने के दो रास्ते देता है। बटन है Use Another Card, जो तेज़ वाला रास्ता है।
पेमेंट एरर में सबसे ज़्यादा पैसा और सबसे ज़्यादा झेंप होती है। किसी को दोष मत दीजिए, और निकलने का रास्ता उसी स्क्रीन पर रखिए।
3. बहुत बड़ी फ़ाइल
खराब
Upload error.
कुछ भी हो सकता है, इसलिए लोग वही फ़ाइल दोबारा डालते हैं और उसी दीवार से टकराते हैं।अच्छा
यह फ़ाइल बहुत बड़ी है।
वजह तो है, पर कितनी बड़ी, यह नहीं।शानदार
यह वीडियो 2.4 GB का है। सीमा 2 GB है। थोड़ा ट्रिम कीजिए और दोबारा कोशिश कीजिए।
दोनों संख्याएँ, ताकि लोग देख सकें कि फ़र्क छोटा है। बटन है Trim Video, जो ऐप छोड़े बिना समस्या सुलझा देता है।
जहाँ सीमा की बात हो, वहाँ सीमा बताइए। जो संख्या लोगों को कभी बताई ही नहीं गई, उसे वे ठीक नहीं कर सकते।
4. ऑफ़लाइन हो जाना
खराब
Network error.
ऐसा लगता है जैसे कुछ टूट गया, शायद काम भी चला गया।अच्छा
आप ऑफ़लाइन हैं।
सीधा-सादा, पर हर किसी के मन में पहला डर यही होता है: "क्या मेरे बदलाव चले गए?"शानदार
आप ऑफ़लाइन हैं। आपके बदलाव इस फ़ोन पर सेव हैं और आपके लौटते ही सिंक हो जाएँगे।
डर के पूछे जाने से पहले ही उसका जवाब दे देता है। बटन है Try Again।
5. साइन आउट हो जाना
खराब
Error 401: Unauthorized.
"Unauthorized" इल्ज़ाम जैसा पढ़ा जाता है, और यह फिर एक कोड है।अच्छा
आपका सेशन एक्सपायर हो गया।
सही है, पर "सेशन" डेवलपर का शब्द है।शानदार
आप साइन आउट हो गए। 30 दिन हो चुके हैं। दोबारा साइन इन कीजिए, हम आपको वापस यहीं ले आएँगे।
वजह समझाता है और वादा करता है कि लोगों की जगह नहीं खोएगी। बटन है Sign In।
401, 403 का उल्टा मामला है: व्यक्ति साइन इन नहीं है, या उसका साइन-इन ख़त्म हो गया। उन्हें साइन-इन स्क्रीन पर भेजना ही इलाज है, और यह कहना कि वे वहीं लौटेंगे जहाँ थे, हिचकने की वजह मिटा देता है।
तीन और, बिल्कुल नए लिखे हुए
वही नियम उन स्थितियों पर भी लागू होते हैं जो ऊपर की पाँच में नहीं आतीं। ये तीन हमारे अपने उदाहरण हैं।
खराब
Error 500. कुछ गलत हो गया।
कोड कुछ नहीं जोड़ता, और "कुछ" कहना मानना है कि हमें पता ही नहीं।अच्छा
हम आपके बदलाव सेव नहीं कर पाए।
समस्या अपने ऊपर लेता है और बताता है कि क्या फेल हुआ।शानदार
हम आपके बदलाव सेव नहीं कर पाए। यह हमारी तरफ़ की गलती है, आपकी नहीं। आपका टेक्स्ट यहीं है, एक मिनट बाद फिर कोशिश कीजिए।
बताता है कि गलती किसकी है और कुछ खोया नहीं। बटन है Save Again।
खराब
Too many requests.
ऐसे इंसान के लिए मशीन की भाषा जो शायद पहले से ही झुँझलाया हुआ है।अच्छा
बहुत ज़्यादा कोशिशें हुईं। बाद में फिर कोशिश कीजिए।
साफ़ है, पर "बाद" का मतलब एक मिनट भी हो सकता है और एक दिन भी।शानदार
बहुत ज़्यादा कोशिशें हुईं। आपकी सुरक्षा के लिए साइन-इन 15 मिनट के लिए रोका गया है। चाहें तो अभी अपना पासवर्ड रीसेट कर सकते हैं।
इंतज़ार का समय, वजह और एक तेज़ रास्ता देता है। बटन है Reset Password।
खराब
Invalid link.
इशारा करता है कि व्यक्ति ने कुछ गलत टाइप किया।अच्छा
यह इनवाइट एक्सपायर हो गया है।
असली वजह, बिना किसी दोष के।शानदार
यह इनवाइट एक्सपायर हो गया है। इनवाइट 7 दिन चलते हैं। Maya से नया भेजने को कहिए।
बताता है कि लिंक क्यों एक्सपायर होते हैं और कौन ठीक कर सकता है। बटन है Ask for a New Invite।
फॉर्मूला: क्या हुआ, क्यों, आगे क्या करें
ऊपर का हर शानदार मैसेज इन्हीं तीन लाइनों में फिट होता है:
[What happened, in the reader's words.]
[Why, in one short sentence.]
[What to do next.] [Button: the next step as a verb]
| मैसेज | क्या हुआ | क्यों | आगे क्या करें |
|---|---|---|---|
| एक्सेस नहीं | यह फ़ाइल प्राइवेट है | इसे सिर्फ़ बुलाए गए लोग खोल सकते हैं | Request Access |
| डिक्लाइन कार्ड | आपका कार्ड डिक्लाइन हो गया | आपके बैंक ने मना कर दिया | Use Another Card |
| बहुत बड़ी फ़ाइल | यह वीडियो 2.4 GB का है | सीमा 2 GB है | Trim Video |
| ऑफ़लाइन | आप ऑफ़लाइन हैं | बदलाव इस फ़ोन पर सेव हैं | Try Again |
| साइन आउट | आप साइन आउट हो गए | 30 दिन हो चुके हैं | Sign In |
"क्यों" वाली लाइन वही है जिसे टीमें सबसे पहले काटती हैं, और वही है जो अगला सपोर्ट टिकट रोकती है।
आपके अगले रिव्यू के लिए चेकलिस्ट
- कोई कच्चा कोड नहीं। 403, 401 और 500 को लॉग में रखिए, मैसेज से बाहर।
- कोई दोष नहीं। "आपके बैंक ने मना कर दिया", न कि "आपने गलत कार्ड डाला"।
- संख्याएँ बताइए। साइज़ की सीमा, इंतज़ार का समय, दिनों की गिनती।
- एक बटन, क्रिया के रूप में नाम। "Trim Video", "OK" नहीं।
- बताइए क्या बचा रहा। अगर कुछ नहीं खोया, तो यह कह दीजिए।
- साइन-इन पर अकाउंट की पुष्टि मत कीजिए। "गलत पासवर्ड" किसी अजनबी को बता देता है कि अकाउंट मौजूद है। इसकी जगह कहिए "वह ईमेल और पासवर्ड मेल नहीं खाते"।
- फिर रंग जाँचिए। एरर शब्द उठाते हैं; रंग और आइकन उनका साथ देते हैं। हमारे पेपर एरर मैसेज का रंग में लाइट और डार्क मोड के लिए इस्तेमाल होने वाले लाल रंग हैं।
पेपर
एरर मैसेज का रंग: #FF0000 की जगह इस्तेमाल करने के 8 लाल
इस पेपर का साथी: शब्द यहाँ हैं, रंग, आइकन और कोड वहाँ हैं।
FAQ
अच्छा एरर मैसेज कैसे लिखें?
सीधे शब्दों में बताइए कि क्या हुआ, एक छोटे वाक्य में बताइए कि क्यों हुआ, और बताइए कि आगे क्या करना है। अगला कदम बटन पर रखिए और उसका नाम क्रिया के रूप में दीजिए, जैसे Try Again या Use Another Card।
खराब एरर मैसेज के उदाहरण क्या हैं?
कच्चे कोड और धुँधले शब्द: "Error 403", "Error 401: Unauthorized", "Transaction failed", "Upload error" और "Network error"। हर एक सही है और कोई भी लोगों को यह नहीं बताता कि क्या करना है।
क्या एरर मैसेज में एरर कोड दिखाने चाहिए?
मैसेज के रूप में नहीं। कोड सपोर्ट और डेवलपर्स के काम आता है, इसलिए उसे लॉग में रखिए, या अगर आपकी सपोर्ट टीम माँगे तो असली मैसेज के नीचे छोटे टेक्स्ट में।
401 और 403 एरर मैसेज में क्या फ़र्क है?
401 का मतलब है कि व्यक्ति साइन इन नहीं है या उसका साइन-इन एक्सपायर हो गया, इसलिए मैसेज को उन्हें साइन इन की ओर भेजना चाहिए। 403 का मतलब है कि वे साइन इन हैं पर अनुमति नहीं है, इसलिए मैसेज को बताना चाहिए कि एक्सेस कौन दे सकता है।
लॉगिन एरर में "गलत पासवर्ड" क्यों नहीं कहना चाहिए?
क्योंकि इससे पुष्टि हो जाती है कि अकाउंट मौजूद है, जो अकाउंट का अंदाज़ा लगाने वाले के काम आता है। सुरक्षा दिशानिर्देश गलत ईमेल या गलत पासवर्ड, दोनों के लिए एक ही सामान्य मैसेज की सलाह देते हैं।
स्रोत
- HTTP स्टेटस कोड: MDN पर 403 Forbidden और 401 Unauthorized।
- Error-message guidelines, Nielsen Norman Group।
- Writing, Apple Human Interface Guidelines।
- Authentication and error messages, OWASP Cheat Sheet Series।
- पहली बार UX Brainy पर कैरोसेल के रूप में प्रकाशित।
Want every error, empty and loading state written and designed as one system? Our team designs product UI with the words in it from the first draft.
Get Started
