तो कम्बोबॉक्स, मल्टीसेलेक्ट, लिस्टबॉक्स, ते ड्रॉपडाउन च केह् फर्क ऐ? जदके एह् सारे यूआई घटक समान दिक्खने गी मिलदे न, तां एह् बक्ख-बक्ख मकसदें दी सेवा करदे न। चयन अक्सर उपलब्ध विकल्पें दी गिनतरी ते उंदी दृश्यता उप्पर निर्भर करदा ऐ। आओ दिक्खने आं जे उंदे च कि’यां फर्क ऐ, केह् मकसद पूरा करदे न, ते सच्चे गी किस चाल्ली चुनना ऐ — रस्ते च गलतफहमी ते गलत उम्मीदें थमां बचना।
सारे लिस्ट पैटर्न इक जेह्ड़े नेईं होंदे उपर हाइलाइट कीते गेदे सारे यूआई घटकें च बिल्कुल इक गै समानता ऐ: एह् सूची कन्नै बरतूनी दी परस्पर क्रियाएं दा समर्थन करदे न। पर, एह् थोह् ड़ी-मती बक्खरी गै करदे न। आओ, हर इक गी, इक-इक करियै दिक्खने आं:
ड्रॉपडाउन → सूची उसलै तकर छिपी जंदी ऐ जिसलै तकर एह् ट्रिगर नेईं होई जंदी। कॉम्बोबॉक्स → फ़िल्टर करने लेई टाइप करो + 1 विकल्प चुनो। मल्टीसेलेक्ट → फ़िल्टर करने लेई टाइप करो + मते सारे विकल्प चुनो। लिस्टबॉक्स → डिफ़ॉल्ट रूप कन्नै दिक्खे जाने आह् ले सारे सूची विकल्प (+ स्क्रॉल)। दोहरी लिस्टबॉक्स → 2 लिस्टबॉक्स दे बीच आइटम लेई जाओ।
दूए शबदें च, कॉम्बोबॉक्स इक पाठ इनपुट फील्ड गी ड्रॉपडाउन सूची कन्नै जोड़दा ऐ, तां जे बरतूनी फ़िल्टर करने ते इक गै विकल्प चुनने लेई टाइप करी सकदे न. मल्टीसिलेक्ट कन्नै, बरतूनी मते सारे विकल्प चुन सकदे न (अक्सर गोलियां जां चिप्स दे रूप च प्रदर्शत कीते जंदे न)। सूची बक्ख-बक्ख डिफ़ॉल्ट रूप कन्नै दिक्खने आह् ले सब्भै सूची विकल्प प्रदर्शत करदे न, अक्सर स्क्रॉल कन्नै. जदूं बरतूनी गी फौरन सारे उपलब्ध विकल्पें गी दिक्खने दी लोड़ होंदी ऐ तां एह् मददगार होंदा ऐ। दोहरी लिस्टबॉक्स (जिसी हस्तांतरण सूची बी आखेआ जंदा ऐ) इक लिस्टबॉक्स दा इक बदलाव ऐ जेह् ड़ा बरतूनी गी दो लिस्टबॉक्सें (बाएं ↔ दाएं) दे बश्कार आइटमें गी लेई जाने दी इजाजत दिंदा ऐ, आमतौर पर बल्क चयन आस्तै। बार-बार इस्तेमाल कीते जाने आह् ले विकल्पें गी कदें बी नेईं छुपाओ जि’यां केईं दस्सेआ गेआ ऐ, सच्चे यूआई घटक दा चयन 2 कारकें उप्पर निर्भर करदा ऐ: कितने सूची विकल्प उपलब्ध न, ते जेकर इनें सारे विकल्पें गी डिफ़ॉल्ट रूप कन्नै दिक्खने दी लोड़ ऐ. सारे सूची च बूह्टे दी संरचना, घोंसला, ते समूह चयन बी होई सकदा ऐ।
इक सिद्धांत ऐ जेह् ड़ा मैं कुसै बी यूआई घटक आस्तै बरें थमां पालन करा’रदा ऐ: बार-बार इस्तेमाल कीते जाने आह् ले विकल्पें गी कदें बी नेईं छुपाओ. जेकर बरतूनी बार-बार कुसै खास चयन पर भरोसा करदे न तां उ’नेंगी उंदे कोला छिपाने दा मता कम्म ऐ। अस या तां इसगी पूर्व-चयनित बनाई सकने आं, जां (जेकर सिर्फ 2-3 बार-बार इस्तेमाल कीते जाने आह् ले विकल्प न) उनेंगी चिप जां बटन दे रूप च दस्सी सकने आं, ते फ्ही बाकी दी सूची गी इंटरैक्शन पर दस्सी सकने आं। आमतौर उप्पर, लोकप्रिय विकल्पें गी हमेशा प्रदर्शत करना इक अच्छा विचार ऐ — भलेआं एह् यूआई गी अव्यवस्था पैदा करी सकदा ऐ। कुस गी किस चाल्ली चुनना ऐ? हर सूची च जटिल चयन पद्धति दी लोड़ नेईं होंदी ऐ। 5 थमां घट्ट आइटम आह् ली सूची आस्तै, साधारण रेडियो बटन जां चेकबॉक्स आमतौर पर बेह् तर कम्म करदे न। पर जेकर बरतूनी गी विकल्पें दी इक बड्डी सूची थमां चयन करने दी लोड़ ऐ (जियां, 200+ आइटम), तां कॉम्बोबॉक्स + मल्टीसेलेक्ट तेज़ फ़िल्टरिंग (जियां, देश चयन) दे कारण मददगार होंदे न।
लिस्टबॉक्स उसलै मददगार होंदे न जिसलै लोकें गी इक बारी च मते सारे विकल्पें तगर पुज्जने दी लोड़ होंदी ऐ, खास करियै जेकर उ’नेंगी उस सूची थमां बी मते सारे विकल्प चुनने दी लोड़ होंदी ऐ। बार-बार इस्तेमाल कीते जाने आह् ले फ़िल्टरें लेई एह् मददगार होई सकदे न।
दोहरी लिस्टबॉक्स गी अक्सर अनदेखा कीता जंदा ऐ ते नजरअंदाज कीता जंदा ऐ। पर एह् जटिल कम्में आस्तै मता मददगार होई सकदा ऐ , जियां बल्क चयन , जां भूमिकाएं , कम्में , जिम्मेदारियें गी असाइन करना । एह् इकमात्र यूआई घटक ऐ जेह् ड़ा बरतूनी गी कमिट करने थमां पैह् ले स्रोत सूची कन्नै बक्ख-बक्ख अपनी पूरी चयन सूची दी समीक्षा करने दी इजाजत दिंदा ऐ (जिसी "हस्तांतरण सूची" बी आखेआ जंदा ऐ)। दरअसल, ड्यूल लिस्टबॉक्स अक्सर ड्रैग-एंड-ड्रॉप दी तुलना च तेज़, सटीक ते मता सुलभ होंदा ऐ। उपयोगिता पर विचार करना ध्यान च रक्खने आस्तै इक महत्वपूर्ण नोट एह् ऐ जे सब्भै सूची किस्में गी सुलभता आस्तै कीबोर्ड नेविगेशन (जियां, ↑/↓ तीर कुंजी) दा समर्थन करने दी लोड़ ऐ। किश लोक टाइप करना शुरू करने दे बाद विकल्प चुनने लेई लगभग हमेशा कीबोर्ड पर भरोसा करङन।
उसदे परे:
7+ विकल्पें आह् ली सूची आस्तै, बरतूनी दी बरतून गी सुचारू बनाने आस्तै "सभनें गी चुनो" ते "सभनें गी साफ करो" फ़ंक्शनलटीएं गी जोड़ने पर विचार करो. कम्बोबॉक्स कन्नै लम्मी सूची आस्तै, क्लिक/टैप पर सारे विकल्पें गी बरतूनी गी उजागर करो, कीजे नेईं ते ओह् कदें बी नेईं दिक्खे जाई सकदे न, सबनें शा मती जरूरी गल्ल एह् ऐ जे भ्रम थमां बचने आस्तै गैर-इंटरएक्टिव तत्वें गी बटन दे रूप च नेईं प्रदर्शत करो — ते इंटरएक्टिव तत्वें गी स्थिर लेबल दे रूप च नेईं प्रदर्शत करो.
लपेटना: हर चीज़ इक ड्रॉपडाउन नेईं ऐ नाम महत्व रखदे न। विकल्पें दी इक खड़ी सूची गी आमतौर पर "ड्रॉपडाउन" दे रूप च वर्णत कीता जंदा ऐ — पर अक्सर एह् सार्थक होने आस्तै थोड़ा मता जेनेरिक होंदा ऐ । “ड्रॉपडाउन” संकेत दिंदा ऐ जे सूची डिफ़ॉल्ट रूप कन्नै छिपी दी ऐ। “बहु चयन” दा मतलब ऐ इक सूची दे अंदर बहु-चयन (चेकबॉक्स)। “कम्बोबॉक्स” दा मतलब ऐ पाठ इनपुट। ते “लिस्टबॉक्स” सिर्फ चयन योग्य आइटमें दी सूची ऐ, जेह् ड़ी हर समें दिक्खी जंदी ऐ। लक्ष्य इसदी खातिर उप्पर दित्ती गेदी परिभाशाएं कन्नै मेल नेईं खंदा। पर इरादें गी संरेखित करने दे बजाय — इनें यूआई घटकें पर फैसला करने, डिजाइन करने, बनाने ते फिरी इस्तेमाल करने पर इक गै भाशा बोलो. इसदे लेई कम्म करना चाहिदाहर कोई — डिजाइनर, इंजीनियर, ते अंत उपयोगकर्ता — जदूं तकर स्थिर लेबल इंटरएक्टिव बटन दे समान नेईं दिक्खदे न, ते रेडियो बटन चेकबॉक्स दे समान नेईं कम्म करदे न। “एआई इंटरफेस लेई डिजाइन पैटर्न” कन्नै मिलो एआई इंटरफेस आस्तै डिजाइन पैटर्न कन्नै मिलियै, असल जिंदगी दे उत्पादें थमां व्यावहारिक उदाहरणें कन्नै विटाली दा नमां वीडियो कोर्स — जिसदे कन्नै इक लाइव यूएक्स प्रशिक्षण जल्द गै होआ करदा ऐ। मुफ्त पूर्वावलोकन पर कूद जाओ। एआई इंटरफेस आस्तै डिजाइन पैटर्न कन्नै मिलियै, इंटरफेस डिजाइन ते यूएक्स पर विटाली दा वीडियो कोर्स।
वीडियो + यूएक्स ट्रेनिंगवीडियो हीवीडियो + यूएक्स ट्रेनिंग$ 450.00 $ 799.00
वीडियो + यूएक्स ट्रेनिंग30 वीडियो सबक (10h) + लाइव यूएक्स ट्रेनिंग पाओ।100 दिन पैसे-वापस-गारंटी।वीडियो केवल$ 275.00$ 395.00
वीडियो कोर्स30 वीडियो पाठ (10h) पाओ। सालाना अपडेट कीता जंदा ऐ।3 वीडियो कोर्सें कन्नै यूएक्स बंडल दे रूप च बी उपलब्ध ऐ।
उपयोगी संसाधन
ऑटोकम्पलीट: यूएक्स दिशा-निर्देश, विटाली फ्राइडमैन द्वारा कॉम्बोबॉक्स, ईबे 👍 द्वारा कॉम्बोबॉक्स, इलास्टिक द्वारा कॉम्बोबॉक्स, एलिसा द्वारा कॉम्बोबॉक्स, मोंगोडीबी 👍 द्वारा कॉम्बोबॉक्स, वीजा 👍 द्वारा कॉम्बोबॉक्स, वाटसन (डॉकप्लानर) द्वारा कॉम्बोबॉक्स, विकिमीडिया द्वारा कॉम्बोबॉक्स, जेन्डेस्क द्वारा मल्टीसेलेक्ट (मोंगोडीबी कॉम्बोबॉक्स डिजाइन डॉक्स), मोंगोडीबी 👍 द्वारा मल्टीसेलेक्ट लुकअप, विकिमीडिया द्वारा बहु-चयनित कॉम्बो बॉक्स, वादिन द्वारा मल्टीसेलेक्ट, वीजा दे द्वारा स्थानांतरण (लिस्टबॉक्स उदाहरण), चींटी डिजाइन द्वारा लिस्टबॉक्स, हॉपर द्वारा सूची बॉक्स, वादीन द्वारा लिस्टबॉक्स, वीजा द्वारा दोहरी सूची चयनकर्ता, रेड हैट (PatternFly) द्वारा दोहरी लिस्टबॉक्स, सेल्सफोर्स (बिजली डिजाइन प्रणाली) द्वारा स्थानांतरण सूची, मंटाइन द्वारा दोहरी लिस्टबॉक्स, डैशलाइट द्वारा बिल्ला बनाम गोलियां बनाम चिप्स बनाम टैग, विटाली फ्राइडमैन द्वारा लिस्टबॉक्स बनाम ड्रॉपडाउन सूची, अन्ना काले (एनएन/जी) द्वारा
