मोडल विंडो: Difference between revisions

From Vigyanwiki
m (6 revisions imported from alpha:मोडल_विंडो)
No edit summary
 
Line 73: Line 73:
{{Graphical control elements}}
{{Graphical control elements}}


{{DEFAULTSORT:Modal Window}}[[Category: ग्राफिकल यूजर इंटरफेस तत्व]]
{{DEFAULTSORT:Modal Window}}


 
[[Category:Articles with hatnote templates targeting a nonexistent page|Modal Window]]
 
[[Category:Collapse templates|Modal Window]]
[[Category: Machine Translated Page]]
[[Category:Created On 15/05/2023|Modal Window]]
[[Category:Created On 15/05/2023]]
[[Category:Machine Translated Page|Modal Window]]
[[Category:Vigyan Ready]]
[[Category:Missing redirects|Modal Window]]
[[Category:Navigational boxes| ]]
[[Category:Navigational boxes without horizontal lists|Modal Window]]
[[Category:Pages with script errors|Modal Window]]
[[Category:Sidebars with styles needing conversion|Modal Window]]
[[Category:Template documentation pages|Documentation/doc]]
[[Category:Templates Vigyan Ready|Modal Window]]
[[Category:Templates generating microformats|Modal Window]]
[[Category:Templates that are not mobile friendly|Modal Window]]
[[Category:Templates using TemplateData|Modal Window]]
[[Category:Wikipedia metatemplates|Modal Window]]
[[Category:ग्राफिकल यूजर इंटरफेस तत्व|Modal Window]]

Latest revision as of 11:21, 23 June 2023

कंप्यूटर अनुप्रयोगों के मोड (प्रयोक्ता इंटरफ़ेस ) डिजाइन में एक मोडल विंडो एक चित्रमय नियंत्रण तत्व (सॉफ्टवेयर) है जो एप्लिकेशन की मुख्य विंडो के अधीनस्थ है।

एक मॉडल विंडो एक मोड (उपयोगकर्ता इंटरफ़ेस) बनाता है जो मुख्य विंडो को अक्षम करता है किंतु इसे मोडल विंडो के साथ विंडो (कंप्यूटिंग) या गुण के सामने दिखाई देता है। उपयोगकर्ताओं को ट्री (डेटा संरचना) या शब्दावली एप्लिकेशन पर वापस लौटने से पहले मोडल विंडो के साथ परस्पर क्रिया करना होगा। यह मुख्य विंडो पर कार्यप्रवाह को बाधित करने से बचाता है। मोडल विंडो को कभी-कभी भारी विंडो या मोडल डायलॉग कहा जाता है क्योंकि वे अधिकांशतः एक संवाद बॉक्स प्रदर्शित करते हैं।

उपयोगकर्ता इंटरफ़ेस सामान्यतः उपयोगकर्ता जागरूकता को आदेश देने और आपातकालीन स्थिति प्रदर्शित करने के लिए मोडल विंडो का उपयोग करते हैं, चूँकि इंटरेक्शन डिजाइनर का तर्क है कि वे उस उपयोग के लिए अप्रभावी हैं।[1] मोडल विंडोज़ मोड त्रुटियों के लिए प्रवण हैं।[1][2][3]

वेब पर वे अधिकांशतः छवियों को विस्तार से दिखाते हैं जैसे कि लाइटबॉक्स (जावास्क्रिप्ट) लाइब्रेरी द्वारा कार्यान्वित या हॉवर विज्ञापन के लिए उपयोग किया जाता है।[4][5]

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

प्रासंगिकता और उपयोग

स्थिति का प्रयोग करें

