Combobox, multiselect vagy listbox? Melyiket válaszd és mikor?

Hogyan dönted el, hogy egy felületen dropdownt, multiselectet vagy listboxot használj? A válasz két fő tényezőtől függ: hány opció áll rendelkezésre, és mennyire kell láthatónak lenniük ezeknek.

A combobox szövegmezőt kombinál egy legördülő listával – a felhasználó begépelhet, szűrhet és egy opciót választhat. A multiselect több elem kijelölését teszi lehetővé, gyakran chip-ek vagy pilulák formájában. A listbox minden lehetőséget alapból mutat, ideális, amikor látni kell az összes választást egyszerre. Létezik még egy kevéssé ismert, de hasznos megoldás: a dual listbox (transfer lista), ahol két lista között lehet elemeket mozgatni – tökéletes nagy mennyiségű adat kezelésére vagy szerepkörök kiosztására.

Az alapelv egyszerű: soha ne rejtsd el a gyakran használt opciókat. 5-nél kevesebb elem esetén elég a sima rádiógomb vagy checkbox. Nagy listák (200+ elem) esetén a combobox gyors szűrést biztosít. A listbox akkor hasznos, ha egyszerre sok opcióhoz kell hozzáférni. Ne felejtsd el: minden lista típusnak támogatnia kell a billentyűzetes navigációt is. Mit tanulsz ebből? A megfelelő UI komponens kiválasztása drámaian javíthatja a felhasználói élményt – de csak akkor, ha valóban megérted, mire használják majd.