গতিকে কম্বোবক্স, মাল্টিচেলেক্ট, লিষ্টবক্স, আৰু ড্ৰপডাউনৰ মাজত পাৰ্থক্য কি? এই সকলো UI উপাদান একে যেন দেখাব পাৰে, ইহঁতে বিভিন্ন উদ্দেশ্য সাধন কৰে। পছন্দটো প্ৰায়ে উপলব্ধ বিকল্পৰ সংখ্যা আৰু ইয়াৰ দৃশ্যমানতাৰ ওপৰত নিৰ্ভৰ কৰে। চাওঁ আহক তেওঁলোকৰ মাজত কেনেকৈ পাৰ্থক্য আছে, তেওঁলোকে কি উদ্দেশ্য সাধন কৰে, আৰু সঠিকটো কেনেকৈ বাছি ল’ব পাৰি — বাটত ভুল বুজাবুজি আৰু ভুল আশাৰ পৰা আঁতৰি থাকিব লাগে।
সকলো তালিকাৰ আৰ্হি একে নহয় ওপৰত হাইলাইট কৰা সকলো UI উপাদানৰ হুবহু এটা কথা মিল আছে: ই তালিকাৰ সৈতে ব্যৱহাৰকাৰীৰ পাৰস্পৰিক ক্ৰিয়া-কলাপ সমৰ্থন কৰে। অৱশ্যে তেওঁলোকে অলপ বেলেগ ধৰণেৰে কৰে। এটা এটাকৈ প্ৰতিটো চাওঁ আহক:
ড্ৰপডাউন → তালিকাখন ট্ৰিগাৰ নোহোৱালৈকে লুকুৱাই ৰখা হয়। কম্বোবক্স → ফিল্টাৰ কৰিবলৈ টাইপ কৰক + 1 বিকল্প নিৰ্ব্বাচন কৰক। বহুনিৰ্বাচন কৰক → ফিল্টাৰ কৰিবলৈ টাইপ কৰক + বহুতো বিকল্প নিৰ্ব্বাচন কৰক। তালিকাবাকচ → অবিকল্পিতভাৱে দৃশ্যমান সকলো তালিকা বিকল্প (+ স্ক্ৰল)। দ্বৈত তালিকাবাকচ → 2 টা তালিকাবাকচৰ মাজত বস্তুসমূহ স্থানান্তৰ কৰক।
অৰ্থাৎ, কম্ববক্সে এটা লিখনী ইনপুট ক্ষেত্ৰক এটা ড্ৰপডাউন তালিকাৰ সৈতে সংযুক্ত কৰে, যাতে ব্যৱহাৰকাৰীসকলে ফিল্টাৰ কৰিবলৈ আৰু এটা বিকল্প নিৰ্ব্বাচন কৰিবলৈ টাইপ কৰিব পাৰে। মাল্টিচেলেক্টৰ সহায়ত ব্যৱহাৰকাৰীয়ে বহুতো বিকল্প নিৰ্বাচন কৰিব পাৰে (সততে পিল বা চিপ হিচাপে প্ৰদৰ্শিত হয়)। তালিকাবাকচসমূহে অবিকল্পিতভাৱে দৃশ্যমান সকলো তালিকা বিকল্প প্ৰদৰ্শন কৰে, প্ৰায়ে স্ক্ৰলিঙৰ সৈতে। যেতিয়া ব্যৱহাৰকাৰীসকলে সকলো উপলব্ধ পছন্দ তৎক্ষণাত চাব লাগে তেতিয়া ই সহায়ক৷ দ্বৈত তালিকাবাকচ (স্থানান্তৰ তালিকা বুলিও কোৱা হয়) এটা তালিকাবাকচৰ এটা ভিন্নতা যি ব্যৱহাৰকাৰীসকলক দুটা তালিকাবাকচৰ মাজত বস্তুসমূহ স্থানান্তৰ কৰাৰ অনুমতি দিয়ে (বাওঁ ↔ সোঁফালে), সাধাৰণতে বাল্ক নিৰ্বাচনৰ বাবে। সঘনাই ব্যৱহৃত বিকল্পসমূহ কেতিয়াও লুকুৱাব নালাগে ওপৰত উল্লেখ কৰা অনুসৰি, সঠিক UI উপাদানৰ পছন্দ ২টা কাৰকৰ ওপৰত নিৰ্ভৰ কৰে: কিমান তালিকা বিকল্প উপলব্ধ, আৰু যদি এই সকলো বিকল্প অবিকল্পিতভাৱে দৃশ্যমান হ'ব লাগে। সকলো তালিকাতে গছৰ গঠন, বাহ, আৰু গোট নিৰ্বাচন থাকিব পাৰে।
যিকোনো UI উপাদানৰ বাবে মই বছৰ বছৰ ধৰি অনুসৰণ কৰি অহা এটা নীতি আছে: সঘনাই ব্যৱহৃত বিকল্পসমূহ কেতিয়াও লুকুৱাব নালাগে। যদি ব্যৱহাৰকাৰীসকলে কোনো বিশেষ নিৰ্বাচনৰ ওপৰত সঘনাই নিৰ্ভৰ কৰে, তেন্তে তেওঁলোকৰ পৰা ইয়াক লুকুৱাই ৰখাৰ মূল্য অতি কম। আমি হয় ইয়াক পূৰ্ব-নিৰ্বাচিত কৰিব পাৰো, বা (যদি মাত্ৰ ২–৩টা সঘনাই ব্যৱহৃত বিকল্প থাকে) সিহতক চিপ বা বুটাম হিচাপে দেখুৱাব পাৰো, আৰু তাৰ পিছত তালিকাৰ বাকী অংশ পাৰস্পৰিক ক্ৰিয়াৰ ওপৰত দেখুৱাব পাৰো। সাধাৰণতে, সদায় জনপ্ৰিয় বিকল্পসমূহ প্ৰদৰ্শন কৰাটো এটা ভাল ধাৰণা — যদিও ই UI ত অগোছাল কৰি তুলিব পাৰে। কোনটো কেনেকৈ বাছি ল'ব? প্ৰতিখন তালিকাতে জটিল নিৰ্বাচন পদ্ধতিৰ প্ৰয়োজন নহয়। 5 টাতকৈ কম বস্তু থকা তালিকাৰ বাবে, সৰল ৰেডিঅ' বুটাম বা চেকবক্সে সাধাৰণতে সৰ্বোত্তম কাম কৰে। কিন্তু যদি ব্যৱহাৰকাৰীসকলে বিকল্পসমূহৰ এটা বৃহৎ তালিকাৰ পৰা নিৰ্বাচন কৰিব লাগে (যেনে, ২০০+ বস্তু), কম্বোবক্স + মাল্টিচেলেক্ট সহায়ক কাৰণ দ্ৰুত ফিল্টাৰিং (যেনে, দেশ নিৰ্বাচন)।
তালিকাবাকচসমূহ সহায়ক হয় যেতিয়া মানুহে একেলগে বহুতো বিকল্প অভিগম কৰিব লাগে, বিশেষকৈ যদি তেওঁলোকে সেই তালিকাৰ পৰাও বহুতো বিকল্প বাছি ল'ব লাগে। সঘনাই ব্যৱহাৰ কৰা ফিল্টাৰৰ বাবে ই সহায়ক হ’ব পাৰে।
দ্বৈত তালিকাবাকচক প্ৰায়ে উপেক্ষা কৰা হয় আৰু আওকাণ কৰা হয়। কিন্তু ই জটিল কামৰ বাবে অতি সহায়ক হ'ব পাৰে, যেনে বাল্ক নিৰ্বাচন, বা ভূমিকা, কাম, দায়িত্ব নিযুক্তি দিয়া। ই একমাত্ৰ UI উপাদান যি ব্যৱহাৰকাৰীসকলক প্ৰতিশ্ৰুতি দিয়াৰ আগতে উৎস তালিকাৰ সৈতে তেওঁলোকৰ সম্পূৰ্ণ নিৰ্বাচন তালিকা পৰ্যালোচনা কৰাৰ অনুমতি দিয়ে (“স্থানান্তৰ তালিকা” বুলিও কোৱা হয়)। আচলতে, দ্বৈত তালিকাবাকচ প্ৰায়ে ড্ৰেগ-এণ্ড-ড্ৰপতকৈ দ্ৰুত, অধিক সঠিক আৰু অধিক অভিগম্য। ব্যৱহাৰযোগ্যতাৰ বিবেচনা মনত ৰখা এটা গুৰুত্বপূৰ্ণ টোকা হ'ল যে সকলো তালিকা প্ৰকাৰে অভিগম্যতাৰ বাবে কিবৰ্ড নেভিগেচন সমৰ্থন কৰিব লাগিব (যেনে, ↑/↓ কাঁড় চিহ্ন কি'সমূহ)। কিছুমান মানুহে টাইপ কৰিবলৈ আৰম্ভ কৰাৰ পিছত বিকল্প নিৰ্বাচন কৰিবলৈ প্ৰায় সদায় কিবৰ্ডৰ ওপৰত নিৰ্ভৰ কৰিব।
ইয়াৰ বাহিৰেও:
7+ বিকল্পসমূহৰ সৈতে তালিকাসমূহৰ বাবে, ব্যৱহাৰকাৰীৰ পাৰস্পৰিক ক্ৰিয়া-কলাপ ষ্ট্ৰীমলাইন কৰিবলৈ “সকলো নিৰ্বাচন কৰক” আৰু “সকলো পৰিষ্কাৰ কৰক” কাৰ্য্যকৰীতাসমূহ যোগ কৰাৰ কথা চিন্তা কৰক। এটা কম্বোবক্সৰ সৈতে দীঘলীয়া তালিকাৰ বাবে, ক্লিক/টেপত ব্যৱহাৰকাৰীসকলৰ বাবে সকলো বিকল্প উন্মোচন কৰক, কাৰণ অন্যথা সিহত কেতিয়াও দেখা নাযায়, আটাইতকৈ গুৰুত্বপূৰ্ণ, বিভ্ৰান্তিৰ পৰা হাত সাৰিবলৈ অ-পাৰস্পৰিক উপাদানসমূহক বুটাম হিচাপে প্ৰদৰ্শন নকৰিব — আৰু পাৰস্পৰিক ক্ৰিয়াশীল উপাদানসমূহক স্থিতিশীল লেবেল হিচাপে প্ৰদৰ্শন নকৰিব।
ৰেপিং আপ: সকলো ড্ৰপডাউন নহয় নামবোৰেই গুৰুত্বপূৰ্ণ। বিকল্পসমূহৰ এটা উলম্ব তালিকাক সাধাৰণতে “ড্ৰপডাউন” হিচাপে বৰ্ণনা কৰা হয় — কিন্তু প্ৰায়ে ই অৰ্থপূৰ্ণ হ’বলৈ অলপ বেছি সাধাৰণ। “ড্ৰপডাউন” য়ে ইংগিত দিয়ে যে তালিকাখন অবিকল্পিতভাৱে লুকুৱাই ৰখা হৈছে। “Multiselect” ৰ অৰ্থ হৈছে এটা তালিকাৰ ভিতৰত বহু-নিৰ্বাচন (চেকবক্স)। “কম্ববক্স” ৰ অৰ্থ হৈছে টেক্সট ইনপুট। আৰু “Listbox” হৈছে কেৱল নিৰ্বাচনযোগ্য বস্তুৰ তালিকা, সকলো সময়তে দৃশ্যমান। লক্ষ্য ইয়াৰ স্বাৰ্থত ওপৰৰ সংজ্ঞাবোৰৰ সৈতে সামঞ্জস্যপূৰ্ণ হোৱাটো নহয়। কিন্তু ইয়াৰ পৰিৱৰ্তে উদ্দেশ্যসমূহ প্ৰান্তিককৰণ কৰিবলৈ — এই UI উপাদানসমূহৰ ওপৰত সিদ্ধান্ত লোৱা, ডিজাইন কৰাৰ সময়ত, নিৰ্মাণ কৰাৰ সময়ত আৰু তাৰ পিছত ব্যৱহাৰ কৰাৰ সময়ত একে ভাষা কওক। ইয়াৰ বাবে কাম কৰা উচিতসকলোৱে — ডিজাইনাৰ, অভিযন্তা, আৰু শেষ ব্যৱহাৰকাৰী — যেতিয়ালৈকে ষ্টেটিক লেবেলসমূহ ইন্টাৰেক্টিভ বুটামৰ দৰে দেখা নাযায়, আৰু ৰেডিঅ’ বুটামসমূহে চেকবক্সৰ দৰে কাম নকৰে৷ “AI আন্তঃপৃষ্ঠৰ বাবে ডিজাইন আৰ্হি” লগ কৰক AI আন্তঃপৃষ্ঠসমূহৰ বাবে ডিজাইন আৰ্হিসমূহ লগ কৰক, বাস্তৱ জীৱনৰ সামগ্ৰীসমূহৰ পৰা ব্যৱহাৰিক উদাহৰণসমূহৰ সৈতে Vitaly’s নতুন ভিডিঅ’ পাঠ্যক্ৰম — অতি সোনকালে এটা লাইভ UX প্ৰশিক্ষণৰ সৈতে৷ এটা বিনামূলীয়া পূৰ্বদৰ্শনলৈ যাওক। AI আন্তঃপৃষ্ঠসমূহৰ বাবে ডিজাইন আৰ্হিসমূহ পূৰণ কৰক, আন্তঃপৃষ্ঠ ডিজাইন আৰু UX ৰ ওপৰত Vitaly’s ভিডিঅ’ পাঠ্যক্ৰম।
ভিডিঅ' + UX প্ৰশিক্ষণকেৱল ভিডিঅ'ভিডিঅ' + UX প্ৰশিক্ষণ$ 450.00 $ 799.00
ভিডিঅ' + UX Training30 ভিডিঅ' পাঠ (10h) + লাইভ UX Training.100 দিনৰ ধন-বেক-গেৰাণ্টী.ভিডিঅ' মাত্ৰ$ 275.00$ 395.00 পাওক
ভিডিঅ' পাঠ্যক্ৰম30 ভিডিঅ' পাঠ (10h) লাভ কৰক। বছৰি আপডেট কৰা হয়।৩টা ভিডিঅ' পাঠ্যক্ৰমৰ সৈতে এটা UX Bundle হিচাপেও উপলব্ধ।
উপযোগী সম্পদ
স্বয়ংসম্পূৰ্ণ: UX গাইডলাইন, ভিটালি ফ্ৰাইডমেনৰ দ্বাৰা কম্বোবক্স, ইবে 👍 দ্বাৰা কম্বোবক্স, ইলাষ্টিক দ্বাৰা কম্বোবক্স, এলিছাৰ দ্বাৰা কম্বোবক্স, MongoDB 👍 দ্বাৰা কম্বোবক্স, ভিছাৰ দ্বাৰা 👍 কম্বোবক্স, Watson (Docplanner) দ্বারা কম্বোবক্স, ৱিকিমিডিয়াৰ দ্বাৰা কম্বোবক্স, জেণ্ডেস্কৰ দ্বাৰা মাল্টিচেলেক্ট (MongoDB কম্বোবক্স ডিজাইন নথিপত্ৰ), MongoDB 👍 দ্বাৰা বহুনিৰ্বাচিত লুকাপ, ৱিকিমিডিয়াৰ দ্বাৰা বহু-নিৰ্বাচিত কম্বো বক্স, Vaadin দ্বাৰা মাল্টিচেলেক্ট, ভিছাৰ দ্বাৰা স্থানান্তৰ (লিষ্টবক্সৰ উদাহৰণ), এণ্ট ডিজাইনৰ দ্বাৰা লিষ্টবক্স, হপাৰৰ দ্বাৰা তালিকা বাকচ, ভাডিনৰ দ্বাৰা লিষ্টবক্স, ভিছাৰ দ্বাৰা দ্বৈত তালিকা নিৰ্বাচক, Red Hat (PatternFly) দ্বাৰা ডুৱেল লিষ্টবক্স, Salesforce (Lightning Design System) দ্বাৰা স্থানান্তৰ তালিকা, Mantine দ্বাৰা ডুৱেল লিষ্টবক্স, ডেচলাইটৰ দ্বাৰা বেজ বনাম পিলছ বনাম চিপছ বনাম টেগ, ভিটালি ফ্ৰাইডমেনৰ দ্বাৰা তালিকাবক্স বনাম ড্ৰপডাউন তালিকা, আন্না Kaley (NN/g) দ্বাৰা