मोडल विंडो के बार-बार उपयोग में सम्मिलत हैं:

  • महत्वपूर्ण सूचनाओं की ओर ध्यान आकर्षित करना इस उपयोग की अप्रभावी के रूप में आलोचना की गई है क्योंकि उपयोगकर्ताओं पर बहुत अधिक संवाद बॉक्सों की बमबारी की जाती है और संदेश को पढ़े या समझे बिना बस बंद करें समाप्त करें या ठीक क्लिक करने की आदत होती है।[6][7][8]
  • जब तक जारी रखने के लिए आवश्यक जानकारी अंकित नहीं की जाती है तब तक एप्लिकेशन प्रवाह को अवरुद्ध करना उदाहरण के लिए लॉगिंग (कंप्यूटर सुरक्षा) प्रक्रिया में पासवर्ड एक अन्य उदाहरण एक अनुप्रयोग में फ़ाइलों को खोलने और सहेजने के लिए फ़ाइल संवाद हैं।
  • एक केंद्रीकृत संवाद में एप्लिकेशन कॉन्फ़िगरेशन विकल्प एकत्रित करना ऐसे स्थिति में सामान्यतः परिवर्तन संवाद को बंद करने पर प्रयुक्त होते हैं, और संपादन किए जाने के समय एप्लिकेशन तक पहुंच अक्षम हो जाती है।
  • चेतावनी है कि वर्तमान कार्रवाई के प्रभाव पूर्ववत नहीं होते हैं। यह मोडल डायलॉग्स के लिए एक निरंतर इंटरेक्शन डिजाइन पैटर्न है, किंतु कुछ प्रयोज्य विशेषज्ञ इसकी आदत के कारण इसके इच्छित उपयोग (विनाशकारी कार्यों में त्रुटियों के विरुद्ध सुरक्षा) के लिए अप्रभावी के रूप में इसकी आलोचना करते हैं। वे इसके अतिरिक्त कार्रवाई को उलटने योग्य बनाने (एक पूर्ववत विकल्प प्रदान करने) की सलाह देते हैं।[1]


मैक ओएस एक्स में मोडल शीट

कई विशेषताएं जो सामान्यतः मोडल विंडो द्वारा प्रदर्शित की जाती हैं, उन्हें शीट्स नामक मोडल क्षणिक स्क्रीन पैनल के रूप में प्रयुक्त किया जाता है[9] मैक ओएस एक्स पर क्षणिक विंडो मोडल विंडो के समान व्यवहार करती हैं – वे सदैव मूल विंडो के शीर्ष पर होते हैं और विंडो सूची में नहीं दिखाए जाते हैं किंतु वे एप्लिकेशन में अन्य विंडो के उपयोग को अक्षम नहीं करते हैं। शीट विंडो के टाइटल बार से बाहर खिसक जाती हैं और सामान्यतः उपयोगकर्ता को विंडो में काम करना जारी रखने से पहले इसे खारिज कर देना चाहिए किंतु बाकी एप्लिकेशन प्रयोग करने योग्य रहता है। इस प्रकार वे विंडो के अंदर एक मोड बनाते हैं जिसमें उन्हें सम्मिलत किया जाता है, किंतु शेष एप्लिकेशन के संबंध में मोडलेस होते हैं।

अंतःक्रिया प्रवाह का नियंत्रण

उपयोगकर्ता वर्कफ़्लो को निर्देशित करने के लिए जीयूआई टूलकिट में मोडल विंडो समान्य हैं। एलन कूपर का तर्क है कि महत्वपूर्ण मुद्दों पर ध्यान देने के लिए उपयोगकर्ता की आवश्यकता का महत्व उपयोगकर्ता की स्वतंत्रता को सीमित करने को उचित ठहराता है और विकल्प उपयोगकर्ता की हताशा को बढ़ाएगा।[10]

अनपेक्षित व्यवधान

अनपेक्षित अलर्ट संवाद बॉक्स मोड त्रुटियों के विशेष अपराधी हैं[1] संभावित गंभीर परिणामों के साथ प्रयोज्य चिकित्सकों का कहना है कि जहाँ भी संभव हो खतरनाक कार्य पूर्ववत होने चाहिए एक चेतावनी बॉक्स जो अनपेक्षित रूप से प्रकट होता है या अभ्यस्त द्वारा खारिज कर दिया जाता है खतरनाक कार्रवाई से रक्षा नहीं करता है।[11] एक मॉडल रहित जानकारी पट्टी को डायलॉग बॉक्स के लिए उत्तम माना जाता है क्योंकि यह उपयोगकर्ता की गतिविधियों को बाधित नहीं करता है किंतु उपयोगकर्ता को अपने समय में अतिरिक्त जानकारी पढ़ने की अनुमति देता है।

