web design uiOctober 30, 20266 min read

बटन लेबल: "OK" गलत बटन टेक्स्ट क्यों है और उसकी जगह क्या लिखें

बटन को बताना चाहिए कि टैप करने पर क्या होगा। OK, Yes, No और Submit क्यों फेल होते हैं, Apple की अपनी गाइडलाइन के पीछे का क्रिया-पहले वाला नियम, कॉपी करने लायक छह बदलाव और किसी भी डायलॉग के लिए पाँच सेकंड का टेस्ट।

By Boone
XLinkedIn
Button Labels: Why "OK" Is the Wrong Button Text and What to Write Instead

जिस बटन पर OK लिखा होता है, वह लोगों को सवाल दोबारा पढ़ने पर मजबूर करता है ताकि वे समझ सकें कि OK का मतलब क्या है। "OK, डिलीट करें?" या "OK, छोड़ो?" बटन के लेबल को बताना चाहिए कि टैप करने पर क्या होगा, ताकि किसी को और कहीं देखना न पड़े। ये रहे चार नियम, हर एक अगल-बगल दोबारा बनाया हुआ, और छह बदलाव जो आप कॉपी कर सकते हैं।

OK क्यों फेल होता है

OK उस सवाल का जवाब देता है जो लिखने वाले के दिमाग में है। पढ़ने वाले को शीर्षक याद रखना पड़ता है, अंत में OK जोड़कर वाक्य दोबारा बनाना पड़ता है और फिर तय करना पड़ता है कि क्या वह यही चाहता है। डिलीट जैसे खतरनाक डायलॉग में यह जुआ है, क्योंकि दोनों बटन एक जैसे दिखते हैं और खतरनाक वाला यह नहीं बताता कि वह खतरनाक है।

Yes, No, Submit, Continue और Confirm के साथ भी यही बात है। ये सब किसी सवाल के जवाब हैं या फॉर्म का एक सामान्य चरण, न कि वह चीज़ जो होने वाली है। जब लेबल क्रिया नहीं बताता, तो यह काम शीर्षक और बॉडी कॉपी को करना पड़ता है, और लोग पढ़ने से पहले ही टैप कर देते हैं।

Apple अलर्ट के लिए अपनी Human Interface Guidelines में यही कहता है: एक या दो शब्दों का ऐसा शीर्षक इस्तेमाल करें जो बटन चुनने का नतीजा बताए, और ऐसी क्रियाएँ और क्रिया-वाक्यांश चुनें जो सीधे अलर्ट के टेक्स्ट से जुड़े हों। हमारा पेपर एरर मैसेज के उदाहरण बटन के आसपास के शब्दों को कवर करता है। यह वाला खुद बटन के बारे में है।

फिक्स 1: बताइए वह क्या करता है

OK

यह फोटो डिलीट करें शीर्षक वाला डायलॉग, जिसमें दो बटन हैं: Cancel और काला OK

Delete

वही डायलॉग, जिसमें OK की जगह लाल Delete बटन है
सवाल में एक क्रिया है, तो बटन उसे उधार ले लेता है। बाएँ, काला OK बटन वही है जिसकी ओर लोग धकेले जाते हैं और वह किसी चीज़ का नाम नहीं लेता। दाएँ, बटन पर Delete लिखा है और वह लाल है, इसलिए लेबल और रंग दोनों इस बात पर सहमत हैं कि क्या होने वाला है।

क्रिया सीधे शीर्षक से कॉपी करें। "यह फोटो डिलीट करें?" का बटन Delete होगा, और "यह अकाउंट ब्लॉक करें?" का Block।

अगर क्रिया फिट नहीं बैठती, तो शीर्षक शायद बहुत धुंधला है, इसलिए शीर्षक ठीक करें।

फिक्स 2: Yes और No हटाएँ, Cancel रखें

No / Yes

बिना सेव किए छोड़ें शीर्षक वाला डायलॉग, जिसमें दो बटन हैं: No और Yes

Cancel / Leave

