ដូច្នេះតើអ្វីជាភាពខុសគ្នារវាង combobox, multiselect, listbox និង dropdown? ខណៈពេលដែលសមាសធាតុ UI ទាំងអស់នេះអាចមើលទៅស្រដៀងគ្នា ប៉ុន្តែពួកវាបម្រើគោលបំណងផ្សេងគ្នា។ ជម្រើសនេះច្រើនតែធ្លាក់មកលើចំនួនជម្រើសដែលមាន និងលទ្ធភាពមើលឃើញរបស់វា។ សូមមើលពីរបៀបដែលពួកគេខុសគ្នា គោលបំណងអ្វីដែលពួកគេបម្រើ និងរបៀបជ្រើសរើសត្រឹមត្រូវ — ជៀសវាងការយល់ច្រឡំ និងការរំពឹងទុកខុសនៅតាមផ្លូវ។
មិនមែនគ្រប់ទម្រង់នៃបញ្ជីគឺដូចគ្នាទេ។ សមាសធាតុ UI ទាំងអស់ដែលបានរំលេចខាងលើមានរឿងដូចគ្នាយ៉ាងពិតប្រាកដ៖ ពួកគេគាំទ្រអន្តរកម្មរបស់អ្នកប្រើជាមួយបញ្ជី។ ទោះយ៉ាងណាក៏ដោយពួកគេធ្វើដូច្នេះខុសគ្នាបន្តិច។ តោះទៅមើលទាំងអស់គ្នា៖
បញ្ជីទម្លាក់ចុះ→បញ្ជីត្រូវបានលាក់រហូតដល់វាត្រូវបានកេះ។ Combobox → ប្រភេទដើម្បីត្រង + ជ្រើសរើសជម្រើស 1 ។ ជ្រើសរើសច្រើន → ប្រភេទដើម្បីត្រង + ជ្រើសរើសជម្រើសជាច្រើន។ ប្រអប់បញ្ជី → ជម្រើសបញ្ជីទាំងអស់អាចមើលឃើញតាមលំនាំដើម (+ រមូរ) ។ ប្រអប់បញ្ជីពីរ → ផ្លាស់ទីធាតុរវាងប្រអប់បញ្ជី 2 ។
ម្យ៉ាងវិញទៀត Combobox រួមបញ្ចូលគ្នានូវវាលបញ្ចូលអត្ថបទជាមួយនឹងបញ្ជីទម្លាក់ចុះ ដូច្នេះអ្នកប្រើប្រាស់អាចវាយបញ្ចូលដើម្បីត្រង និងជ្រើសរើសជម្រើសតែមួយ។ ជាមួយនឹង Multiselect អ្នកប្រើប្រាស់អាចជ្រើសរើសជម្រើសជាច្រើន (ជាញឹកញាប់បង្ហាញជាថ្នាំគ្រាប់ ឬបន្ទះសៀគ្វី)។ ប្រអប់បញ្ជីបង្ហាញជម្រើសបញ្ជីទាំងអស់ដែលអាចមើលឃើញតាមលំនាំដើម ជាញឹកញាប់ជាមួយនឹងការរមូរ។ វាមានប្រយោជន៍នៅពេលដែលអ្នកប្រើត្រូវមើលជម្រើសដែលមានទាំងអស់ភ្លាមៗ។ ប្រអប់បញ្ជីពីរ (ហៅផងដែរថាបញ្ជីផ្ទេរ) គឺជាបំរែបំរួលនៃប្រអប់បញ្ជីដែលអនុញ្ញាតឱ្យអ្នកប្រើផ្លាស់ទីធាតុរវាងប្រអប់បញ្ជីពីរ (ឆ្វេង ↔ ស្តាំ) ជាធម្មតាសម្រាប់ការជ្រើសរើសភាគច្រើន។ កុំលាក់ជម្រើសដែលប្រើញឹកញាប់ ដូចដែលបានរៀបរាប់ខាងលើ ជម្រើសនៃសមាសភាគ UI ត្រឹមត្រូវអាស្រ័យទៅលើកត្តា 2៖ តើមានជម្រើសបញ្ជីប៉ុន្មាន ហើយប្រសិនបើជម្រើសទាំងអស់នេះចាំបាច់ត្រូវមើលឃើញតាមលំនាំដើម។ បញ្ជីទាំងអស់អាចមានរចនាសម្ព័ន្ធដើមឈើ ការដាក់សំបុក និងការជ្រើសរើសក្រុមផងដែរ។
មានគោលការណ៍មួយដែលខ្ញុំបានធ្វើតាមអស់ជាច្រើនឆ្នាំសម្រាប់សមាសធាតុ UI ណាមួយ៖ កុំលាក់ជម្រើសដែលប្រើញឹកញាប់។ ប្រសិនបើអ្នកប្រើប្រាស់ពឹងផ្អែកលើការជ្រើសរើសជាក់លាក់មួយញឹកញាប់ វាមានតម្លៃតិចតួចណាស់ក្នុងការលាក់វាពីពួកគេ។ យើងអាចធ្វើឱ្យវាជ្រើសរើសជាមុន ឬ (ប្រសិនបើមានជម្រើសដែលប្រើញឹកញាប់តែ 2-3) បង្ហាញពួកវាជាបន្ទះសៀគ្វី ឬប៊ូតុង ហើយបន្ទាប់មកបង្ហាញបញ្ជីដែលនៅសល់នៅលើអន្តរកម្ម។ ជាទូទៅ វាជាគំនិតល្អក្នុងការបង្ហាញជម្រើសពេញនិយមជានិច្ច ទោះបីជាវាអាចពង្រាយ UI ក៏ដោយ។ របៀបជ្រើសរើសមួយណា? មិនមែនគ្រប់បញ្ជីទាំងអស់ត្រូវការវិធីសាស្ត្រជ្រើសរើសស្មុគស្មាញទេ។ សម្រាប់បញ្ជីដែលមានធាតុតិចជាង 5 ប៊ូតុងមូល ឬប្រអប់ធីកជាធម្មតាដំណើរការល្អបំផុត។ ប៉ុន្តែប្រសិនបើអ្នកប្រើប្រាស់ត្រូវការជ្រើសរើសពីបញ្ជីជម្រើសដ៏ធំ (ឧ. 200+ items) combobox + multiselect មានប្រយោជន៍ ដោយសារការត្រងលឿនជាងមុន (ឧ. ការជ្រើសរើសប្រទេស)។
ប្រអប់បញ្ជីមានប្រយោជន៍នៅពេលដែលមនុស្សត្រូវការចូលប្រើជម្រើសជាច្រើនក្នុងពេលតែមួយ ជាពិសេសប្រសិនបើពួកគេត្រូវជ្រើសរើសជម្រើសជាច្រើនពីបញ្ជីនោះផងដែរ។ ពួកវាអាចមានប្រយោជន៍សម្រាប់តម្រងដែលប្រើញឹកញាប់។
ប្រអប់បញ្ជីពីរច្រើនតែត្រូវបានមើលរំលង និងមិនអើពើ។ ប៉ុន្តែវាអាចមានប្រយោជន៍ខ្លាំងណាស់សម្រាប់កិច្ចការស្មុគស្មាញ ឧ.. ការជ្រើសរើសជាច្រើន ឬការចាត់តាំងតួនាទី ភារកិច្ច ទំនួលខុសត្រូវ។ វាជាសមាសភាគ UI តែមួយគត់ដែលអនុញ្ញាតឱ្យអ្នកប្រើពិនិត្យមើលបញ្ជីជ្រើសរើសពេញលេញរបស់ពួកគេដោយចំហៀងជាមួយបញ្ជីប្រភពមុនពេលធ្វើការ (ហៅផងដែរថា "បញ្ជីផ្ទេរ") ។ តាមពិត ប្រអប់បញ្ជីពីរច្រើនតែលឿន ត្រឹមត្រូវជាង និងអាចចូលប្រើបានច្រើនជាងការអូស និងទម្លាក់។ ការពិចារណាលើការប្រើប្រាស់ កំណត់ចំណាំសំខាន់មួយដែលត្រូវចងចាំគឺថា ប្រភេទបញ្ជីទាំងអស់ត្រូវគាំទ្រការរុករកតាមក្តារចុច (ឧ. ↑/↓ គ្រាប់ចុចព្រួញ) សម្រាប់ភាពងាយស្រួល។ មនុស្សមួយចំនួនស្ទើរតែតែងតែពឹងផ្អែកលើក្តារចុចដើម្បីជ្រើសរើសជម្រើសនៅពេលដែលពួកគេចាប់ផ្តើមវាយ។
លើសពីនេះ៖
សម្រាប់បញ្ជីដែលមានជម្រើស 7+ សូមពិចារណាបន្ថែមមុខងារ "ជ្រើសរើសទាំងអស់" និង "ជម្រះទាំងអស់" ដើម្បីសម្រួលអន្តរកម្មអ្នកប្រើប្រាស់។ សម្រាប់បញ្ជីវែងជាមួយប្រអប់បន្សំ សូមបង្ហាញជម្រើសទាំងអស់ដល់អ្នកប្រើប្រាស់នៅពេលចុច/ប៉ះ ព្រោះបើមិនដូច្នេះទេ ពួកវាប្រហែលជាមិនដែលឃើញទេ សំខាន់បំផុត កុំបង្ហាញធាតុមិនអន្តរកម្មជាប៊ូតុង ដើម្បីជៀសវាងការភាន់ច្រឡំ ហើយកុំបង្ហាញធាតុអន្តរកម្មជាស្លាកឋិតិវន្ត។
ការបញ្ចប់៖ មិនមែនអ្វីៗទាំងអស់សុទ្ធតែជាការទម្លាក់ចុះនោះទេ។ ឈ្មោះសំខាន់។ បញ្ជីជម្រើសបញ្ឈរត្រូវបានពិពណ៌នាជាធម្មតាថាជា "ទម្លាក់ចុះ" - ប៉ុន្តែជារឿយៗវាមានលក្ខណៈទូទៅពេកក្នុងការមានអត្ថន័យ។ "ទម្លាក់ចុះ" ណែនាំថាបញ្ជីត្រូវបានលាក់តាមលំនាំដើម។ “Multiselect” បង្កប់ន័យការជ្រើសរើសច្រើន (ប្រអប់ធីក) នៅក្នុងបញ្ជីមួយ។ "Combobox" បង្កប់ន័យការបញ្ចូលអត្ថបទ។ ហើយ "Listbox" គឺគ្រាន់តែជាបញ្ជីនៃធាតុដែលអាចជ្រើសរើសបាន ដែលអាចមើលឃើញគ្រប់ពេល។ គោលដៅគឺមិនសមស្របនឹងនិយមន័យខាងលើសម្រាប់ជាប្រយោជន៍របស់វា។ ប៉ុន្តែជាជាងដើម្បីតម្រឹមចេតនា — និយាយភាសាដូចគ្នានៅពេលសម្រេចចិត្ត រចនា សាងសង់ ហើយបន្ទាប់មកប្រើសមាសធាតុ UI ទាំងនេះ។ វាគួរតែធ្វើការសម្រាប់អ្នករាល់គ្នា — អ្នករចនា វិស្វករ និងអ្នកប្រើប្រាស់ចុងក្រោយ — ដរាបណាស្លាកសញ្ញាឋិតិវន្តមិនមើលទៅដូចជាប៊ូតុងអន្តរកម្ម ហើយប៊ូតុងវិទ្យុមិនដំណើរការដូចប្រអប់ធីកទេ។ ជួបជាមួយ "ការរចនាលំនាំសម្រាប់ចំណុចប្រទាក់ AI" ជួបជាមួយការរចនាគំរូសម្រាប់ចំណុចប្រទាក់ AI ដែលជាវគ្គសិក្សាវីដេអូថ្មីរបស់ Vitaly ជាមួយនឹងឧទាហរណ៍ជាក់ស្តែងពីផលិតផលជីវិតពិត — ជាមួយនឹងការបណ្តុះបណ្តាល UX ផ្ទាល់នឹងកើតឡើងក្នុងពេលឆាប់ៗនេះ។ ចូលទៅកាន់ការមើលជាមុនដោយឥតគិតថ្លៃ។ ជួបជាមួយការរចនាគំរូសម្រាប់ចំណុចប្រទាក់ AI វគ្គវីដេអូរបស់ Vitaly ស្តីពីការរចនាចំណុចប្រទាក់ និង UX ។
វីដេអូ + ការបណ្តុះបណ្តាល UX វីដេអូតែមួយគត់វីដេអូ + ការបណ្តុះបណ្តាល UX $ 450.00 $ 799.00
ទទួលបានវីដេអូ + មេរៀនវីដេអូ UX Training30 (10 ម៉ោង) + វគ្គបណ្តុះបណ្តាល UX ផ្ទាល់។ ធានាសងលុយវិញ 100 ថ្ងៃ។វីដេអូត្រឹមតែ $ 275.00$ 395.00
ទទួលបានមេរៀនវីដេអូ៣០មេរៀន (១០ម៉ោង)។ បានធ្វើបច្ចុប្បន្នភាពប្រចាំឆ្នាំ។ ក៏មានជាកញ្ចប់ UX ជាមួយនឹងវគ្គសិក្សាវីដេអូចំនួន 3 ។
ធនធានមានប្រយោជន៍
ការបំពេញស្វ័យប្រវត្តិ៖ គោលការណ៍ណែនាំ UX ដោយ Vitaly Friedman Combobox ដោយ eBay 👍 Combobox ដោយ Elastic Combobox ដោយ Elisa Combobox ដោយ MongoDB 👍 Combobox ដោយ Visa 👍 Combobox ដោយ Watson (Docplanner) Combobox ដោយ Wikimedia Combobox ដោយ Zendesk Multiselect (MongoDB Combobox Design Docs) ដោយ MongoDB 👍 ជ្រើសរើសច្រើនជម្រើស ដោយវិគីមេឌា Multi-select Combo Box ដោយ Vaadin Multiselect ដោយ Visa ផ្ទេរ (ឧទាហរណ៍ប្រអប់បញ្ជី) ដោយ Ant Design ប្រអប់បញ្ជីដោយ Hopper ប្រអប់បញ្ជីដោយ វ៉ាឌីន ប្រអប់បញ្ជីដោយ Visa ឧបករណ៍ជ្រើសរើសបញ្ជីពីរ ដោយ Red Hat (PatternFly) ប្រអប់បញ្ជីពីរដោយ Salesforce (ប្រព័ន្ធរចនារន្ទះ) បញ្ជីផ្ទេរប្រាក់ដោយ Mantine ប្រអប់បញ្ជីពីរដោយ Dashlite ផ្លាកសញ្ញាទល់នឹងថ្នាំគ្រាប់ទល់នឹងបន្ទះសៀគ្វីធៀបនឹងស្លាក ដោយ Vitaly Friedman Listboxes vs. dropdown Lists ដោយ Anna Kaley (NN/g)
