Isu nga ania’t nagdumaan ti combobox, multiselect, listbox, ken dropdown? Bayat nga amin dagitoy a paset ti UI ket mabalin nga agparang nga agpapada, dagitoy ket agserbi kadagiti nadumaduma a panggep. Masansan a bumaba ti pagpilian iti bilang dagiti magun-odan a pagpilian ken ti pannakakitada. Kitaentayo no kasano ti panagdudumada, no ania ti panggepda, ken no kasano ti agpili iti umno — liklikan ti di panagkikinnaawatan ken di umiso a namnama iti dalan.
Saan nga Agpapada ti Amin a Padron ti Listaan Amin dagiti paset ti UI a nai-highlight iti ngato ket addaan iti eksakto a maysa a banag a paggigiddiatan: suportaranda dagiti pannakilangen dagiti agar-aramat kadagiti listaan. Nupay kasta, naiduma bassit ti ar-aramidenda. Kitaentayo ti tunggal maysa, saggaysa:
Nailemmeng ti Dropdown → list agingga a mai-trigger. Combobox → i-type tapno masala + pilien ti 1 a pagpilian. Multiselect → i-type tapno agsala + pilien ti adu a pagpilian. Kahon ti listaan → amin a pagpilian ti listaan ket makita babaen ti default (+ ag-scroll). Doble a kahon ti listaan → iyakar dagiti banag iti nagbaetan ti 2 a kahon ti listaan.
Iti sabali a pannao, ti Combobox ket pinagtiponna ti maysa a tay-ak ti panagserrek ti teksto iti maysa a dropdown a listaan, isu a dagiti agar-aramat ket mabalinda ti ag-type tapno agsala ken agpili ti maymaysa a pagpilian. Babaen ti Multiselect, makapili dagiti agus-usar iti adu a pagpilian (masansan a maiparang kas pildoras wenno chips). Dagiti kahon ti listaan ket mangipakita kadagiti amin a pagpilian ti listaan a makita babaen ti default, masansan nga addaan iti panag-scroll. Makatulong dayta no kasapulan a makita a dagus dagiti agus-usar ti amin a magun-odan a pagpilian. Ti doble a kahon ti listaan (maawagan pay iti listaan ti panagiyakar) ket maysa a panagbalbaliw ti kahon ti listaan a mangipalubos kadagiti agar-aramat a mangiyakar kadagiti banag iti nagbaetan ti dua a kahon ti listaan (kannigid ↔ kannawan), a kadawyan para iti panagpili ti adu. Dimo Pulos Ilemmeng Dagiti Masansan a Maus-usar a Pagpilian Kas nadakamat iti ngato, ti panagpili ti umno a paset ti UI ket agpannuray kadagiti 2 a banag: no mano a pagpilian ti listaan ti magun-od, ken no amin dagitoy a pagpilian ket kasapulan a makita babaen ti default. Amin a listaan ket mabalin nga addaan kadagiti estruktura ti kayo, panagumok, ken panagpili ti grupo, met.
Adda maysa a prinsipio a sursurotek iti adu a tawen para iti aniaman a paset ti UI: pulos a di ilemmeng dagiti masansan a maus-usar a pagpilian. No masansan nga agpannuray dagiti agar-aramat iti partikular a panagpili, bassit unay ti pateg ti panangilemmeng iti dayta kadakuada. Mabalintayo nga aramiden a nasakbay a napili, wenno (no adda laeng dagiti 2–3 a masansan a maus-usar a pagpilian) ipakita dagitoy a kas dagiti chip wenno buton, ken kalpasanna ipakita ti nabati a listaan iti panagtitinnulong. Iti sapasap, nasayaat nga ideya a kanayon nga ipakita dagiti nalatak a pagpilian — uray no mabalin a mangriribuk iti UI. Kasano ti Mangpili iti Ania? Saan a kasapulan ti tunggal listaan ti komplikado a pamay-an ti panagpili. Para kadagiti listaan nga addaan iti basbassit ngem 5 a banag, dagiti simple a buton ti radio wenno dagiti kahon ti tsek ket kadawyan a kasayaatan. Ngem no dagiti agar-aramat ket kasapulanda ti agpili manipud iti dakkel a listaan dagiti pagpilian (e.g., 200+ a banag), ti combobox + multiselect ket makatulong gapu ti naparpartak a panagsala (e.g., panagpili ti pagilian).
Makatulong dagiti kahon ti listaan no kasapulan a maminsan a makastrek dagiti tattao iti adu a pagpilian, nangruna no kasapulanda ti agpili iti adu a pagpilian manipud iti dayta a listaan met. Mabalin a makatulong dagitoy kadagiti masansan a maus-usar a pagsala.
Masansan a maliwayan ken di maikankano ti doble a listbox. Ngem mabalin a makatulong unay daytoy para kadagiti komplikado nga aramid, e..g bulk selection, wenno panangituding kadagiti akem, trabaho, pagrebbengan. Daytoy laeng ti paset ti UI a mangipalubos kadagiti agar-aramat a mangrepaso iti naan-anay a listaan ti panagpilida nga agkakadua iti listaan ti taudan sakbay nga agkumit (maawagan pay iti “Listaan ti panagiyakar”). Kinapudnona, masansan a naparpartak, umiso, ken ad-adda a madanon ti doble a listbox ngem ti drag-and-drop. Dagiti Konsiderasion iti Pannakausar Ti maysa a napateg a nota a laglagipen ket amin a kita ti listaan ket kasapulan a mangsuporta ti panaglayag ti teklado (e.g., dagiti tulbek ti pana ti ↑/↓) para iti pannakagun-od. Dadduma a tattao ti dandani kanayon nga agpannuray iti teklado a mangpili kadagiti pagpilian apaman a mangrugida nga ag-type.
Iti labes dayta:
Para kadagiti listaan nga addaan iti 7+ a pagpilian, ibilang ti pananginayon kadagiti “Pilien Amin” ken “Clear All” a panagandar tapno mapasayaat ti pannakilangen ti agar-aramat. Para kadagiti atiddog a listaan nga addaan iti combobox, ibutaktak amin a pagpilian kadagiti agar-aramat iti panagpidut/i-tap, ta no saan ket mabalin a pulos a saanda a makita, . Kangrunaan, saan nga ipakita dagiti saan nga interaktibo nga elemento kas buton tapno maliklikan ti pannakariro — ken saan nga ipakita dagiti interaktibo nga elemento kas static labels.
Wrapping Up: Saan nga Amin ket Dropdown Napateg dagiti nagan. Ti bertikal a listaan dagiti pagpilian ket kadawyan a mailadawan a kas ti “dropdown” — ngem masansan a daytoy ket medyo generic unay tapno addaan kaipapanan. Ipasimudaag ti “Dropdown” a nailemmeng ti listaan babaen ti default. Ti “Multiselect” ipasimudaagna ti adu a panagpili (checkbox) iti uneg ti listaan. Ipasimudaag ti “Combobox” ti panangisurat iti teksto. Ket ti “Listbox” ket maysa laeng a listaan dagiti mapili a banag, a makita iti amin a tiempo. Ti kalat ket saan a maitunos kadagiti depinasion iti ngato para iti pagimbagan dayta. Ngem imbes ketdi tapno maitunos dagiti panggep — agsao iti isu met laeng a pagsasao no mangikeddeng, agdisenio, mangbangon, ken kalpasanna agusar kadagitoy a paset ti UI. Rumbeng nga agtrabaho dayta para itiamin — dagiti disenio, inheniero, ken dagiti agngudo nga agus-usar — no la ketdi dagiti static label ket saan a kasla dagiti interaktibo a buton, ken dagiti buton ti radio ket saan nga agtignay a kas dagiti checkbox. Maam-ammo ti “Padron ti Disenyo Para kadagiti AI Interface” . Meet Design Patterns Para kadagiti AI Interfaces, ti baro a kurso ti video ti Vitaly nga addaan kadagiti praktikal a pagarigan manipud kadagiti pudno a produkto — nga addaan iti live UX training a mapaspasamak iti mabiit. Lumukso iti libre a preview. Maam-ammo dagiti Padron ti Disenyo Para kadagiti AI Interface, ti kurso ti video ti Vitaly iti disenio ti interface & UX.
Panagsanay ti Video + UXVideo laengVideo + Panagsanay ti UX$ 450.00 $ 799.00
Mangala iti Video + UX Training30 nga adalen iti video (10h) + Live UX Training.100 nga aldaw money-back-garantie.Video laeng$ 275.00$ 395.00
Alaen ti kurso ti video30 nga adalen iti video (10h). Tinawen a ma-update.Magun-od met kas UX Bundle nga addaan iti 3 a kurso ti video.
Dagiti Makatulong a Rekurso
Autokompleto: Dagiti Pagalagadan ti UX, ni Vitaly Friedman Combobox, ni eBay 👍 Combobox, ni Elastic Combobox, ni Elisa Combobox, ni MongoDB 👍 Combobox, ni Visa 👍 Combobox, ni Watson (Dokplanador) . Combobox, babaen ti Wikimedia Combobox, ni Zendesk Multiselect (Docs ti Disenyo ti Combobox ti MongoDB), ni MongoDB 👍 Multiselect a Panagsapul, babaen ti Wikimedia Multi-select nga Combo Box, ni Vaadin Multiselect, babaen ti Visa Panag-transfer (Pagarigan ti Listbox), babaen ti Ant Design Listbox, ni Hopper Kahon ti Listaan, ni Vaadin Listbox, ni Visa Dual a Listaan a Pili, babaen ti Red Hat (PatternFly) . Dual Listbox, ni Salesforce (Sistema ti Disenyo ti Kimat) . Listaan ti Panag-transfer, ni Mantine Doble a Kahon ti Listaan, ni Dashlite Badges vs. Pills vs. Chips vs. Tags, ni Vitaly Friedman Dagiti Kahon ti Listaan vs. Dagiti Listaan ti Panagbaba, ni Anna Kaley (NN/g) .
