O la, danfara jumɛn bɛ combobox, multiselect, listbox ani dropdown cɛ? Hali n’a y’a sɔrɔ o UI yɔrɔw bɛɛ bɛ se ka kɛ i n’a fɔ u bɛ ɲɔgɔn ta, u bɛ baara kɛ ni kuntilenna wɛrɛw ye. Tuma caman na, sugandili bɛ jigin sugandiliw hakɛ la minnu bɛ sɔrɔ ani u yecogo. An k’a lajɛ u tɛ kelen ye cogo min na, u bɛ baara kɛ kun min na, ani an bɛ se ka min ɲuman sugandi cogo min na — k’an yɛrɛ tanga faamuyabaliya ni jigiya juguw ma sira kan.
Lisiti misaliw bɛɛ tɛ kelen ye UI yɔrɔ minnu jirala sanfɛ, olu bɛɛ bɛ ɲɔgɔn na tigitigi: u bɛ baarakɛlaw ka jɛɲɔgɔnyaw dɛmɛ ni lisi ye. Nka, u b’o kɛ cogo wɛrɛ la dɔɔnin. An k’u kelen-kelen bɛɛ lajɛ, kelen kelen:
Dropdown → list bɛ dogo fo k’a daminɛ. Combobox → suguya ka filɛri + sugandi 1 sugandi. Multiselect → type ka filɛri + sugandi caman sugandi. Lisitibɔlan → lisi suganditaw bɛɛ bɛ ye ka kɛɲɛ ni a daminɛ ye (+ scroll). Lisiti fila → fɛnw bila lisi 2 cɛ.
O kɔrɔ ye ko Combobox bɛ sɛbɛnni donyɔrɔ dɔ fara ɲɔgɔn kan ni lisi ye min bɛ jigin, o la baarakɛlaw bɛ se ka sɛbɛnni kɛ walasa ka filɛri kɛ ani ka sugandi kelen sugandi. Ni Multiselect ye, baarakɛlaw bɛ se ka sugandi caman sugandi (a ka ca a la u bɛ jira i n’a fɔ furakisɛ walima chips). Lisitiw bɛ lisi suganditaw bɛɛ jira minnu bɛ ye ka daminɛ, tuma caman na ni sɛgɛsɛgɛli ye. A bɛ dɛmɛ don ni baarakɛlaw mago bɛ sugandili minnu bɛ sɔrɔ, olu bɛɛ ye joona. Dual listbox (a bɛ fɔ fana ko transfert list) ye listbox caman caman cili ye min b’a to baarakɛlaw bɛ se ka fɛnw lamaga listbox fila cɛ (numan fɛ ↔ kinin fɛ), a ka c’a la, u bɛ kɛ ka caman sugandi. Sugandili minnu bɛ kɛ tuma caman na, olu dogo abada I n’a fɔ a fɔra cogo min na sanfɛ, UI yɔrɔ ɲuman sugandili bɛ bɔ fɛn 2 de la: lisi sugandilen hakɛ min bɛ sɔrɔ, ani ni nin sugandiliw bɛɛ ka kan ka ye ka da a kan. Lisiti bɛɛ tun bɛ se ka kɛ ni jiriw jɔcogo ye, u ka sigiyɔrɔw, ani kuluw sugandili, olu fana.
Sariyasen kelen bɛ yen n bɛ min sirataama kabini san caman UI yɔrɔ o yɔrɔ la: i kana sugandiliw dogo abada minnu bɛ kɛ tuma caman na. Ni baarakɛlaw bɛ u jigi da sugandili kɛrɛnkɛrɛnnen dɔ kan tuma caman, nafa ka dɔgɔ kosɛbɛ k’a dogo u la. An bɛ Se k’a Kɛ k’a sugandi ka Kɔn, walima (ni sugandili 2–3 dɔrɔn de bɛ yen minnu bɛ Kɛ ka caya) k’u Jira i n’a fɔ puwɛnti walima butɔni, ka sɔrɔ k’a lisi tɔ Jira jɛɲɔgɔnya kan. A ka c’a la, a ka ɲi ka sugandiliw jira tuma bɛɛ minnu bɛ fɔ kosɛbɛ — hali n’a bɛ se ka UI ɲagami. Cogo di an bɛ se ka jumɛn sugandi? Lisiti bɛɛ mago tɛ sugandili fɛɛrɛ gɛlɛn na. Ni lisi minnu kɔnɔfɛnw tɛ 5 bɔ, a ka c’a la, arajo butɔni nɔgɔmanw walima jatebɔyɔrɔw bɛ baara kɛ ka ɲɛ. Nka ni baarakɛlaw mago bɛ sugandili la ka bɔ sugandiliw lisɛliba dɔ la (misali la, fɛn 200+), combobox + multiselect bɛ dɛmɛ don k’a sababu kɛ filɛli teliya ye (misali la, jamana sugandili).
Lisitiw bɛ dɛmɛ ni mɔgɔw mago bɛ ka se ka sugandi caman sɔrɔ siɲɛ kelen, kɛrɛnkɛrɛnnenya la n’u mago bɛ ka sugandi caman sugandi o lisi kɔnɔ fana. U bɛ se ka kɛ dɛmɛ ye filɛriw la minnu bɛ kɛ tuma caman na.
Tuma caman na, mɔgɔw bɛ ɲinɛ dual listbox kɔnɔ, wa u tɛ jate. Nka a bɛ se ka kɛ dɛmɛba ye baara gɛlɛnw na, i n’a fɔ caman sugandili, walima jɔyɔrɔw, baara, kunkanbaaraw dili. O ye UI yɔrɔ kelenpe ye min b’a to baarakɛlaw bɛ se k’u ka sugandili lisi dafalen lajɛ kɛrɛfɛ ni sɔrɔyɔrɔ lisi ye sanni u ka baara kɛ (a bɛ fɔ fana ko “Transfer list”). Tiɲɛ na, a ka c’a la, lisi fila bɛ teliya, a bɛ kɛ ka ɲɛ, wa a bɛ se ka sɔrɔ ka tɛmɛ drag-and-drop kan. Baarakɛcogo jateminɛw Kɔlɔsili nafama dɔ min ka kan ka to an hakili la, o ye ko lisi suguya bɛɛ ka kan ka dɛmɛ don klaviyeti taamacogo la (misali la, ↑/↓ taamasiyɛnw) walasa ka se ka sɔrɔ. Mɔgɔ dɔw bɛna u jigi da klaviyeti kan tuma bɛɛ walasa ka sugandiliw sugandi ni u ye sɛbɛnni daminɛ.
O kɔfɛ:
Ni lisi minnu bɛ ni sugandili 7+ ye, i k’a lajɛ ka “Select All” ani “Clear All” baarakɛcogo dɔw fara u kan walasa ka baarakɛlaw ka jɛɲɔgɔnya nɔgɔya. Ni lisi janw bɛ ni combobox ye, aw bɛ sugandiliw bɛɛ jira baarakɛlaw la click/tap kan, bawo n’o tɛ, u tɛ se ka ye abada, Min nafa ka bon kosɛbɛ, o ye ko i kana fɛnw jira minnu tɛ ɲɔgɔn sɔrɔ i n’a fɔ butɔni walasa ka i yɛrɛ tanga ɲagami ma — ani i kana fɛnw jira minnu tɛ ɲɔgɔn sɔrɔ i n’a fɔ labeli jɔlenw.
Wrapping Up: Fɛn bɛɛ tɛ Dropdown ye Tɔgɔw nafa ka bon. A ka c’a la, sugandiliw lisɛli jɔlen bɛ ɲɛfɔ iko “dropdown” — nka tuma caman na, a bɛ kɛ fɛn bɛɛ lajɛlen ye dɔɔnin fo a tɛ se ka kɛ kɔrɔ ye. “Dropdown” b’a jira ko lisi dogolen don a daminɛ na. “Multiselect” kɔrɔ ye ka sugandili caman kɛ (checkbox) lisi kɔnɔ. “Combobox” kɔrɔ ye sɛbɛnni doncogo ye. Ani “Listbox” ye fɛnw lisɛli dɔrɔn ye minnu bɛ se ka sugandi, minnu bɛ ye waati bɛɛ. Laɲini tɛ ka Bɛn ni ɲɛfɔliw ye minnu bɛ sanfɛ a nɔfɛ. Nka sanni ka ŋaniyaw bɛn ɲɔgɔn ma — ka kan kelen fɔ ni i bɛ latigɛ kɛ, ka dilan, ka jɔ, ka sɔrɔ ka baara kɛ ni nin UI yɔrɔw ye. A ka kan ka baara kɛbɛɛ — dilanbagaw, ɛntɛrinɛti injiniyɛriw, ani baarakɛla labanw — ni labeli jɔlenw tɛ i n’a fɔ butɔni minnu bɛ ɲɔgɔn sɔrɔ, ani arajo butɔni tɛ kɛ i n’a fɔ jatebɔyɔrɔw. Aw ye “Design patterns for AI Interfaces” kunbɛn . Meet Design Patterns For AI Interfaces, Vitaly ka wideyo kalan kura ni misali nafamaw ye ka bɔ ɲɛnamaya kɔnɔfɛnw na — ni UX kalan ɲɛnama dɔ bɛna kɛ yanni dɔɔnin cɛ. Aw ye pan ka taa ɲɛjirali fu la. Meet Design Patterns For AI Interfaces, Vitaly ka wideyo kalan min bɛ kɛ interface design & UX kan.
Wideyo + UX KalanVideo dɔrɔnVideo + UX Kalan$ 450.00 $ 799.00
Wideyo + UX Kalan sɔrɔ30 videyo kalan (10h) + Live UX Kalan.Tile 100 wari-segin-garanti.Wideyo dɔrɔn$ 275.00$ 395.00
Wideyo kalan30 videyo kalanw sɔrɔ (10h). Updated yearly.A bɛ sɔrɔ fana i n’a fɔ UX Bundle ni wideyo kalan 3 ye.
Nafolo nafamaw
Aw ye a yɛrɛ dafa: UX Guidelines, Vitaly Friedman fɛ Combobox, ka bɔ eBay 👍 fɛ Combobox, min kɛra Elastic fɛ Combobox, min kɛra Elisa fɛ Combobox, ka bɔ MongoDB 👍 fɛ Combobox, ka Visa 👍 Combobox, min kɛra Watson fɛ (Docplanner) Combobox, Wikimedia fɛ Combobox, Zendesk fɛ Multiselect (MongoDB Combobox Design Docs), MongoDB 👍 fɛ Sugandili caman ɲinini, Wikimedia fɛ Combo Box sugandilen caman, Vaadin fɛ Multiselect, ni Visa ye Transfer (Listbox misali), Ant Design fɛ Listbox, min sɛbɛnna Hopper fɛ Lisiti kɛsu, Vaadin fɛ Listbox, Visa fɛ Lisiti fila sugandibaga, min kɛra Red Hat fɛ (PatternFly) . Dual Listbox, min kɛra Salesforce fɛ (Système de conception de sanc) Lisiti min bɛ mɔgɔw bila ka taa yɔrɔ wɛrɛw la, Mantine fɛ Dual Listbox, min kɛra Dashlite fɛ Badges ni Pills ni Chips ni Tags, Vitaly Friedman fɛ Lisitiw ni lisi minnu bɛ jigin, Anna Kaley fɛ (NN/g)