वही डायलॉग, जिसमें ग्रे Cancel बटन और लाल Leave बटन है
"बिना सेव किए छोड़ें?" के बाद No और Yes एक छोटा जाल है। क्या No का मतलब है नहीं, मत छोड़ो, या नहीं, सेव मत करो? दाएँ, Cancel हमेशा वापस जाने का रास्ता है और Leave बाहर निकलने का, इसलिए किसी को गलत नहीं पढ़ा जा सकता।

Yes और No पाठक को अपना जवाब वाक्य पर बिठाने के लिए मजबूर करते हैं। Cancel वह एक सामान्य शब्द है जिसे रखना सार्थक है, क्योंकि उसका मतलब कभी नहीं बदलता: पीछे हटो, कुछ नहीं होगा। Apple की सलाह भी यही है: Yes और No से बचें, और जो बटन क्रिया रद्द करता है उसके लिए हमेशा Cancel इस्तेमाल करें।

फिक्स 3: नतीजे का नाम लिखें

Submit

$24.00 के कुल योग वाला ऑर्डर सारांश और Submit लिखा काला बटन

Pay $24.00

वही ऑर्डर सारांश, जिसमें काले बटन पर Pay $24.00 लिखा है
Submit बताता है कि फॉर्म क्या करता है, यह नहीं कि व्यक्ति क्या करता है। Pay $24.00 क्रिया और रकम दोनों बताता है, इसलिए पैसा खर्च करने से पहले का आखिरी टैप आखिरी जाँच भी बन जाता है।

सबसे अच्छा लेबल अक्सर वस्तु या रकम साथ रखता है: Send $50, Create Account, View Invoice, Save Draft। यह सबसे ज़्यादा उन पलों में मायने रखता है जिनकी कीमत चुकानी पड़ती है, जैसे भुगतान करना, भेजना या डिलीट करना, क्योंकि प्रतिबद्धता से पहले बटन ही आखिरी चीज़ है जो पढ़ी जाती है।

फिक्स 4: एक या दो शब्द

पाँच शब्द

एक चौड़ा लाल बटन जिस पर Yes, Delete My Account Forever लिखा है

दो शब्द

एक लाल बटन जिस पर Delete Account लिखा है
जिस लेबल को पूरा वाक्य चाहिए, वह इस बात का संकेत है कि उसके ऊपर का डायलॉग अपना काम नहीं कर पाया। नतीजे बॉडी कॉपी में रखें और बटन को सिर्फ क्रिया तक सीमित रखें।

छोटे लेबल अनुवाद और छोटी स्क्रीन में भी बच जाते हैं। अंग्रेज़ी का पाँच शब्दों वाला बटन जर्मन या रूसी में और लंबा हो जाता है और लपेटने या कटने लगता है। दो शब्द बढ़ने की गुंजाइश छोड़ते हैं।

छह बदलाव

इसकी जगहयह कहेंकब
OKDelete"यह फोटो डिलीट करें?" के बाद
YesLeave"बिना सेव किए छोड़ें?" के बाद
SubmitPay $24.00चेकआउट सारांश पर
Click HereView Invoiceऐसे लिंक या बटन पर जो कुछ खोलता है
ContinueCreate Accountसाइन-अप फॉर्म के अंत में
ConfirmSend $50ट्रांसफर सारांश के बाद

जब OK सही है

Apple सिर्फ एक इस्तेमाल की इजाज़त देता है: सूचना वाले अलर्ट, जहाँ तय करने को कुछ नहीं है और बटन का एकमात्र काम संदेश को हटाना है। "आपका सेशन खत्म हो गया है" के साथ OK बटन ठीक है। जिसमें भी कोई चुनाव हो, उसे क्रिया मिलनी चाहिए। सूचना वाले अलर्ट में भी, Got It या Sign In Again जैसा ज़्यादा खास शब्द बेहतर हो सकता है, अगर वह अगला कदम बताता है।

पाँच सेकंड का टेस्ट

