Dadi apa bedane antarane combobox, multiselect, listbox, lan dropdown? Nalika kabeh komponen UI iki bisa uga katon padha, padha duwe tujuan sing beda. Pilihan asring teka menyang jumlah opsi sing kasedhiya lan visibilitas. Ayo ndeleng kepiye bedane, tujuane apa, lan kepiye milih sing bener - ngindhari kesalahpahaman lan pangarepan sing salah ing dalan.
Ora Kabeh Pola Dhaptar Iku Padha Kabeh komponen UI sing disorot ing ndhuwur duwe persis siji sing padha: padha ndhukung interaksi pangguna karo dhaptar. Nanging, padha nindakake rada beda. Ayo ndeleng siji-sijine:
Dhaptar gulung mudhun → didhelikake nganti dipicu. Combobox → ketik kanggo nyaring + pilih 1 opsi. Multiselect → ketik kanggo nyaring + pilih akeh opsi. Kothak dhaptar → kabeh opsi dhaptar katon kanthi gawan (+ gulung). Kothak dhaptar ganda → mindhah item ing antarane 2 kothak dhaptar.
Ing tembung liyane, Combobox nggabungake kolom input teks karo dhaptar gulung mudhun, supaya pangguna bisa ngetik kanggo nyaring lan milih pilihan siji. Kanthi Multiselect, pangguna bisa milih akeh opsi (asring ditampilake minangka pil utawa Kripik). Kothak dhaptar nampilake kabeh opsi dhaptar sing katon minangka standar, asring kanthi nggulung. Iku migunani nalika pangguna kudu langsung ndeleng kabeh pilihan sing kasedhiya. Kothak dhaptar ganda (uga disebut dhaptar transfer) yaiku variasi saka kothak dhaptar sing ngidini pangguna mindhah item ing antarane rong kothak dhaptar (kiwa ↔ tengen), biasane kanggo pilihan akeh. Aja Ndhelikake Pilihan sing Kerep Digunakake Kaya kasebut ing ndhuwur, pilihan saka komponen UI tengen gumantung ing 2 faktor: carane akeh opsi dhaftar kasedhiya, lan yen kabeh opsi iki kudu katon minangka standar. Kabeh dhaptar bisa uga duwe struktur wit, nesting, lan pilihan klompok.
Ana siji prinsip sing aku tindakake pirang-pirang taun kanggo komponen UI: aja ndhelikake opsi sing asring digunakake. Yen pangguna kerep gumantung ing pilihan tartamtu, ana regane sithik banget kanggo ndhelikake saka wong-wong mau. Kita bisa nggawe pra-dipilih, utawa (yen ana mung 2-3 opsi asring digunakake) nuduhake minangka Kripik utawa tombol, lan banjur nuduhake liyane dhaftar ing interaksi. Umumé, iku apike kanggo tansah nampilake opsi populer - sanajan bisa clutter UI. Carane Pilih Kang? Ora saben dhaptar mbutuhake metode pilihan sing kompleks. Kanggo dhaptar sing kurang saka 5 item, tombol radio utawa kothak centhang biasane paling apik. Nanging yen pangguna kudu milih saka dhaptar akeh pilihan (contone, 200+ item), combobox + multiselect mbiyantu amarga nyaring luwih cepet (contone, pilihan negara).
Kothak dhaptar mbiyantu nalika wong kudu ngakses akeh opsi bebarengan, utamane yen uga kudu milih akeh opsi saka dhaptar kasebut. Padha bisa mbiyantu kanggo saringan sing kerep digunakake.
Kothak dhaptar ganda asring diabaikan lan ora digatekake. Nanging bisa migunani banget kanggo tugas sing rumit, contone, pilihan akeh, utawa nemtokake peran, tugas, tanggung jawab. Iku siji-sijine komponen UI sing ngidini pangguna mriksa dhaptar pilihan lengkap sisih-sisih karo dhaptar sumber sadurunge nindakake (uga disebut "Dhaptar transfer"). Nyatane, kothak dhaptar dual asring luwih cepet, luwih akurat, lan luwih gampang diakses tinimbang seret lan selehake. Pertimbangan Usability Siji cathetan penting sing kudu dielingake yaiku kabeh jinis dhaptar kudu ndhukung pandhu arah keyboard (contone, tombol panah ↑/↓) kanggo aksesibilitas. Sawetara wong meh tansah ngandelake keyboard kanggo milih opsi yen dheweke wiwit ngetik.
Kajaba iku:
Kanggo dhaptar kanthi opsi 7+, coba tambahake fungsi "Pilih Kabeh" lan "Busak Kabeh" kanggo nyepetake interaksi pangguna. Kanggo dhaptar dawa karo combobox, mbukak kabeh pilihan kanggo pangguna ing klik / tunyuk, yen ora, padha ora bakal katon, Sing paling penting, aja nampilake unsur non-interaktif minangka tombol supaya ora kebingungan - lan aja nampilake unsur interaktif minangka label statis.
Wrapping Up: Ora Kabeh Iku Dropdown Jeneng penting. Dhaptar opsi vertikal biasane diterangake minangka "mudhun" - nanging asring banget umum dadi migunani. "Dropdown" menehi tandha manawa dhaptar kasebut didhelikake kanthi gawan. "Multiselect" nuduhake multi-pilihan (kotak centhang) ing dhaptar. "Combobox" tegese input teks. Lan "Listbox" mung minangka dhaptar item sing bisa dipilih, katon ing kabeh wektu. Tujuane ora cocog karo definisi ing ndhuwur kanggo tujuan kasebut. Nanging kanggo nyelarasake maksud - gunakake basa sing padha nalika mutusake, ngrancang, mbangun, banjur nggunakake komponen UI kasebut. Iku kudu bisa kanggokabeh wong - perancang, insinyur, lan pangguna pungkasan - anggere label statis ora katon kaya tombol interaktif, lan tombol radio ora tumindak kaya kothak centhang. Temokake "Pola Desain Kanggo Antarmuka AI" Ketemu Pola Desain Kanggo Antarmuka AI, kursus video anyar Vitaly kanthi conto praktis saka produk nyata - kanthi latihan UX langsung bakal ditindakake. Langsung menyang pratinjau gratis. Ketemu Pola Desain Kanggo Antarmuka AI, kursus video Vitaly babagan desain antarmuka & UX.
Video + Pelatihan UX Mung videoVideo + Pelatihan UX$ 450,00 $ 799,00
Entuk Video + Pelatihan UX30 video pelajaran (10 jam) + Pelatihan UX Langsung. Jaminan dhuwit bali 100 dina. Video mung $ 275.00$ 395.00
Entuk kursus video30 video pelajaran (10h). Dianyari saben taun. Uga kasedhiya minangka Bundle UX kanthi 3 kursus video.
Sumber Daya Migunani
Autocomplete: Pedoman UX, dening Vitaly Friedman Combobox, dening eBay 👍 Combobox, dening Elastis Kombobox, dening Elisa Kombobox, dening MongoDB 👍 Combobox, by Visa 👍 Combobox, dening Watson (Docplanner) Kombobox, dening Wikimedia Combobox, dening Zendesk Multiselect (MongoDB Combobox Design Docs), dening MongoDB 👍 Multiselect Lookup, dening Wikimedia Multi-pilih Combo Box, dening Vaadin Multiselect, dening Visa Transfer (conto kothak dhaptar), dening Ant Design Listbox, dening Hopper List Box, dening Vaadin Listbox, dening Visa Pamilih Dhaptar Ganda, dening Red Hat (PatternFly) Dual Listbox, dening Salesforce (Sistem Desain Kilat) Dhaptar Transfer, dening Mantine Dual Listbox, dening Dashlite Badges vs Pil vs Kripik vs Tags, dening Vitaly Friedman Listboxes vs. Dropdown Lists, dening Anna Kaley (NN/g)
