Allura x'inhi d-differenza bejn combobox, multiselect, listbox, u dropdown? Filwaqt li dawn il-komponenti kollha tal-UI jistgħu jidhru simili, iservu skopijiet differenti. L-għażla ħafna drabi tiġi għan-numru ta 'għażliet disponibbli u l-viżibilità tagħhom. Ejja naraw kif huma differenti, liema skop iservu, u kif tagħżel it-tajjeb — tevita nuqqas ta 'ftehim u aspettattivi żbaljati tul it-triq.
Mhux Id-Disinji Kollha tal-Lista Huma L-istess Il-komponenti kollha tal-UI enfasizzati hawn fuq għandhom eżattament ħaġa waħda komuni: jappoġġjaw l-interazzjonijiet tal-utenti mal-listi. Madankollu, jagħmlu dan kemmxejn differenti. Ejja nagħtu ħarsa lejn kull wieħed, wieħed wieħed:
Dropdown → lista hija moħbija sakemm tiġi attivata. Combobox → ittajpja biex tiffiltra + agħżel għażla waħda. Multiselect → ittajpja biex tiffiltra + agħżel ħafna għażliet. Listbox → l-għażliet kollha tal-lista viżibbli awtomatikament (+ iscroll). Kaxxa tal-lista doppja → ċċaqlaq oġġetti bejn 2 kaxxi tal-lista.
Fi kliem ieħor, Combobox jgħaqqad qasam ta 'input ta' test ma 'lista dropdown, sabiex l-utenti jkunu jistgħu jittajpja biex jiffiltraw u jagħżlu għażla waħda. Bil-Multiselect, l-utenti jistgħu jagħżlu ħafna għażliet (spiss murija bħala pilloli jew ċipep). Listboxes juru l-għażliet kollha tal-lista viżibbli awtomatikament, ħafna drabi bi scrolling. Huwa utli meta l-utenti jkollhom bżonn jaraw l-għażliet kollha disponibbli immedjatament. Listbox doppju (imsejħa wkoll lista ta 'trasferiment) hija varjazzjoni ta' listbox li tippermetti lill-utenti jċaqalqu oġġetti bejn żewġ listboxes (xellug ↔ lemin), tipikament għal għażla bl-ingrossa. Qatt Aħbi Għażliet Użati ta 'Spiss Kif imsemmi hawn fuq, l-għażla tal-komponent UI t-tajjeb tiddependi fuq 2 fatturi: kemm hemm għażliet ta 'lista disponibbli, u jekk dawn l-għażliet kollha jeħtieġ li jkunu viżibbli awtomatikament. Il-listi kollha jista 'jkollhom strutturi tas-siġar, ibejtu, u għażla ta' grupp, ukoll.
Hemm prinċipju wieħed li ilni nsegwi għal snin għal kwalunkwe komponent tal-UI: qatt ma taħbi għażliet użati ta 'spiss. Jekk l-utenti jiddependu fuq għażla partikolari ta 'spiss, hemm ftit li xejn valur li jaħbiha minnhom. Nistgħu jew nagħmluha magħżula minn qabel, jew (jekk hemm biss 2-3 għażliet użati ta 'spiss) nuruhom bħala ċipep jew buttuni, u mbagħad nuru l-bqija tal-lista dwar l-interazzjoni. B'mod ġenerali, hija idea tajba li dejjem turi għażliet popolari - anki jekk jista 'jfixkel l-UI. Kif Agħżel Liema? Mhux kull lista teħtieġ metodu ta 'għażla kumpless. Għal listi b'inqas minn 5 oġġetti, buttuni tar-radju sempliċi jew kaxxi ta' kontroll normalment jaħdmu l-aħjar. Imma jekk l-utenti jeħtieġu li jagħżlu minn lista kbira ta 'għażliet (eż., 200+ oġġetti), combobox + multiselect huma ta' għajnuna minħabba l-iffiltrar aktar mgħaġġel (eż., għażla tal-pajjiż).
Listboxes huma ta 'għajnuna meta n-nies ikollhom aċċess għal ħafna għażliet f'daqqa, speċjalment jekk ikollhom bżonn jagħżlu ħafna għażliet minn dik il-lista wkoll. Jistgħu jkunu ta' għajnuna għal filtri użati ta' spiss.
Listbox doppju ħafna drabi tiġi injorata u injorata. Iżda jista' jkun ta' għajnuna kbira għal kompiti kumplessi, eż. għażla bl-ingrossa, jew jassenja rwoli, kompiti, responsabbiltajiet. Huwa l-uniku komponent tal-UI li jippermetti lill-utenti jirrevedu l-lista sħiħa tal-għażla tagħhom ħdejn xulxin mal-lista tas-sors qabel ma jikkommettu (imsejħa wkoll "Lista ta 'trasferiment"). Fil-fatt, il-listbox doppja ħafna drabi hija aktar mgħaġġla, aktar preċiża u aktar aċċessibbli minn drag-and-drop. Konsiderazzjonijiet dwar l-Użabilità Nota importanti li wieħed iżomm f'moħħu huwa li t-tipi kollha tal-listi jeħtieġ li jappoġġaw in-navigazzjoni bit-tastiera (eż., ↑/↓ arrow keys) għall-aċċessibbiltà. Xi nies kważi dejjem se jiddependu fuq it-tastiera biex jagħżlu l-għażliet ladarba jibdew ittajpjaw.
Lil hinn minn hekk:
Għal listi b'7+ għażliet, ikkunsidra li żżid il-funzjonalitajiet "Agħżel Kollha" u "Iċċara Kollha" biex tissimplifika l-interazzjoni tal-utent. Għal listi twal b'combobox, esponi l-għażliet kollha lill-utenti fuq ikklikkja/tektek, għax inkella qatt ma jistgħu jidhru, L-aktar importanti, turix elementi mhux interattivi bħala buttuni biex tevita l-konfużjoni — u ma turix elementi interattivi bħala tikketti statiċi.
Tgeżwir: Mhux Kollox Huwa Dropdown L-ismijiet huma importanti. Lista vertikali ta 'għażliet hija tipikament deskritta bħala "dropdown" - iżda ħafna drabi hija daqsxejn ġenerika wisq biex tkun sinifikanti. "Dropdown" jagħti ħjiel li l-lista hija moħbija awtomatikament. "Multiselect" jimplika għażla multipla (checkbox) fi ħdan lista. "Combobox" timplika input ta' test. U "Listbox" hija sempliċement lista ta 'oġġetti magħżula, viżibbli f'kull ħin. L-għan mhuwiex li tkun konsistenti mad-definizzjonijiet ta 'hawn fuq għall-fini tiegħu. Iżda pjuttost biex tallinja l-intenzjonijiet — titkellem l-istess lingwa meta tiddeċiedi, tiddisinja, tibni, u mbagħad tuża dawn il-komponenti tal-UI. Għandu jaħdem għalkulħadd — disinjaturi, inġiniera, u utenti finali — sakemm it-tikketti statiċi ma jidhrux qishom buttuni interattivi, u l-buttuni tar-radju ma jaġixxux bħal checkboxes. Iltaqa '"Disinn Disinn Għall-Interfaces AI" Iltaqa 'Disinn Patterns For AI Interfaces, il-kors tal-vidjow il-ġdid ta' Vitaly b'eżempji prattiċi minn prodotti tal-ħajja reali — b'taħriġ UX live li jseħħ dalwaqt. Aqbeż għal preview b'xejn. Iltaqa 'Disinn Patterns For AI Interfaces, il-kors tal-vidjo ta' Vitaly dwar id-disinn tal-interface u l-UX.
Vidjow + Taħriġ UXVidjo bissVidjo + Taħriġ UX$ 450.00 $ 799.00
Ikseb Video + UX Training30 lezzjonijiet bil-vidjo (10h) + Live UX Training.100 jum garanzija ta' flus lura.Vidjo biss$ 275.00$ 395.00
Ikseb il-kors bil-vidjo30 lezzjoni bil-vidjo (10h). Aġġornat kull sena. Disponibbli wkoll bħala UX Bundle bi 3 korsijiet bil-vidjo.
Riżorsi Utli
Autocomplete: Linji Gwida UX, minn Vitaly Friedman Combobox, minn eBay 👍 Combobox, minn Elastic Combobox, minn Elisa Combobox, minn MongoDB 👍 Combobox, minn Visa 👍 Combobox, minn Watson (Docplanner) Combobox, minn Wikimedia Combobox, minn Zendesk Multiselect (MongoDB Combobox Design Docs), minn MongoDB 👍 Multiselect Lookup, minn Wikimedia Multi-select Combo Box, minn Vaadin Multiselect, bil-Visa Trasferiment (Listbox eżempju), minn Ant Design Listbox, minn Hopper Kaxxa tal-Lista, minn Vaadin Listbox, minn Visa Selettur tal-Lista Doppju, minn Red Hat (PatternFly) Listbox doppju, minn Salesforce (Sistema tad-Disinn tas-Sajjetti) Lista ta' Trasferimenti, minn Mantine Dual Listbox, minn Dashlite Badges vs Pilloli vs Chips vs Tikketti, minn Vitaly Friedman Listboxes vs Dropdown Lists, minn Anna Kaley (NN/g)
