क्या मोडल डायलॉग वेब के लिए एक अच्छा अभ्यास है?

Question

modal windows/dialogs वेबसाइटों के लिए एक अच्छा अभ्यास माना जाता है? एक मोडल विंडो का उपयोग करने के बारे में मुझे चिंतित करने वाली चीजों में से एक यह है कि यह पॉप-अप विंडो की तरह है और इससे उपयोगकर्ता निराशा हो सकती है या उपयोगकर्ताओं को इसे बंद करने का कारण बन सकता है क्योंकि यह घुसपैठ कर रहा है। क्या आप किसी भी अध्ययन के बारे में जानते हैं जो उपयोगकर्ता प्राथमिकताओं और दरों का उपयोग करने के बारे में बात करता है?

जावास्क्रिप्ट बंद होने पर एक मोडल विंडो लिंक को नए पृष्ठ में सामग्री लोड करने से परे कोई पहुंच-योग्यता समस्याएं हैं? क्या आप साइट या वेब ऐप्स जो मोडल विंडो का उपयोग करते हैं? क्यों या क्यों नहीं? मोडल विंडोज़ को लागू करने के लिए अच्छे और बुरे प्रथाएं क्या हैं? मुझे पता है कि चित्रों या दीर्घाओं को प्रदर्शित करते समय आमतौर पर मोड का उपयोग किया जाता है, लेकिन कुछ अन्य व्यावहारिक उपयोग के मामले क्या हैं? क्या आप उन्हें अपनी साइट पर उपयोग करते हैं और आपको अपने फैसले का क्या कारण बनता है?

Answer 1

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

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

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

Answer 2

मैं केवल सरल प्रश्न या कार्रवाई है कि उपयोगकर्ता पूर्ण एकाग्रता की आवश्यकता होती के लिए वेब एप्लिकेशन पर मोडल खिड़कियों का उपयोग करें, कि क्या मॉडल के लिए है, "पृष्ठभूमि भूल" और क्या अनुप्रयोगों में ध्यान केंद्रित करने के लिए पूछ रहा है ... है

उदाहरण:

"अधिकतम ऋण की अनुमति सीमा तक पहुंच गई थी, क्या आप वाकई इस नए ऋण को ग्राहक को भेजना चाहते हैं?"

(एक मॉडल खिड़कियों कि सही विषय और मुख्य पाठ के लिए इस्तेमाल किया जा सकता है या एक पूर्व निर्धारित विषय/शरीर एक ग्राहक के लिए भेजने के लिए चयन उदाहरण के लिए एक ईमेल भेजने के लिए एक पूर्व पाठ का चयन

...

सामान इस तरह :)

मैं बहुत से वित्त वेब ऐप्स करता हूं जो वेबसाइट से काम करता है जहां उपयोगकर्ता कुछ वित्त डेटा में अनुबंधों को भेजने के लिए सभी वित्त डेटा में प्रवेश करता है, केवल कुछ क्लिकों में भरा हुआ पूरा होता है, और वे कार्य हैं मैं मोडल विंडोज़ का उपयोग करता हूं।

आशा है कि यह मदद करता है

Answer 3

37signals क्रियार्थ द्योतक here पर कोई रोचक पोस्ट है।वे स्क्रीन आकार के माध्यम से महत्व को इंगित करने के लिए मॉडलों का उपयोग करने के बारे में बात करते हैं, जहां मोडल ओवरले एक नए पृष्ठ पर नेविगेट करने के लिए पर्याप्त महत्वपूर्ण नहीं है।

Answer 4

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

Answer 5

खराब कार्यान्वयन पर वेब केंद्र पर संवाद की अधिकांश समस्याएं। कुछ कारणों से शामिल हैं:

• स्क्रीन आकार
• ब्राउज़र विंडो
• जहां संवाद खोलने के लिए आकार बदलने
• प्रस्तुत करने प्रपत्र तत्वों
• कठोर ओवरले स्ट्रोब प्रकाश प्रभाव
• मनोहर पतन (जैसा कि पहले उल्लेख के रूप में)

इन सभी को आसानी से ओव किया जा सकता है कुछ पूर्व-विचार और प्रोग्रामिंग तकनीकों के साथ परिणाम, वेब पर संवाद ठीक से लागू होने पर बहुत उपयोगी बनाते हैं।

Answer 6

ऐसा लगता है कि एक स्तरित पैनल के साथ कई भ्रमित मोडल विंडो। एक संवाद बॉक्स एक मोडल विंडो हो सकता है और पॉप-अप एक मोडल विंडो है। एक स्तरित पैनल खिड़की नहीं है, लेकिन इसमें पॉप-अप या डायलॉग बॉक्स की उपस्थिति है। यह इस अर्थ में मामूली है कि अंतर्निहित परत अनुपलब्ध हैं। मॉडल विंडो वेब साइटों पर लोकप्रिय हैं क्योंकि वे पॉप-अप अवरोधकों से प्रतिरक्षा हैं।

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

आईएमएचओ, मोडल विंडोज़ को एक संकीर्ण विशिष्ट उद्देश्य के लिए डिज़ाइन किया गया था और अब बहुत समय से अनुपयुक्त उपयोग किया जाता है। सिर्फ इसलिए कि आप कुछ कर सकते हैं इसका मतलब यह नहीं है कि आपको चाहिए! :-)