शीर्षक और बॉडी ढक दें और सिर्फ बटन पढ़ें। अगर कोई व्यक्ति फिर भी बता सकता है कि हर बटन क्या करेगा, तो लेबल सही हैं। अगर नहीं बता सकता, तो लेबल कुछ मतलब निकालने के लिए सवाल पर टिका है।

इसे अपने प्रोडक्ट के हर डायलॉग पर चलाएँ, टोस्ट पर भी, और हर फॉर्म के उस एक बटन पर भी। इसमें कुछ मिनट लगते हैं, और यह किसी टीम का सबसे सस्ता कॉपी बदलाव है। डायलॉग और शीट के बीच चुनाव के लिए, modal vs bottom sheet देखें।

FAQ

OK की जगह बटन पर क्या लिखना चाहिए?

सवाल की क्रिया। जो डायलॉग पूछता है "यह फोटो डिलीट करें?", उसके बटन पर Delete लिखा होना चाहिए। OK सिर्फ उस अलर्ट में फिट होता है जो जानकारी देता है और कोई फैसला नहीं माँगता।

क्या बटन पर Yes और No इस्तेमाल करना बुरा है?

आमतौर पर, हाँ। ये लोगों से जवाब को वापस वाक्य पर बिठवाते हैं और वे उसे गलत पढ़ लेते हैं, जैसे "बिना सेव किए छोड़ें?" में। क्रिया के लिए क्रिया-शब्द और पीछे हटने के लिए Cancel इस्तेमाल करें। Apple की गाइडलाइन कहती हैं कि अलर्ट में Yes और No से बचें।

मुझे Cancel इस्तेमाल करना चाहिए या No?

Cancel। इसका मतलब हमेशा पीछे हटना है और कुछ नहीं होता। No का मतलब सवाल के शब्दों के हिसाब से अलग-अलग हो सकता है।

बटन टेक्स्ट में कितने शब्द होने चाहिए?

एक या दो। नतीजे का नाम लिखें, जैसे Delete Account या Pay $24.00, और कोई भी स्पष्टीकरण ऊपर की बॉडी कॉपी में रखें।

Submit बुरा बटन लेबल क्यों है?

Submit बताता है कि फॉर्म क्या करता है, यह नहीं कि व्यक्ति को क्या मिलता है या वह क्या खर्च करता है। Pay $24.00, Send Message या Create Account जैसा लेबल नतीजे का और, जहाँ ज़रूरी हो, रकम का नाम लेता है।

OK बटन के बारे में Apple क्या कहता है?

Apple की Human Interface Guidelines कहती हैं कि डिफ़ॉल्ट बटन शीर्षक के रूप में OK से बचें, जब तक अलर्ट पूरी तरह सूचनात्मक न हो, और ऐसी क्रियाएँ चुनें जो टैप करने का नतीजा बताती हों।

स्रोत

  • Apple Human Interface Guidelines, Alerts: एक या दो शब्दों का शीर्षक जो बटन चुनने का नतीजा बताए, ऐसी क्रियाएँ और क्रिया-वाक्यांश जो सीधे अलर्ट के टेक्स्ट से जुड़े हों, OK सिर्फ सूचनात्मक अलर्ट में, Yes और No से बचना, और अलर्ट की क्रिया रद्द करने वाले बटन के लिए Cancel। यह भी कहा गया है कि डिफ़ॉल्ट बटन शीर्षक के रूप में OK से बचें, जब तक अलर्ट पूरी तरह सूचनात्मक न हो।
  • ऊपर के डायलॉग और ऑर्डर सारांश हमारे अपने उदाहरण हैं। शब्दों की गिनती, जिसमें पाँच शब्दों वाला "Yes, Delete My Account Forever" भी शामिल है, दिखाए गए लेबल से की गई है।
  • पहली बार UX Brainy पर कैरोसेल के रूप में प्रकाशित।

Want every button, dialog and error in your product to say exactly what it does? Our team designs app UI and writes the words inside it.

Get Started

More from Brainy Papers

Keep reading