एक प्रस्तावित दृष्टिकोण प्रत्येक इनपुट तत्व को स्व-निहित कार्य विश्लेषण कार्य-उन्मुख परस्पर क्रिया के रूप में डिजाइन करना है जो पूरे आवेदन की वैश्विक स्थिति के अतिरिक्त अपनी विशिष्ट आवश्यकताओं द्वारा निर्देशित है। उदाहरण के लिए आवश्यक तत्वों के पहले एक तारक चिह्न लगाया जा सकता है, अमान्य डेटा वाले तत्व एक लाल सीमा प्राप्त कर सकते हैं, और इसी तरह इस दृष्टिकोण के साथ उपयोगकर्ता वास्तव में एक साथ कई इनपुट तत्वों को देखने से लाभान्वित होते हैं - वे डेटा को इस तरह से अंकित कर सकते हैं जो उन्हें समझ में आता है इसके अतिरिक्त अन्य सभी असंबंधित तत्वों को एक पूर्वनिर्धारित डेटा-प्रविष्टि अनुक्रम पूरा होने तक अवरुद्ध कर दिया जाता है।

समस्याएं

एक मोडल विंडो शीर्ष-स्तरीय प्रोग्राम में अन्य सभी कार्य प्रवाह को ब्लॉक करती है जब तक कि मोडल विंडो बंद नहीं हो जाती, जैसा कि मोडलेस डायलॉग्स के विपरीत होता है जो उपयोगकर्ताओं को अन्य विंडो के साथ काम करने की अनुमति देता है।[12] मोडल विंडो का उद्देश्य उपयोगकर्ता का पूरा ध्यान आकर्षित करना है।[13] उपयोगकर्ता यह नहीं पहचान सकते हैं कि एक मोडल विंडो को उनके ध्यान की आवश्यकता है जिससे मुख्य विंडो के गैर-प्रतिक्रियाशील होने के बारे में भ्रम उत्पन्न होता है या मुख्य विंडो के लिए उपयोगकर्ता के डेटा इनपुट का हानि होता है (मोड त्रुटि देखें)। गंभीर स्थिति में मोडल विंडो एक ही प्रोग्राम द्वारा नियंत्रित दूसरी विंडो के पीछे दिखाई देती है, संभावित रूप से पूरे प्रोग्राम को अनुत्तरदायी बना देती है जब तक कि मोडल विंडो मैन्युअल रूप से स्थित नहीं हो जाती।

चूँकि कई इंटरफ़ेस डिजाइनरों ने वर्तमान ही में विंडो के पीछे की पृष्ठभूमि को काला करके या किसी माउस को मोडल विंडो के बाहर क्लिक करके विंडो को बंद करने के लिए विवश करने की अनुमति देकर मोडल विंडो को अधिक स्पष्ट और उपयोगकर्ता के अनुकूल बनाने के लिए कदम उठाए हैं - एक डिज़ाइन जिसे लाइटबॉक्स (जावास्क्रिप्ट) कहा जाता है।[5] - इस प्रकार उन समस्याओं को कम करना जैकब नीलसन मोडल डायलॉग्स के एक लाभ के रूप में कहते हैं कि यह उपयोगकर्ता जागरूकता में सुधार करता है: जब किसी चीज़ को ठीक करने की आवश्यकता होती है तो यह सुनिश्चित करना उत्तम होता है कि उपयोगकर्ता इसके बारे में जानता है। इस लक्ष्य के लिए लाइटबॉक्स डिज़ाइन शेष दृश्यों की तुलना में संवाद का शक्तिशाली दृश्य कंट्रास्ट प्रदान करता है। लाइटबॉक्स विधि अब वेबसाइट डिजाइन में एक सामान्य उपकरण है।

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

अपने वास्तविक स्क्रीन से बड़े आभासी कार्य क्षेत्रों का उपयोग करने वाले उपयोगकर्ताओं के लिए मोडल विंडो आगे अवांछनीय व्यवहार का कारण बन सकती है, जिसमें वर्चुअल स्क्रीन के एक भाग पर मोडल बनाना सम्मिलत है जो वर्तमान में डिस्प्ले पर नहीं है या उपयोगकर्ता जिस पर काम कर रहा था, उससे डिस्प्ले को अचानक स्विच करना सम्मिलत है। एक पूरी तरह से अलग खंड है ।

