Jadi peu beda jih kotak kombo, multipilih, kotak daftar, ngon dropdown? Meskipun mandum komponen UI nyoe mungken deuh saban, awak nyan na tujuan nyang beda. Pemilihan nyan kayem that meugantung bak jumlah pilihan nyang na dan visibilitas jih. Mari takalon pakriban awak nyan meubeda, tujuan peu nyang awak nyan layani, dan pakriban cara ta pileh nyang beutoi — tapeujioh salah paham dan harapan nyang salah seupanyang jalan.
Hana Mandum Pola Daftar Nyang Sama . Mandum komponen UI nyang geusorot di ateuh na saboh hai nyang saban: awak nyan meudukong interaksi pengguna ngon daftar. Teuma, awaknyan jipeubuet lagée nyan bacut-bacut meulaén. Mari ta kalon saboh-saboh, saboh-saboh:
Dropdown → daftar nyan jisom sampoe ji peugot. Combobox → ketik keu filter + pilih 1 opsi. Multiselect → ketik keu filter + pilih le pilihan. Kotak daftar → mandum opsi daftar deuh seucara default (+ gulong). Kotak daftar ganda → peupinah barang antara 2 kotak daftar.
Deungon narit la'én, Combobox geupeugabong saboh bideuëng input teks ngon daftar dropdown, sampoë ureuëng ngui jeuët geuketik keu geufilter ngon geupiléh saboh opsi. Deungon Multiselect, ureueng ngui jeuet geupiléh le that pilihan (kayem geupeuleumah seubagoe pil atawa kripik). Kotak daftar geupeuleumah mandum opsi daftar nyang deuh seucara default, kayém ngon scrolling. Nyan meubantu watee pengguna peureulee geukaloen mandum pilihan nyang na segera. Kotak daftar ganda (geuseubot cit daftar transfer) nakeuh saboh variasi nibak kotak daftar nyang memungkénkan ureuëng ngui keu geupinah item antara dua kotak daftar (wië ↔ uneun), biasajih keu pemilihan massal. Bek sagai-sagai tapeusom pilihan nyang seureng tapeuguna . Lagee nyang ka geukheun di ateuh, pemilihan komponen UI nyang beutoi meugantung bak 2 faktor: padum boh opsi daftar nyang na, dan meunyo mandum opsi nyoe peureulee deuh seucara default. Mandum daftar jeut na struktur bak kayee, bersarang, dan pemilihan kelompok cit.
Na saboh prinsip nyang ka lon ikot seulama meuthon-thon keu komponen UI peu mantong: bek pernah tapeusom opsi nyang seureng dipakek. Meunyo ureueng ngui seureng geuandalkan saboh pemilihan tertentu, na nilai nyang that ubit lam geupeusom nibak awak nyan. Tanyoe jeuet tapeugot jih ka geupiléh awai, atawa (meunyoe na 2-3 boh mantong opsi nyang kayém geungui) tapeuleumah awaknyan seubagoe chip atawa tombol, dan lheueh nyan tapeuleumah sisa daftar bak interaksi. Seucara umum, ide nyang jroh keu sabee tapeuleumah opsi populer — bah pih mungken kacau UI. Cara Pileh Nyang Mah? Hana mandum daftar peureulee cara pemilihan nyang kompleks. Keu daftar nyang kureung dari 5 item, tombol radio sederhana atawa kotak centang biasajih paleng get. Teuma meunyo ureueng ngui peureulee geupiléh nibak daftar opsi nyang rayeuk (misaljih, 200+ item), combobox + multiselect that meubantu kareuna penyaringan nyang leubeh bagah (misaljih, pemilihan nanggroe).
Kotak daftar that meubantu watee ureung peureulee geuakses le pilihan sigo, terutama meunyoe awak nyan peureulee geupiléh le pilihan dari daftar nyan cit. Awak nyan jeuet keu bantuan keu filter nyang kayém geungui.
Dual listbox kayem that geuabaikan dan geuabaikan. Teuma jeuet that meubantu keu tugaih-tugaih nyang kompleks, miseu jih pemilihan massal, atawa neubri peran, tugaih, tanggong jaweueb. Nyoe keuh saboh-saboh jih komponen UI nyang memungkenkan pengguna untuk geukaloen daftar pemilihan lengkap awaknyan samping-samping ngon daftar sumber sigohlom geukomitmen (geuseubot cit “Daftar transfer”). Bahkan, kotak daftar ganda kayem leubeh bagah, leubeh akurat, ngon leubeh mudah diakses nibak drag-and-drop. Pertimbangan keugunaan Saboh catatan peunteng nyang haroh diingat nakeuh bahwa mandum jeuneh daftar peureulee meudukong navigasi keyboard (misaljih, ↑/↓ tombol panah) keu aksesibilitas. Na padum-padum droe ureung karap sabee geuandalkan keyboard untuk geupiléh opsi watee ka mulai geuketik.
Dilua nyan:
Keu daftar ngon 7+ opsi, neupertimbangkan neutamah fungsionalitas "Pileh Mandum" ngon "Hapus Mandum" keu neupeuramping interaksi pengguna. Keu daftar panyang ngon combobox, peuhah mandum opsi keu ureueng ngui bak klik/tap, sabab meunyo hana mungken hana tom deuh, Nyang paleng peunteng, bek neupeuleumah elemen non-interaktif seubagoe tombol untuk neuhindari kebingungan — dan bek neupeuleumah elemen interaktif seubagoe label statis.
Bungkusan: Hana Mandum Dropdown Nan-nan peukara. Daftar opsi vertikal biasa jih digambakan seubagoe "dropdown" — teutapi seureng that agak generik that untuk bermakna. “Dropdown” geubri peutunyok bahwa daftar nyan ka teupeusom seucara default. “Multiselect” menyiratkan multi-pemilihan (kotak centang) lam saboh daftar. “Combobox” menyiratkan peutamong teks. Dan “Listbox” nakeuh saboh daftar barang-barang nyang jeuet ta pileh, deuh tiep-tiep watee. Tujuan jih kon untuk konsisten ngon definisi-definisi di ateuh demi keu nyan. Teuma leubeh keu peuseusuai niet — peugah haba ngon basa nyang saban watee neucok keputusan, neurancang, neubangun, ngon lheuh nyan neupakek komponen UI nyoe. Nyan harus berhasil untuk .mandum ureueng — desainer, insinyur, ngon ureueng ngui akhe — asai label statis hana deuh lagee tombol interaktif, ngon tombol radio hana meulaku lagee kotak centang. Meurumpok “Pola Desain Keu Antarmuka AI” Meurumpok Pola Desain Keu Antarmuka AI, kursus video baroe Vitaly ngon contoh praktis dari produk kehidupan nyata — ngon pelatihan UX langsong nyang akan teujadi hana trep le. Lumpat keu preview bebas. Meurumpok Pola Desain Keu Antarmuka AI, kursus video Vitaly teuntang desain antarmuka & UX.
Video + Peulatihan UXVideo mantongVideo + Peulatihan UX$ 450,00 $ 799,00
Get Video + Peulatihan UX30 peulajaran video (10h) + Peulatihan UX Langsong.100 uroe jaminan peng-kembali.Video mantong$ 275,00$ 395,00
Neucok video kursus30 video peulajaran (10h). Dipeubarô tiep thôn.Na cit lam UX Bundle ngon 3 boh kursus video.
Sumber Daya Nyang Meuguna
Leungkap Otomatis: Pedoman UX, le Vitaly Friedman Kombokok, oleh eBay 👍 . Kotak Kombo, oleh Elastis . Kotak Kombo, karya Elisa . Kombokok, oleh MongoDB 👍 . Kombokotak, oleh Visa 👍 . Kotak Kombo, le Watson (Peurencana Dokumen) Kotak Kombo, lé Wikimedia . Kotak Kombo, le Zendesk Multipilih (Dokumen Desain Kotak Kombo MongoDB), le MongoDB 👍 Mita le pileh, le Wikimedia . Kotak Kombo multi-pilih, le Vaadin . Le that pileh, ngon Visa . Peupinah (contoh Kotak Daftar), le Desain Semut Kotak daftar, le Hopper Kotak Daftar, le Vaadin . Kotak daftar, le Visa . Peumiléh Daftar Ganda, lé Topi Mirah (PolaFly) Kotak Daftar Ganda, le Salesforce (Sistem Desain Kilat) Daftar pemindahan, le Mantine . Kotak Daftar Ganda, le Dashlite Lencana vs Pil vs Keripik vs Tag, le Vitaly Friedman Kotak daftar vs daftar dropdown, le Anna Kaley (NN / g)
