1. UX: संदेश बॉक्स ज्यादातर बुरे होते हैं
UX बिंदु से सभी मामलों में अलर्ट बॉक्स खराब हैं। डेस्कटॉप ऐप्स में। अलर्ट या इनलाइन जावास्क्रिप्ट संदेशों के रूप में वेब ऐप्स में। हर जगह।
यदि आप जानना चाहते हैं कि एलन कू¹ द्वारा आप फेस 3 के बारे में क्यों पढ़ सकते हैं; यह बहुत अच्छी तरह से समझाता है कि यह वर्कफ़्लो को कैसे बाधित करता है और उपयोगकर्ता को परेशान करता है, और वर्तमान सॉफ़्टवेयर में मौजूद लगभग हर अलर्ट बॉक्स कितना गहरा है । पृष्ठ 542 पर, "डायलॉग जो" वुल्फ! "रोया, बताते हैं कि सतर्क बक्से नियमित रूप से खारिज कर दिए जाते हैं, इसलिए उनका मॉडल पूरी तरह से टूट गया है। पुस्तक के पृष्ठ 543 पर तीन प्रमुख डिजाइन सिद्धांत सूचीबद्ध हैं:
- करो, मत पूछो।
- सभी क्रियाओं को प्रतिवर्ती बनाएं।
- उपयोगकर्ताओं को गलतियों से बचने में मदद करने के लिए मॉडल प्रतिक्रिया प्रदान करें।
फिर, लेखक हमें बताते हैं कि कैसे सही डिजाइन दृष्टिकोण द्वारा अलर्ट बक्से को प्रतिस्थापित किया जाए।
शीघ्र संदेश थोड़े अलग हैं। और फिर भी, वे आपके ऐप के उपयोगकर्ता अनुभव को तोड़ते हैं। यदि आप चाहते हैं कि उपयोगकर्ता कुछ दर्ज करें, तो एक टेक्स्टबॉक्स या एक टेक्स्टारिया का उपयोग करने पर विचार करें, जब जरूरत हो तो इसे जावास्क्रिप्ट के साथ सजाएं। आलसी मत बनो, RIA और AJAX- सक्षम ऐप्स के युग में एक समृद्ध इंटरफ़ेस प्रदान करें ; सभी मामलों में, यदि जावास्क्रिप्ट अक्षम है, तो आपका संकेत प्रदर्शित नहीं किया जाएगा।
वेब पेजों में, अलर्ट बॉक्स और संकेत दोनों ही ज्यादातर कष्टप्रद होते हैं। कुछ उदाहरण:
कुछ फ़ोरम आपको सूची आइटम के लिए असीम रूप से संकेत देकर सूची बनाते हैं। इसका अर्थ है कि सूची बनाते समय, आप कॉपी-पेस्ट सहित पेज का उपयोग नहीं कर सकते। आपके पास एक भी छोटा क्षेत्र है। लंबे पाठ के बारे में क्या? बोल्ड और इटैलिक्स के बारे में क्या?
"यदि आप जारी रखते हैं, तो फोटो आपके प्रोफ़ाइल से निश्चित रूप से हटा दी जाएगी। क्या आपको यकीन है?" । निश्चित रूप से मुझे यकीन है! क्या मैं "मेरे प्रोफ़ाइल से फ़ोटो हटाऊं" क्लिक करें? आपका वेब ऐप क्यों मुझे बेवकूफ बना रहा है? दरअसल, GMail के रूप में Google एप्लिकेशन सही दृष्टिकोण दिखाते हैं। आप जो चाहें हटा सकते हैं, हटा सकते हैं, नष्ट कर सकते हैं, और जब आप ऐसा करते हैं, तो ऐप एक छोटा "अनडू" लिंक प्रदर्शित करता है।
"क्या आप हमारा सबसे बड़ा सर्वेक्षण करना चाहते हैं?" । ठीक है, वास्तव में मैं आपकी वेबसाइट पर जाने के लिए वहां गया था, लेकिन जब से आप अपने कष्टप्रद संदेशों से मुझे परेशान करते हैं, मैं कहीं और जाना चाहता हूं।
"कॉपीराइट की गई तस्वीरों की सुरक्षा के लिए इस वेबसाइट पर राइट क्लिक अक्षम है" । खैर, वास्तव में मैंने अपनी टिप्पणी भेजने से पहले वर्तनी परीक्षक की भाषा को बदलने के लिए राइट-क्लिक किया। यकीन है, मैं इसे वर्तनी की जाँच किए बिना भेजूंगा।
निष्कर्ष: उपयोगकर्ता अनुभव के दृष्टिकोण से, एप्लिकेशन अधिकांश समय गलत तरीके से संदेश बॉक्स का उपयोग करते हैं।
लेकिन रुकें! कई निम्न-गुणवत्ता वाली वेबसाइटें JQuery के संदेशों को एक अर्ध-पारदर्शी पृष्ठभूमि के साथ कष्टप्रद चेतावनी बक्से को बदल देती हैं, जो सभी पृष्ठ को कवर करता है। इसलिए कमियां बनी हुई हैं।
खैर, वेब एप्लिकेशन में संदेश बॉक्स का उपयोग न करने के अन्य कारण हैं:
2. डिजाइन: अलर्ट बॉक्स का अपना डिजाइन है
आप एक चेतावनी बॉक्स बिल्कुल भी डिज़ाइन नहीं कर सकते। आप इसका रंग, इसका आकार, इसका फ़ॉन्ट नहीं बदल सकते। यह उपयोगकर्ता के लिए इसे और अधिक कष्टप्रद बनाता है: आप एक वेब ऐप के साथ काम कर रहे थे, और आपका वर्कफ़्लो एक संदेश द्वारा टूट गया है जो कहीं से नहीं आता है और ऐप के दृश्य पहलू से भी मेल नहीं खाता है। यह न गिनते हुए कि बटन की भाषा भी ओएस / ब्राउज़र की भाषा से मेल खाती है, न कि वेब एप्लिकेशन से।
डिजाइनरों के लिए, जावास्क्रिप्ट संदेश अलर्ट बॉक्स की तुलना में बहुत अधिक शक्तिशाली हैं।
वे बहुत अधिक व्यापक हैं। आप बोल्ड और इटैलिक जोड़ सकते हैं, आप अपने खुद के बटन चुन सकते हैं (किस बारे में: "हम माफी मांगते हैं लेकिन दर्ज किया गया पासवर्ड अमान्य है। [मेरा पासवर्ड रीसेट करें] [किसी अन्य का प्रयास करें] [रद्द करें]") ²।
3. जावास्क्रिप्ट: अनुप्रयोग प्रवाह बंद हो जाता है
अलर्ट बॉक्स प्रदर्शित करते समय, उपयोगकर्ता के क्लिक करने तक जावास्क्रिप्ट निष्पादित करना बंद कर देता है। एक वेबसाइट पर, यह ठीक हो सकता है। एक वेब ऐप के साथ, यह अक्सर एक समस्या बन जाता है।
4. सैंडबॉक्स: उपयोगकर्ता को अपने कंप्यूटर को रिबूट करने के लिए मजबूर न करें
उन भद्दी वेबसाइटों को याद करें जो आपको अनंत संख्या में संदेश बॉक्स दिखाती हैं ? पर्याप्त तकनीकी पृष्ठभूमि के बिना काम करने में सक्षम होने के लिए उपयोगकर्ताओं के लिए एकमात्र तरीका वास्तव में अपने कंप्यूटर को रिबूट करना था। यह हमें एक समस्या के लिए लाता है: चेतावनी बॉक्स वेबसाइट या वेब एप्लिकेशन के दायरे से बाहर हैं। आप उपयोगकर्ता को ब्राउज़र के अन्य टैब तक पहुँचने से रोकने के लिए अधिकृत नहीं हैं।
इसी समस्या ने ब्राउज़रों को इसे अलग-अलग तरीकों से हल करने के लिए मजबूर किया। उदाहरण के लिए, फ़ायरफ़ॉक्स आपके टैब पर अलर्ट प्रदर्शित करते समय अन्य टैब तक पहुंच की अनुमति देता है। दूसरी ओर, क्रोम आपको यह जांचने की अनुमति देता है कि आप किसी पेज से किसी भी अलर्ट बॉक्स को अब नहीं प्राप्त करना चाहते हैं, लेकिन फिर भी अन्य टैब तक पहुंच को अवरुद्ध करता है।
जबकि फ़ायरफ़ॉक्स दृष्टिकोण पूरी तरह से वैध है, क्रोम की आलोचना की जा सकती है (क्योंकि यह अभी भी हर टैब को ब्लॉक करता है), और एक समस्या का कारण बनता है: क्या होगा यदि उपयोगकर्ता आपके ऐप द्वारा जारी किए गए कई संदेश बॉक्स से गंभीर रूप से नाराज था और मामले की जांच की, और फिर, आपने कुछ महत्वपूर्ण दिखाने की कोशिश की? सही है, उपयोगकर्ता इसे कभी नहीं देखेगा।
यह तथ्य समान है, अधिकांश उपयोगकर्ता अलर्ट बॉक्स से नाराज हो जाएंगे, इसलिए वे अभी भी बहुत उपयोगकर्ता के अनुकूल नहीं हैं, और किसी भी पर्याप्त तकनीकी पृष्ठभूमि वाले उपयोगकर्ता को गंभीर रूप से अवरुद्ध कर सकते हैं। इनलाइन, जावास्क्रिप्ट संदेश पेज को ब्लॉक कर सकते हैं, लेकिन ब्राउज़र को ही नहीं। चूंकि वेब ऐप मॉडल सैंडबॉक्सिंग का एक प्रकार है, जहां आप उदाहरण के लिए उपयोगकर्ता कीबोर्ड का उपयोग नहीं कर सकते हैं या कंप्यूटर को रिबूट कर सकते हैं या हार्ड डिस्क से फ़ाइलों को पढ़ सकते हैं या पूर्ण-स्क्रीन पर जा सकते हैं या दो मॉनिटर का उपयोग कर सकते हैं, उनके अवरुद्ध प्रभाव के साथ अलर्ट बॉक्स इसे गंभीर रूप से तोड़ देते हैं। सैंडबॉक्सिंग मॉडल ।
अंतिम लेकिन कम से कम, यदि आपके एप्लिकेशन ने अलर्ट बॉक्स दिखाने का निर्णय लिया तो क्या होगा? क्या होगा यदि उपयोगकर्ता कुछ महत्वपूर्ण काम कर रहा है, और अभी आपके ऐप के साथ बातचीत नहीं करना चाहता है?
¹ चेहरा 3, इंटरेक्शन डिजाइन के अनिवार्य बारे में , एलन कूपर, रॉबर्ट Reimann और डेविड क्रोनिन, ISBN 978-0-470-08411-3; अध्याय 25: त्रुटियां, अलर्ट और पुष्टि।
An यह सिर्फ एक उदाहरण है। कृपया, इसे अपने वेब एप्लिकेशन में न करें, क्योंकि यह वास्तव में एक खराब डिज़ाइन विकल्प है।
A यदि आप डेस्कटॉप ऐप्स की दुनिया से तुलना करना चाहते हैं, तो एक इनलाइन जावास्क्रिप्ट संदेश डेस्कटॉप एप्लिकेशन के संदेश बॉक्स की तरह है। एक ब्राउज़र में एक अलर्ट बॉक्स, दूसरी तरफ, एक खिड़की की तरह है जो कहीं से भी दिखाई नहीं देता है, एक पूर्ण-स्क्रीन अपारदर्शी पृष्ठभूमि पर सेट किया गया है, जो आपको किसी भी अन्य डेस्कटॉप एप्लिकेशन तक पहुंचने से रोकता है। जो भी ऐप मेरे कंप्यूटर पर एक बार करने का फैसला करेगा, उसे तुरंत और हमेशा के लिए हटा दिया जाएगा।