मोडल विंडोज़ टेक्स्ट इनपुट का एक अचानक मोड़ बनाने की प्रवृत्ति रखते हैं विशेष रूप से अन्य प्रोग्राम्स के लिए टाइप किए गए इनपुट स्वयं में इसके अतिरिक्त मोडल सामान्यतः इनपुट को स्वीकार करने और इसे संसाधित करने के लिए एक संकेत के रूप में एंटर कुंजी (या दुर्लभ स्थिति में चिपकाए गए इनपुट में एक नई पंक्ति की उपस्थिति) की सक्रियता की व्याख्या करते हैं - या, दुर्लभ स्थिति में एक अलग के लिए इच्छित माउस क्लिक को रोक सकते हैं। आवेदन जो अचानक कवर किया गया है। इस तरह के अवरोधन जिसे फ़ोकस चोरी (या फ़ोकस चुराना) कहा जाता है, गोपनीयता और सुरक्षा प्रथाओं से समझौता कर सकता है, साथ ही अनुपयुक्त आउट-ऑफ़-कॉन्टेक्स्ट इनपुट को कैप्चर कर सकता है जो मोडल विंडो उत्पन्न करने वाले प्रोग्राम में अपरिभाषित इच्छानुसार परिणाम उत्पन्न कर सकता है।

कार्यान्वयन की नजदीकियों के आधार पर मोडल विंडो कम से कम आश्चर्य के सिद्धांत का उल्लंघन कर सकती हैं।

पक्षसमर्थन

मोडल डायलॉग्स टास्क फ्लो का भाग होते हैं और उन्हें उस जगह पर रखने के लिए पक्षसमर्थन दी जाती हैं जहां उस फ्लो में फोकस होता है। उदाहरण के लिए, विंडो को ग्राफिकल नियंत्रण तत्व (सॉफ्टवेयर) के पास रखा जा सकता है जो इसकी सक्रियता को ट्रिगर करता है।[14]

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

जिस प्लेटफॉर्म पर प्रोग्राम चल रहा है, उसमें डिजाइन को सामान्य प्रथाओं का पालन करना चाहिए। माइक्रोसॉफ़्ट विंडोज़ मोडल विंडो संवादों के लिए मानक नियंत्रणों का उपयोग करता है जिसमें पैनल के निचले दाएं भाग में सकारात्मक क्रिया बटन होते हैं। मैक ओएस एक्स सकारात्मक कार्रवाई बटन के साथ मोडल शीट का उपयोग करता है जो सबसे सही आदेश है।[15]

यह भी देखें

संदर्भ

  1. 1.0 1.1 1.2 1.3 "जब आपका मतलब पूर्ववत करना हो तो कभी भी चेतावनी का उपयोग न करें". alistapart.com. Retrieved 2015-10-09.
  2. Raskin, Jef (2000). मानवीय इंटरफ़ेस. United States: Addison Wesley. ISBN 0-201-37937-6.
  3. "Nitpicker / The Humane Interface". nitpicker.pbworks.com. Rule 1a. Retrieved 2015-10-09.
  4. Quince UX patterns explorer. "मॉडल पैनल". Archived from the original on 2010-02-27. The popular Lightbox JavaScript library uses a modal panel approach for showing the images
  5. 5.0 5.1 Jakob Nielsen, Alertbox. "10 सर्वश्रेष्ठ एप्लिकेशन UI".
  6. Joel Spolsky, User Interface Design for Programmers: Designing for People Who Have Better Things To Do With Their Lives
  7. Raymond Chen, The Old New Thing: The default answer to every dialog box is "Cancel"
  8. Jeff Atwood, Coding Horror: Teaching Users to Read
  9. "पत्रक - प्रस्तुति - घटक - मानव इंटरफ़ेस दिशानिर्देश - डिज़ाइन - Apple डेवलपर". Apple Developer. Retrieved 7 September 2022.
  10. Cooper, Alan (March 17, 2003). About Face 2.0: The Essentials of Interaction Design. Wiley. ISBN 0-7645-2641-3.
  11. Raskin, Jef (2000). मानवीय इंटरफ़ेस. Addison Wesley. ISBN 0-201-37937-6.
  12. "डायलॉग्स में मॉडेलिटी का उपयोग कैसे करें". Oracle Corporation.
  13. "मॉडल पैनल". quince.infragistics.com. Archived from the original on 2013-05-06.
  14. "मॉडल पैनल - कार्यान्वयन". quince.infragistics.com. Archived from the original on 2013-05-06.
  15. Inc., Apple. "विषय-वस्तु - macOS - macOS - मानव इंटरफ़ेस दिशानिर्देश - Apple डेवलपर". developer.apple.com. Retrieved 18 September 2018. {{cite web}}: |last= has generic name (help)