Quid ergo interest inter combobos, multos electos, listas et guttas? Dum haec UI similia apparent, diversis usibus inserviunt. Electio saepe descendit ad numerum optionum promptorum eorumque visibilis. Videamus quomodo differant, quid faciant, et quomodo ius eligendi, vitando errores et exspectationes pravas in via.
Not All List Patterns Are The Same Omnes UI partes quae supra extulimus, unum prorsus habent commune: interationes cum lists utentes sustinent. However, they do so slightly differently. Let’s take a look at each, one by one:
Dropdown → index absconditus est donec utitur. Combobox → type to filter + select 1 option. Multiselect → genus ad filter + elige multa optiones. Listbox → Omnes optiones album defalta visibilia (+ volumen). Dual listbox → move items between 2 listboxes.
Aliis verbis, Combobox textum input campum cum indice stillatorio componit, ut users eliquare et unam optionem eligere possunt. Cum Multiselect, usores multas optiones eligere possunt (saepe pro pilulis vel astulas ostendi). Listboxes omnia album optionum per defaltam visibiles ostendunt, saepe cum scrolling. Utile est cum users necesse est omnes electiones promptas statim videre. Dual listbox (etiam indicem translationis appellatum) variatio est listbox quae utentes moveat res inter duas listboxes (reliquit ius), typice pro delectu mole. Never Hide Frequently Used Options Ut supra dictum est, electio juris UI componentis dependet ab 2 factoribus: quot optiones indices in promptu sunt, et si hae omnes optiones per defaltam visibiles esse debent. Omnes tabulae lignorum structurae habere poterant, nidificantes, et etiam selectio coetus.
Unum principium est quod per annos aliquos UI componentes secutus fui: numquam saepe optiones usitatas abscondere. Si utentes peculiari delectu frequenter innituntur, valde parvi pretii est ab illis occultando. Potuimus vel illud prae-electum facere vel (si tantum optiones 2-3 frequentius usi sunt) eas pro astulas vel globulis ostendere, et tunc reliquos elenchos in commercio monstrare. In universum utilem esse utilem ad populares optiones semper ostentare — etiamsi UI clutter posset. How To Elige Quod? Not every list needs a complex selection method. Pro tabulae cum paucioribus quam 5 items, simplices fibulae radiophonicae vel checkboxes plerumque optime laborant. Sed si usores e magnis optionum indicem eligere (v.g., 200+ item), combobox + multiselectis adiuvant propter eliquationem velociorem (exampla lectio reipublicae).
Listboxes utiles sunt cum homines multae optiones statim accedere debent, praesertim si plures optiones ex illo indice quoque eligere indigent. Possunt esse utiles ad filtras frequentius adhibitae.
Dual listbox is often overlooked and ignored. Sed valde utile esse potest ad opera multiplicia, e..g mole delectu, vel muneribus, muneribus, muneribus assignandis. Sola UI componentia est quae permittit utentes recensere eorum plenam electionem indicem latus-by-side cum indice fonte antequam committat (etiam "album Transfer"). Re quidem vera, duplex listbox saepe velocior, accuratior et pervia quam gutta-et-trahendo est. Usability Considerationes Una magni momenti nota memorandum est quod omnia lista generum necessaria sunt ut navigationem claviaturam sustineant (exempli gratia claves sagittarum) pro accessibilitate. Nonnulli fere semper nituntur in claviaturis ut optiones selectas semel incipiunt typing.
Vltra:
Pro tabulas cum 7+ optionibus, considera addendo "Select omnes" et "omnia serena" functionalities ad user commercium streamline. Pro diuturnis tabulis cum combobox, omnes optiones usoribus in strepita/ictu expone, sicut aliter numquam videri possent; Maximi momenti, elementa non-interactiva ut tesserae ne confusionem ostendas — nec elementa interactive ut labella stataria ostendas.
Wrapping Up: Not Everything Is A Dropdown Nominum materia. Index optionum verticalis typice describitur ut "dropdown" - sed saepe aliquantulus nimis genericum est significans. "Dropdown" innuit album per defaltam absconditum. "Multiselect" significat multi-electionem (checkbox) intra album. “Combobox” implies text input. Et "Listbox" est simpliciter index rerum selectarum, omni tempore conspicuum. The goal isn’t to be consistent with the definitions above for the sake of it. Sed potius figere intentiones - eadem lingua loqui cum decernendo, cogitando, aedificando, ac deinde utendo his UI partibus. Non opus sitomnes - designers, fabrum et users finis - modo pittacia statice non spectant sicut bullarum interactivarum, et bullarum radiophonicarum sicut checkboxes non agunt. Occursum "Design Patterns For AI Interfaces" Meet Design Patterns For AI Interfaces, Vitaly's novum cursum video cum exemplis practicis ex real-vita productis — cum viva UX disciplina mox eveniunt. Salire ad liberam preview. Meet Design Patterns For AI Interfaces, Vitaly cursus videndi de consilio interface & UX.
Video + UX TrainingVideo onlyVideo + UX Training$ 450.00 $ 799.00
Get Video + UX Training30 Lectiones video (10h) + Vive UX Training.100 dies pecuniae-suspendium.Video tantum$ 275.00$ 395.00
Adepto video course30 video Lectiones (10h). Updated yearly.Also available as a UX bundle with 3 video courses.
Utile Resources
Autocomplete: UX Guidelines, by Vitaly Friedman Combobox, by eBay Combobox, by Elastic Combobox, by Elisa Combobox, by MongoDB 👍 Combobox, by Visa 👍 Combobox, by Watson (Docplanner) Combobox, by Wikimedia Combobox, by Zendesk Multiselect (MongoDB Combobox Design Docs), by MongoDB Multiselect Lookup, by Wikimedia Multi-select Combo Box, by Vaadin Multiselect, by Visa Transfer (Listbox example), by Ant Design Listbox, by Hoppius Index Box, by Vaadin Listbox, by Visa Dual List Selector, by Red Hat (PatternFly) Dual Listbox, Memasys (lightning Design System) Transfer List, by Mantine Dual Listbox, by Dashlite Tags, by Vitaly Friedman . vs Listboxes vs. Dropdown Lists, Anna Kaley (NN/g)
