ड्रॉप-डाउन सूची: एर्गोनॉमिक्स और डिज़ाइन

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

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


कुशल सूची प्रदर्शन

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

व्यावहारिक सिफारिशें :

• यदि सूची में चार से कम आइटम हैं, तो रेडियो बटन का उपयोग पसंदीदा विकल्प है।
• चयन के लिए विकल्पों की संख्या सीमित और सबसे आवश्यक उपयोगकर्ता के लिए कम होनी चाहिए
• आपको प्रदर्शित सूची की ऊंचाई को सीमित करने के लिए स्क्रॉल सलाखों का उपयोग करने से बचना चाहिए - यह अनावश्यक कठिनाइयों का निर्माण करता है;
  कॉम्बो बॉक्स के उपयोग के माध्यम से उपयोगकर्ता को अपने स्वयं के विकल्प के साथ प्रदान करना उचित है।
  
  
  आसान विकल्प
  
  जब एक सूची आइटम पहले से ही चयनित है, तो आपको उपयोगकर्ता को इसके बारे में सूचित करना चाहिए। कुछ मामलों में, पसंद का तथ्य स्पष्ट है, लेकिन कभी-कभी उपयोगकर्ता को एक बार फिर से इसके बारे में सूचित करना आवश्यक है। उदाहरण के लिए, यदि सूची चयन क्षेत्र के तहत प्रदर्शित की जाती है, तो चयनित आइटम पहले स्थान पर होना चाहिए। यदि चयनित आइटम सूची के मध्य या अंत में है, तो इसे हाइलाइट किया जाना चाहिए।
  क्या होगा यदि सूची में वास्तव में बहुत सारे तत्व हैं? आप कई कार्यक्रमों में पहले से लागू किए गए समाधान का उपयोग कर सकते हैं: सूची आइटम को निम्नलिखित आधारों पर बनाए गए समूहों में नेत्रहीन रूप से विभाजित किया जा सकता है:
  
  
  • कार्रवाई का प्रकार
  • उपयोग की आवृत्ति
  • वर्णानुक्रम
  • ग्राफिक के आसपास
  
  
  
  
  उदाहरण: ड्रॉप-डाउन मेनू आइटम को श्रेणियों (मोज़िला थंडरबर्ड) और एक ग्राफिक छवि के आसपास (कार्यालय 2007 - 10) में समूहीकृत करना।
  
  एक अच्छा समाधान यह होगा कि उपयोगकर्ता अपने विवेक पर समूह मेनू आइटम की क्षमता की पेशकश करे।
  
  व्यावहारिक सिफारिशें:
  
  सूची के तत्वों के नामों को एक एकल शैली में घटाया जाना चाहिए (ताकि पहले शब्द से तत्व को पहचाना जा सके);
  जब वर्णमाला क्रम में तत्वों को छाँटते हैं, तो सभी नामों को या तो कैपिटल अक्षरों से या केवल लोअरकेस अक्षरों से शुरू करना चाहिए;
  कीबोर्ड का उपयोग करके सूची आइटम के नाम दर्ज करते समय, संकेतों का उपयोग करें;
  सूचियों को व्यवस्थित किया जाना चाहिए ताकि डिफ़ॉल्ट आइटम हमेशा उपयोगकर्ता को दिखाई दे। इस मामले में, उपयोगकर्ता हमेशा प्रासंगिक वस्तुओं की तुलना करके अपनी पसंद की शुद्धता को सत्यापित कर सकता है।
  उपयोग की आवृत्ति आदि की श्रेणियों के आधार पर आइटमों को सूचीबद्ध करना भी आवश्यक है।
  
  पसंद के लिए अनुकूल परिस्थितियां बनाएं
  
  ड्रॉप-डाउन सूचियों में, उपयोगकर्ता को अक्सर चयन के लिए बड़ी संख्या में विकल्प पेश किए जाते हैं। चयन की सुविधा के लिए, आप विभिन्न तरीकों का उपयोग कर सकते हैं: उदाहरण के लिए, फ़ॉन्ट चयन मेनू में, प्रत्येक आइटम का नाम संबंधित फ़ॉन्ट में मुद्रित होता है (यह कई पाठ संपादकों में किया जाता है)। कुछ मामलों में, नमूनों की सूची में प्रत्येक तत्व के बगल में इसे रखना उपयोगी हो सकता है (जैसा कि कार्यान्वित किया जाता है, उदाहरण के लिए, इनडिज़ाइन में)।
  
  
  
  उदाहरण: फोंट (ओपनऑफिस और इनडिजाइन) के चयन के लिए ड्रॉप-डाउन मेनू।
  
  हम एक उदाहरण के रूप में Office 2007 और 2010 में समृद्ध ड्रॉप-डाउन मेनू का भी हवाला दे सकते हैं। फोंट का चयन करने के लिए मेनू में, उदाहरण के लिए, यह प्रदर्शित करना संभव है कि मेनू खोलने से पहले चयनित पाठ टुकड़ा किसी विशेष शैली में कैसे दिखाई देगा।
  
  
  
  उदाहरण: एक चुनिंदा फ़ॉन्ट में पाठ टुकड़ा प्रस्तुत करना (कार्यालय 2007)
  
  एक दिलचस्प विकल्प चेकबॉक्स के साथ ड्रॉप-डाउन मेनू का एक संयोजन भी है। आवश्यक झंडे सेट करने के बाद, उपयोगकर्ता मेनू आइटम चुन सकता है जो उसे अपने काम में वास्तव में आवश्यकता होगी।
  
  
  
  उदाहरण: WindowsExplorer7 में और फ्रेंच साइट CadresOnline पर प्रदर्शित मेनू आइटम का चयन करना।
  
  सभी आवश्यक तत्वों को प्रदर्शित करने के लिए मेनू के तहत अंतरिक्ष में पर्याप्त जगह होनी चाहिए। कुछ मामलों में, सूची के कई तत्वों के असफल प्रदर्शन के कारण ड्रॉप-डाउन सूची इतनी उपयोगी नहीं होती है, जितना कि बोझिल।
  एक उदाहरण फ्रेंच पोस्ट वेबसाइट है:
  
  
  
  ड्रॉप-डाउन सूचियाँ अपने इच्छित स्थान से बहुत आगे जाती हैं। जैसा कि आप ऊपर दिए गए आंकड़े में देख सकते हैं, सूचियों को बाईं ओर स्थानांतरित किया जा सकता है (यानी शीर्षक के शीर्ष के करीब), जो मेनू को अधिक सुविधाजनक और समझने योग्य बना देगा।
  
  एक अन्य संभावित समाधान सूची वस्तुओं का एक चित्रमय प्रतिनिधित्व है। वेब एप्लिकेशन और साइट्स के डिजाइन में इस दृष्टिकोण का तेजी से उपयोग किया जा रहा है। पारंपरिक अर्थों में ड्रॉप-डाउन सूची को कॉल करना कभी-कभी मुश्किल होता है। ग्राफिक ड्रॉप-डाउन सूचियां आपको सामग्री को अधिक स्पष्ट रूप से प्रस्तुत करने और नेविगेशन की सुविधा के लिए अनुमति देती हैं।
  
  सिफारिशें :
  
  • सूची आइटम (फ़ॉन्ट, आकार, स्वरूपण शैली, आदि) की विज़ुअलाइज़ेशन क्षमताओं का उपयोग करें
  • सूची आइटम के नाम एकल शैली में लाए जाने चाहिए
  • बड़ी सूचियों के लिए, स्क्रीन पर केवल सबसे आवश्यक तत्व प्रदर्शित करें;
    श्रेणी के आधार पर समूह सूची आइटम
  • उपयोगकर्ता को स्वतंत्र रूप से प्रदर्शित सूची आइटम का चयन करने का अवसर दें
  
  
  निष्कर्ष
  
  ड्रॉप-डाउन सूची इंटरफ़ेस का एक बहुत ही सुविधाजनक घटक है: यह स्क्रीन स्पेस को बचाने में मदद करता है और नेविगेशन को बहुत सुविधाजनक बनाता है। उसी समय, जब इस घटक को इंटरफ़ेस डिज़ाइन में शामिल किया जाता है, तो अधिकतम उपयोगकर्ता सुविधा सुनिश्चित करने के लिए एर्गोनोमिक और सौंदर्य संबंधी विचारों को निर्देशित किया जाना चाहिए।