तर कॉम्बोबॉक्स, मल्टीसेलेक्ट, लिस्टबॉक्स, आनी ड्रॉपडावन हातूंत फरक कितें? हे सगळे UI घटक सारके दिसूं येतात, पूण ते वेगवेगळ्या उद्देशांक सेवा दितात. निवड चड करून उपलब्ध पर्यायांची संख्या आनी तांची दृश्टीकोन हाचेर देंवता. पळोवया ते कशे वेगळे आसात, ते खंयचो हेतू साध्य करतात आनी योग्य कसो वेंचचो — वाटेर गैरसमज आनी चुकीची अपेक्षा टाळप.
सगळे यादीचे नमुने सारके नात वयर हायलाइट केल्ल्या सगळ्या UI घटकांत सारकी एक गजाल समान आसा: ते वापरप्यांच्या यादीं वांगडा संवादांक आदार दितात. पूण ते मात्शें वेगळे तरेन करतात. दरेकीं पळोवया, एक एक करून:
ड्रॉपडावन → वळेरी ट्रिगर जायसर लिपल्या. कॉम्बोबॉक्स → फिल्टर करपाक टायप + 1 पर्याय निवडात. बहुनिवड → फिल्टर करपाक प्रकार + जायते पर्याय निवडात. यादीपेटी → सगळे यादी पर्याय पूर्वनिर्धारीतपणान दिसतात (+ स्क्रोल). ड्युअल लिस्टबॉक्स → 2 लिस्टबॉक्सां मदीं आयटम हालयतात.
म्हणल्यार, Combobox मजकूर इनपुट क्षेत्र ड्रॉपडावन वळेरे वांगडा जोडटा, देखून वापरप्यांक फिल्टर करपाक आनी एकूच पर्याय निवडपाक टायप करपाक मेळटा. Multiselect वरवीं, वापरप्यांक जायते पर्याय निवडूंक मेळटात (चड करून गोळ्यां वा चिप्स म्हणून दाखयतात). यादीपेटी पूर्वनिर्धारीतपणान दिसपी सगळे यादी पर्याय दाखयतात, चड करून स्क्रोलिंगासयत. वापरप्यांक सगळ्यो उपलब्ध पर्याय रोखडीच पळोवपाची गरज आसता तेन्ना तें उपेगी पडटा. ड्युअल लिस्टबॉक्स (हाका हस्तांतरण यादी अशेंय म्हण्टात) हो लिस्टबॉक्सांतलो एक बदल आसा जो वापरप्यांक दोन लिस्टबॉक्सां मदीं (डावें ↔ उजवें) वस्तू हालवपाक परवानगी दिता, सादारणपणान बल्क निवडी खातीर. वारंवार वापरिल्ले पर्याय केन्नाच लिपोवचे न्हय वयर सांगिल्ले प्रमाणें, योग्य UI घटकाची निवड 2 घटकांचेर आदारीत आसता: कितले यादी पर्याय उपलब्ध आसात, आनी हे सगळे पर्याय पूर्वनिर्धारीतपणान दिसपाक जाय जाल्यार. सगळ्या यादींनी झाडांची रचणूक, घोंस घालप, आनी गट निवड आसूं येताली.
खंयच्याय UI घटका खातीर हांव वर्सां सावन पाळटां तें एक तत्व आसा: वारंवार वापरिल्ले पर्याय केन्नाच लिपोवचे न्हय. वापरप्यांनी वारंवार एका विशिश्ट निवडीचेर आदारून रावल्यार, ती तांचे कडल्यान लिपोवपाचें मोल खूब उणें आसता. आमी एक तर तें पूर्व-निवड करूंक शकतले, वा (जर फकत 2-3 वारंवार वापरिल्ले पर्याय आसल्यार) तांकां चिप्स वा बटण म्हणून दाखोवंक शकतले, आनी मागीर उरिल्ली वळेरी परस्पर संवादाचेर दाखोवंक शकतले. सादारणपणान, सदांच लोकप्रिय पर्याय दाखोवप ही एक बरी कल्पना — जरी ताका लागून UI गोंदळ जावं येता. खंयचें कशें वेंचचें? दरेक वळेरेंत जटिल निवड पद्दतीची गरज ना. 5 परस उण्या वस्तूंच्या वळेरे खातीर, सादे रेडिओ बटण वा चेकबॉक्स चड करून सगळ्यांत बरे काम करतात. पूण वापरप्यांक पर्यायांची व्हड वळेरेंतल्यान निवड करपाची गरज आसल्यार (देखीक, 200+ आयटम), कॉम्बोबॉक्स + मल्टीसेलेक्ट बेगीन फिल्टरिंग (देखीक, देश निवड) आशिल्ल्यान उपेगी पडटा.
जेन्ना लोकांक एकाच वेळार जायते पर्याय ऍक्सॅस करपाची गरज आसता, खास करून त्या वळेरेंतल्यानय जायते पर्याय वेंचपाची गरज आसल्यार यादीपेटी उपेगी पडटात. वारंवार वापरिल्ल्या फिल्टरांक ते उपेगी पडूं येतात.
ड्युअल लिस्टबॉक्साचेर चड करून दुर्लक्ष जाता आनी दुर्लक्ष जाता. पूण जटिल कामां खातीर तो खूब उपेगी थारूंक शकता, देखीक बल्क निवड, वा भुमिका, कामां, जापसालदारक्यो दिवप. तो एकमेव UI घटक आसा जो वापरप्यांक कमिट करचे पयलीं स्त्रोत वळेरे वांगडा तांची पुराय निवड वळेरी बाजू बाजून नियाळ करपाक परवानगी दिता (“हस्तांतरण वळेरी” अशेंय म्हण्टात). खरें म्हणल्यार, ड्युअल लिस्टबॉक्स चड करून ड्रॅग-एण्ड-ड्रॉपा परस चड वेगान, चड अचूक आनी चड सुलभ आसता. वापरपाचे नदरेन विचार लक्षांत दवरपाची एक म्हत्वाची टिप म्हणल्यार सगळ्या वळेरी प्रकारांनी सुलभताये खातीर कीबोर्ड नेव्हिगेशनाक (देखीक, ↑/↓ बाण कळाशी) आदार दिवपाची गरज आसा. कांय लोक टायप करपाक सुरवात केल्या उपरांत पर्याय वेंचपा खातीर चड करून कीबोर्डाचेर आदारून आसतले.
ताचे भायर: १.
7+ पर्याय आशिल्ल्या यादीं खातीर, वापरप्याची संवाद सुगम करपाक “सगले निवडात” आनी “सगले निवळ करात” कार्यक्षमताय जोडपाचो विचार करात. कॉम्बोबॉक्स आशिल्ल्या लांब यादीं खातीर, क्लिक/टॅपाचेर वापरप्यांक सगळे पर्याय उक्ते करात, कारण नाजाल्यार ते केन्नाच दिसूंक शकनात, सगळ्यांत म्हत्वाचें म्हणल्यार, गोंदळ टाळपा खातीर बिगर परस्पर संवादात्मक घटक बटण म्हणून दाखोवचे न्हय — आनी परस्पर संवादात्मक घटक स्थिर लेबल म्हणून दाखोवचे न्हय.
रॅपिंग अप: सगळेंच ड्रॉपडावन न्हय नांवां म्हत्वाचीं. पर्यायांची उबी वळेरी सादारणपणान “ड्रॉपडावन” म्हणून वर्णीत केल्ली आसता — पूण चड करून ती अर्थपूर्ण जावपाक मात्शी चड सामान्य आसता. “ड्रॉपडावन” ही वळेरी पूर्वनिर्धारीतपणान लिपल्या असो संकेत दिता. “बहु निवड” म्हणल्यार वळेरे भितर बहु-निवड (चेकबॉक्स) अशें म्हण्टात. “कॉम्बोबॉक्स” म्हणल्यार मजकूर इनपुट. आनी “Listbox” ही फकत निवडपाक येवपी वस्तूंची वळेरी, सगळ्या वेळार दिसपी. ताचे खातीर वयर दिल्ल्या व्याख्यां कडेन जुळोवप हें ध्येय न्हय. पूण हेतू एके वळीन दवरपा परस — हे UI घटक निर्णय घेतना, डिझायन करतना, बांदतना आनी मागीर वापरतना तीच भास उलोवचें. ताका काम करपाक जायसगळेच — डिझायनर, अभियंते, आनी निमाणे वापरपी — जो मेरेन स्थिर लेबलां परस्पर संवादात्मक बटणां सारकीं दिसनात, आनी रेडिओ बटणां चेकबॉक्सां सारकीं काम करिनात. “एआय संवादां खातीर डिझायन पॅटर्न्स” मेळोवचें एआय संवादां खातीर डिझायन पॅटर्न्स मेळोवचें, वास्तव जिणेंतल्या उत्पादांतल्यान वेव्हारीक उदाहरणां सयत Vitaly चो नवो व्हिडियो अभ्यासक्रम — बेगीनच लायव्ह UX प्रशिक्षण घडटा. फुकट पूर्वावलोकनाचेर उडी मारची. एआय संवादां खातीर डिझायन पॅटर्न्स मेळोवचे, इंटरफेस डिझायन & यूएक्साचेर Vitaly चो व्हिडियो अभ्यासक्रम.
व्हिडियो + यूएक्स प्रशिक्षणफक्त व्हिडियोव्हिडियो + यूएक्स प्रशिक्षण$ 450.00 $ 799.00
व्हिडियो + UX प्रशिक्षण मेळोवचें30 व्हिडियो धडे (10h) + लायव्ह UX प्रशिक्षण.100 दीस पयशे परत-गॅरंटी.व्हिडियो फकत$ 275.00$ 395.00
व्हिडियो कोर्स मेळोवचो30 व्हिडियो धडे (10h). वर्सुकी अद्ययावत.3 व्हिडियो अभ्यासक्रमां सयत UX बंडल म्हणूनय उपलब्ध.
उपेगी साधनां
ऑटोकम्पलीट: यूएक्स मार्गदर्शक तत्वां, विटाली फ्रायडमन हांणी कॉम्बोबॉक्स, ईबे 👍 कडल्यान कॉम्बोबॉक्स, इलास्टीक हांणी तयार केल्लो कॉम्बोबॉक्स, एलिसा हांणी केला कॉम्बोबॉक्स, मोंगोडीबी 👍 कडल्यान कॉम्बोबॉक्स, व्हिसा 👍 कडल्यान कॉम्बोबॉक्स, वॉटसन (डॉकप्लानर) हांणी केला. कॉम्बोबॉक्स, विकिमीडिया कडल्यान कॉम्बोबॉक्स, जेन्डेस्क हाणें तयार केल्लो मल्टीसेलेक्ट (MongoDB Combobox Design Docs), MongoDB 👍 कडल्यान मल्टीसेलेक्ट लुकअप, विकिमीडिया वरवीं मल्टी-सेलेक्ट कॉम्बो बॉक्स, वादिन हांणी केल्लो मल्टीसेलेक्ट, व्हिसा वरवीं हस्तांतरण (लिस्टबॉक्स उदाहरण), मुंगूस डिझायनान लिस्टबॉक्स, हॉपर हांणी केला यादी पेटी, वाडीन हाणें बरयल्ली लिस्टबॉक्स, व्हिसा वरवीं ड्युअल लिस्ट सिलेक्टर, रेड हॅट (PatternFly) कडल्यान ड्युअल लिस्टबॉक्स, सेल्सफोर्स (लायटनिंग डिझायन सिस्टम) कडल्यान हस्तांतरण वळेरी, मॅंटाइन हांणी केल्ली ड्युअल लिस्टबॉक्स, डॅशलाइट कडल्यान बॅज विरुद्ध गोळ्या विरुद्ध चिप्स विरुद्ध टॅग, विटाली फ्रायडमन हांणी बरयल्लें लिस्टबॉक्स विरुद्ध ड्रॉपडावन लिस्ट्स, अन्ना कॅले (एनएन/जी) हांणी
