ဒါဆို combobox၊ multiselect၊ listbox နဲ့ dropdown တို့ရဲ့ ကွာခြားချက်က ဘာလဲ။ ဤ UI အစိတ်အပိုင်းများအားလုံး ဆင်တူပုံပေါ်နိုင်သော်လည်း ၎င်းတို့သည် မတူညီသော ရည်ရွယ်ချက်များကို လုပ်ဆောင်ပေးပါသည်။ ရွေးချယ်မှုသည် ရနိုင်သောရွေးချယ်မှုများနှင့် ၎င်းတို့၏မြင်နိုင်စွမ်းတို့အပေါ်တွင် သက်ရောက်သည်။ သူတို့ ဘယ်လို ကွဲပြားသလဲ၊ သူတို့ ထမ်းဆောင်ရတဲ့ ရည်ရွယ်ချက်နဲ့ မှန်ကန်တဲ့ အရာကို ဘယ်လို ရွေးချယ်မလဲ - လမ်းတစ်လျှောက်မှာ နားလည်မှုလွဲမှားပြီး မှားယွင်းတဲ့ မျှော်လင့်ချက်တွေကို ရှောင်ကြည့်ရအောင်။
စာရင်းပုံစံအားလုံးသည် တူညီသည်မဟုတ်ပါ။ အထက်ဖော်ပြပါ UI အစိတ်အပိုင်းများအားလုံးတွင် တူညီသောအရာတစ်ခုရှိသည်- ၎င်းတို့သည် စာရင်းများနှင့် သုံးစွဲသူများ၏ အပြန်အလှန်တုံ့ပြန်မှုများကို ပံ့ပိုးပေးသည်။ သို့သော် ၎င်းတို့သည် အနည်းငယ်ကွဲပြားသည်။ တစ်ပုံချင်းစီ ကြည့်ကြရအောင်။
Dropdown → စာရင်းကို အစပျိုးသည်အထိ ဝှက်ထားသည်။ Combobox → စစ်ထုတ်ရန် အမျိုးအစား + ရွေးချယ်မှု 1 ကို ရွေးချယ်ပါ။ Multiselect → စစ်ထုတ်ရန် အမျိုးအစား + ရွေးချယ်စရာများစွာကို ရွေးချယ်ပါ။ စာရင်းပုံး → ပုံမှန်အားဖြင့် မြင်နိုင်သော စာရင်းရွေးချယ်စရာများ (+ လှိမ့်)။ Dual listbox → စာရင်းသေတ္တာ ၂ ခုကြားတွင် အရာများကို ရွှေ့ပါ။
တစ်နည်းဆိုရသော် Combobox သည် dropdown list တစ်ခုနှင့် စာသားထည့်သွင်းမှုအကွက်ကို ပေါင်းစပ်ထားသောကြောင့် အသုံးပြုသူများသည် စစ်ထုတ်ရန် စာရိုက်ပြီး ရွေးချယ်မှုတစ်ခုတည်းကို ရွေးချယ်နိုင်သည်။ Multiselect ဖြင့် အသုံးပြုသူများသည် ရွေးချယ်စရာများစွာကို ရွေးချယ်နိုင်သည် (မကြာခဏဆိုသလို ဆေးပြား သို့မဟုတ် ချစ်ပ်များအဖြစ် ပြသသည်)။ စာရင်းသေတ္တာများသည် မကြာခဏ လှိမ့်ခြင်းဖြင့် ပုံမှန်အားဖြင့် မြင်နိုင်သော စာရင်းရွေးချယ်စရာအားလုံးကို ပြသသည်။ အသုံးပြုသူများသည် ရနိုင်သောရွေးချယ်မှုများအားလုံးကို ချက်ချင်းကြည့်ရန် လိုအပ်သောအခါတွင် ၎င်းသည် အထောက်အကူဖြစ်သည်။ Dual listbox (လွှဲပြောင်းစာရင်းဟုလည်းခေါ်သည်) သည် အသုံးပြုသူများအား စာရင်းပုံးနှစ်ခု (ဘယ် ↔ ညာဘက်) ကြားတွင် အရာများကို ရွှေ့ခွင့်ပြုသည့် စာရင်းသေတ္တာတစ်ခု၏ ပုံစံကွဲတစ်မျိုးဖြစ်သည်။ အသုံးများသော ရွေးချယ်မှုများကို ဘယ်တော့မှ မဝှက်ပါနှင့် အထက်တွင်ဖော်ပြခဲ့သည့်အတိုင်း၊ မှန်ကန်သော UI အစိတ်အပိုင်း၏ရွေးချယ်မှုသည် အချက် 2 ချက်ပေါ်တွင်မူတည်သည်- စာရင်းရွေးချယ်စရာအရေအတွက်မည်မျှရရှိနိုင်ပြီး ဤရွေးချယ်စရာအားလုံးကို ပုံသေဖြင့်မြင်နိုင်ရန်လိုအပ်ပါက။ စာရင်းအားလုံးတွင် သစ်ပင်ဖွဲ့စည်းပုံများ၊ အသိုက်များနှင့် အုပ်စုရွေးချယ်မှုများလည်း ရှိနိုင်သည်။
မည်သည့် UI အစိတ်အပိုင်းအတွက်မဆို နှစ်ပေါင်းများစွာ လိုက်နာခဲ့သော နိယာမတစ်ခု ရှိသည်- မကြာခဏ အသုံးပြုသော ရွေးချယ်စရာများကို ဘယ်တော့မှ မဝှက်ပါနှင့်။ အသုံးပြုသူများသည် သီးခြားရွေးချယ်မှုအပေါ် မကြာခဏ အားကိုးပါက၊ ၎င်းကို ၎င်းတို့ထံမှ ဝှက်ထားရန် အလွန်နည်းပါးပါသည်။ ၎င်းကို ကြိုတင်ရွေးချယ်ထားနိုင်သည် သို့မဟုတ် (မကြာခဏအသုံးပြုသည့်ရွေးချယ်စရာ 2-3 ခုသာရှိလျှင်) ၎င်းတို့ကို ချစ်ပ်များ သို့မဟုတ် ခလုတ်များအဖြစ် ပြသပြီး ကျန်စာရင်း၏ကျန်များကို အပြန်အလှန်တုံ့ပြန်မှုတွင် ပြသပါ။ ယေဘုယျအားဖြင့်၊ ၎င်းသည် UI ကို ရှုပ်စေနိုင်သော်လည်း လူကြိုက်များသော ရွေးချယ်မှုများကို အမြဲတမ်းပြသရန် စိတ်ကူးကောင်းဖြစ်သည်။ ဘယ်ဟာကို ဘယ်လိုရွေးမလဲ။ စာရင်းတိုင်းတွင် ရှုပ်ထွေးသော ရွေးချယ်မှုနည်းလမ်းကို မလိုအပ်ပါ။ ပစ္စည်း 5 ခုထက်နည်းသောစာရင်းများအတွက် ရိုးရှင်းသောရေဒီယိုခလုတ်များ သို့မဟုတ် checkboxes များသည် များသောအားဖြင့် အကောင်းဆုံးအလုပ်လုပ်သည်။ အကယ်၍ အသုံးပြုသူများသည် ရွေးချယ်စရာများစာရင်း (ဥပမာ၊ 200+ အရာများ) မှ ရွေးချယ်ရန် လိုအပ်ပါက၊ combobox + multiselect များသည် ပိုမိုမြန်ဆန်သော စစ်ထုတ်ခြင်း (ဥပမာ၊ နိုင်ငံရွေးချယ်မှု) ကြောင့် အထောက်အကူဖြစ်စေပါသည်။
လူများသည် ရွေးချယ်စရာများစွာကို တစ်ပြိုင်နက်ဝင်ရောက်ရန် လိုအပ်သည့်အခါ အထူးသဖြင့် ထိုစာရင်းမှ ရွေးချယ်စရာများစွာကို ရွေးချယ်ရသည့်အခါတွင် Listbox များသည် အထောက်အကူဖြစ်စေပါသည်။ ၎င်းတို့သည် မကြာခဏအသုံးပြုသော filter များအတွက် အထောက်အကူဖြစ်နိုင်သည်။
Dual listbox ကို မကြာခဏ လျစ်လျူရှုပြီး လျစ်လျူရှုထားသည်။ သို့သော် ရှုပ်ထွေးသောအလုပ်များ၊ ဥပမာ-အစုလိုက်ရွေးချယ်ခြင်း၊ သို့မဟုတ် အခန်းကဏ္ဍများ၊ တာဝန်များ၊ တာဝန်များပေးအပ်ခြင်းအတွက် အလွန်အထောက်အကူဖြစ်စေနိုင်ပါသည်။ ၎င်းသည် သုံးစွဲသူများအား ၎င်းတို့၏ ရွေးချယ်မှုစာရင်းအပြည့်အစုံကို မလုပ်ဆောင်မီ အရင်းအမြစ်စာရင်းနှင့် ဘေးချင်းကပ်၍ ပြန်လည်သုံးသပ်ရန် ခွင့်ပြုသည့် တစ်ခုတည်းသော UI အစိတ်အပိုင်းဖြစ်သည်။ အမှန်မှာ၊ Dual listbox သည် မကြာခဏဆိုသလို ပိုမြန်သည်၊ ပိုတိကျသည်၊ ဆွဲယူ၍ချသည်ထက် ပိုမိုဝင်ရောက်နိုင်သည်။ အသုံးဝင်မှု ထည့်သွင်းစဉ်းစားမှုများ မှတ်သားထားရမည့် အရေးကြီးသော မှတ်စုတစ်ခုမှာ စာရင်းအမျိုးအစားအားလုံးသည် ဝင်ရောက်နိုင်မှုအတွက် ကီးဘုတ်လမ်းညွှန်ချက် (ဥပမာ၊ ↑/↓ မြှားခလုတ်များ) ကို ပံ့ပိုးရန် လိုအပ်ပါသည်။ အချို့သောလူများသည် စာရိုက်စတင်သည်နှင့် ရွေးချယ်စရာများကို ရွေးချယ်ရန် ကီးဘုတ်ကို အမြဲတမ်းနီးပါး အားကိုးကြလိမ့်မည်။
အဲဒါအပြင်-
ရွေးချယ်စရာ 7+ ပါရှိသော စာရင်းများအတွက်၊ အသုံးပြုသူ အပြန်အလှန်ဆက်သွယ်မှုကို ချောမွေ့စေရန် "Select All" နှင့် "Clear All" လုပ်ဆောင်ချက်များကို ထည့်သွင်းစဉ်းစားပါ။ combobox တစ်ခုပါရှိသော ရှည်လျားသောစာရင်းများအတွက်၊ ရွေးချယ်စရာများအားလုံးကို ကလစ်/ထိပုတ်ခြင်းဖြင့် အသုံးပြုသူများအား ထုတ်ဖော်ပြသပါ၊ သို့မဟုတ်ပါက ၎င်းတို့ကို မည်သည့်အခါမျှ မတွေ့ရတော့ပါ၊ အရေးကြီးဆုံးမှာ၊ အပြန်အလှန်အကျိုးသက်ရောက်မှုမရှိသောဒြပ်စင်များကို ခလုတ်များအဖြစ် မပြပါနှင့် — နှင့် အပြန်အလှန်အကျိုးပြုသောဒြပ်စင်များကို ပုံသေအညွှန်းများအဖြစ် မပြပါနှင့်။
အနှစ်ချုပ်- အရာအားလုံးသည် လျှောချမှုမဟုတ်ပါ။ နာမည်တွေက အရေးကြီးတယ်။ ဒေါင်လိုက်ရွေးချယ်စရာများစာရင်းကို ပုံမှန်အားဖြင့် "dropdown" အဖြစ် ဖော်ပြသည် — သို့သော် မကြာခဏ အဓိပ္ပါယ်ဖော်ရန်မှာ ယေဘုယျဆန်လွန်းသည်။ "Dropdown" သည် စာရင်းကို မူရင်းအတိုင်း ဝှက်ထားကြောင်း အရိပ်အမြွက်ဖော်ပြသည်။ “Multiselect” သည် စာရင်းတစ်ခုအတွင်း ရွေးချယ်မှုအများအပြား (checkbox) ကို ဆိုလိုသည်။ “Combobox” သည် စာသားထည့်သွင်းခြင်းကို ဆိုလိုသည်။ “Listbox” သည် အချိန်တိုင်းမြင်နိုင်သော ရွေးချယ်နိုင်သော အရာများစာရင်းတစ်ခုဖြစ်သည်။ ရည်မှန်းချက်သည် ၎င်းအတွက်ကြောင့် အထက်ဖော်ပြပါ အဓိပ္ပါယ်များနှင့် ကိုက်ညီရန် မဟုတ်ပါ။ သို့သော် ရည်ရွယ်ချက်များကို ချိန်ညှိရန် - ဆုံးဖြတ်ခြင်း၊ ဒီဇိုင်းဆွဲခြင်း၊ တည်ဆောက်ခြင်းနှင့် ဤ UI အစိတ်အပိုင်းများကို အသုံးပြုသည့်အခါ တူညီသောဘာသာစကားကို ပြောပါ။ အလုပ်ဖြစ်သင့်သည်။လူတိုင်း - ဒီဇိုင်နာများ၊ အင်ဂျင်နီယာများနှင့် အသုံးပြုသူများ — တည်ငြိမ်သောအညွှန်းများသည် အပြန်အလှန်တုံ့ပြန်သောခလုတ်များကဲ့သို့မဟုတ်ဘဲ ရေဒီယိုခလုတ်များသည် အမှန်ခြစ်ဘောက်စ်များကဲ့သို့ လုပ်ဆောင်မည်မဟုတ်သရွေ့ လူတိုင်း—ဒီဇိုင်နာများ၊ အင်ဂျင်နီယာများနှင့် သုံးစွဲသူများ—။ "AI Interfaces အတွက် ဒီဇိုင်းပုံစံများ" ကိုတွေ့ဆုံပါ။ AI Interfaces အတွက် ဒီဇိုင်းပုံစံများ နှင့် လက်တွေ့ဘဝ ထုတ်ကုန်များမှ လက်တွေ့နမူနာများပါရှိသော Vitaly ၏ ဗီဒီယိုသင်တန်းအသစ် — မကြာမီ တိုက်ရိုက် UX လေ့ကျင့်မှု ပြုလုပ်တော့မည်ဖြစ်သည်။ အခမဲ့ အစမ်းကြည့်ရှုခြင်းသို့ ခုန်ပါ။ AI Interfaces အတွက် ဒီဇိုင်းပုံစံများ၊ Vitaly ၏ အင်တာဖေ့စ်ဒီဇိုင်းနှင့် UX ဆိုင်ရာ ဗီဒီယိုသင်တန်းကို တွေ့ဆုံပါ။
ဗီဒီယို + UX TrainingVideo onlyVideo + UX Training$ 450.00 $799.00
ဗီဒီယို + UX Training30 ဗီဒီယိုသင်ခန်းစာများ (10 နာရီ) + တိုက်ရိုက် UX သင်တန်းကို ရယူပါ။ ရက်ပေါင်း 100 ငွေ-ပြန်-အာမခံ။ ဗီဒီယိုအတွက်သာ $ 275.00$ 395.00
ဗီဒီယိုသင်တန်း 30 ဗီဒီယိုသင်ခန်းစာ (10 နာရီ) ရယူပါ။ နှစ်စဉ် အပ်ဒိတ်လုပ်ထားသည်။ ဗီဒီယိုသင်တန်း 3 ခုပါသော UX Bundle အဖြစ်လည်း ရနိုင်သည်။
အသုံးဝင်သောအရင်းအမြစ်များ
အလိုအလျောက်ဖြည့်စွက်ခြင်း- Vitaly Friedman ၏ UX လမ်းညွှန်ချက်များ eBay 👍 မှ Combobox Elastic ဖြင့် Combobox Elisa မှ Combobox MongoDB 👍 မှ Combobox ဗီဇာ 👍 ဖြင့် Combobox Watson (Docplanner) မှ Combobox Wikimedia မှ Combobox Zendesk မှ Combobox MongoDB 👍 မှ Multiselect (MongoDB Combobox Design Docs) Wikimedia မှ Multiselect Lookup Vaadin မှ Combo Box အများအပြားကို ရွေးချယ်ပါ။ Visa ဖြင့် Multiselect Ant Design ဖြင့် လွှဲပြောင်းခြင်း (Listbox ဥပမာ) Hopper မှ Listbox စာရင်းသေတ္တာ၊ Vaadin မှ ဗီဇာဖြင့် စာရင်းသေတ္တာ Red Hat (PatternFly) မှ Dual List Selector Salesforce (Lightning Design System) ဖြင့် Dual Listbox၊ Mantine မှလွှဲပြောင်းစာရင်း Dashlite မှ Dual Listbox Vitaly Friedman မှ တံဆိပ်များ နှင့် အကြော်များ နှင့် တံဆိပ်များ Anna Kaley (NN/g)၊
