No laila he aha ka ʻokoʻa ma waena o ka combobox, multiselect, listbox, a me ka hāʻule iho? ʻOiai e like paha kēia mau ʻāpana UI āpau, lawelawe lākou i nā kumu like ʻole. ʻO ka koho pinepine e iho i lalo i ka helu o nā koho i loaʻa a me kā lākou ʻike. E ʻike kākou pehea ko lākou ʻokoʻa, he aha ke kumu a lākou e lawelawe ai, a pehea e koho ai i ka mea kūpono - e pale aku i nā kuhi hewa a me nā manaʻo hewa ma ke ala.

ʻAʻole like nā ʻano papa inoa a pau ʻO nā ʻāpana UI āpau i hōʻike ʻia ma luna nei he mea maʻamau: kākoʻo lākou i ka pilina o nā mea hoʻohana me nā papa inoa. Eia naʻe, ʻokoʻa iki kā lākou hana. E nānā kākou i kēlā me kēia, i kēlā me kēia:

Huna iho → papa inoa a hiki i ka hoʻomaka ʻana. Combobox → type e kānana + koho 1 koho. Multiselect → type e kānana + koho i nā koho he nui. Listbox → nā koho papa inoa āpau i ʻike ʻia e ka paʻamau (+ scroll). Pahu papa inoa ʻelua → hoʻoneʻe i nā mea ma waena o 2 papa inoa.

I nā huaʻōlelo ʻē aʻe, hoʻohui ʻo Combobox i kahi kahua hoʻokomo kikokikona me kahi papa inoa hāʻule, no laila hiki i nā mea hoʻohana ke paʻi e kānana a koho i kahi koho hoʻokahi. Me Multiselect, hiki i nā mea hoʻohana ke koho i nā koho he nui (hōʻike pinepine ʻia e like me nā huaʻōlelo a i ʻole nā ​​ʻāpana). Hōʻike nā pahu papa inoa i nā koho papa inoa āpau i ʻike ʻia ma ka paʻamau, pinepine me ka ʻōwili ʻana. He mea kōkua ke ʻike koke nā mea hoʻohana i nā koho āpau. ʻO ka pahu papa inoa pālua (kahi i kapa ʻia ka papa inoa hoʻoili) he hoʻololi ia o kahi pahu papa inoa e hiki ai i nā mea hoʻohana ke hoʻoneʻe i nā mea ma waena o nā pahu papa inoa ʻelua (hema ↔ ʻākau), maʻamau no ke koho nui. Mai Hūnā i nā koho i hoʻohana pinepine ʻia E like me ka mea i ʻōlelo ʻia ma luna, ʻo ke koho ʻana i ka ʻāpana UI kūpono e pili ana i nā kumu 2: ehia mau koho papa inoa i loaʻa, a inā pono e ʻike ʻia kēia mau koho āpau. Hiki i nā papa inoa āpau ke loaʻa nā hale lāʻau, nesting, a me ke koho pūʻulu pū kekahi.

Hoʻokahi kumu aʻu i hahai ai no nā makahiki no kekahi ʻāpana UI: mai hūnā i nā koho i hoʻohana pinepine ʻia. Inā hilinaʻi pinepine nā mea hoʻohana i kahi koho, ʻaʻole liʻiliʻi ka waiwai o ka hūnā iā lākou. Hiki iā mākou ke koho mua, a i ʻole (inā he 2-3 wale nō nā koho i hoʻohana pinepine ʻia) e hōʻike iā lākou ma ke ʻano he chips a i ʻole pihi, a laila hōʻike i ke koena o ka papa inoa ma ka launa pū ʻana. Ma keʻano laulā, he manaʻo maikaʻi ia e hōʻike mau i nā koho kaulana - ʻoiai inā paha e hoʻopili i ka UI. Pehea e koho ai i ka mea hea? ʻAʻole pono kēlā me kēia papa inoa i kahi ala koho paʻakikī. No nā papa inoa me nā mea liʻiliʻi ma mua o 5, ʻoi aku ka maikaʻi o nā pihi lekiō maʻalahi. Akā inā pono nā mea hoʻohana e koho mai kahi papa inoa nui o nā koho (e laʻa, 200+ mau mea), kōkua ka combobox + multiselect ma muli o ka kānana wikiwiki (e laʻa, koho ʻāina).

He mea kōkua nā pahu papa inoa inā pono nā kānaka e komo i nā koho he nui i ka manawa hoʻokahi, ʻoiai inā pono lākou e koho i nā koho he nui mai kēlā papa inoa pū kekahi. Hiki iā lākou ke kōkua no nā kānana hoʻohana pinepine ʻia.

ʻAʻole ʻike pinepine ʻia ka pahu papa inoa pālua. Akā hiki ke kōkua nui i nā hana paʻakikī, e laʻa me ka koho nui, a i ʻole ka hāʻawi ʻana i nā kuleana, nā hana, nā kuleana. ʻO ia wale nō ka mea UI e hiki ai i nā mea hoʻohana ke nānā i kā lākou papa inoa koho piha ʻaoʻao me ka papa inoa kumu ma mua o ka hana ʻana (i kapa ʻia ʻo "Papa Hoʻololi"). ʻO ka ʻoiaʻiʻo, ʻoi aku ka wikiwiki o ka pahu papa inoa ʻelua, ʻoi aku ka pololei, a ʻoi aku ka maʻalahi ma mua o ka huki a me ka hāʻule. Nā Manaʻo Hoʻohana ʻO kahi memo nui e hoʻomanaʻo ʻia, pono nā ʻano papa inoa āpau e kākoʻo i ka hoʻokele keyboard (e laʻa, ↑/↓ mau kī pua) no ke komo ʻana. ʻO kekahi poʻe e hilinaʻi mau i ka papa keyboard e koho i nā koho ke hoʻomaka lākou e paʻi.

Ma waho aʻe o kēlā:

No nā papa inoa me nā koho 7+, e noʻonoʻo e hoʻohui i nā hana "Select All" a me "Clear All" e hoʻoponopono i ka pilina o ka mea hoʻohana. No nā papa inoa lōʻihi me kahi pahu pahu, e hōʻike i nā koho āpau i nā mea hoʻohana ma ke kaomi / paʻi, inā ʻaʻole ʻike ʻia lākou, ʻO ka mea nui, mai hōʻike i nā mea pili ʻole e like me nā pihi e pale ai i ka huikau - a mai hōʻike i nā mea pili e like me nā lepili paʻa.

ʻO ka hoʻopaʻa ʻana: ʻaʻole nā ​​mea āpau he hāʻule i lalo He mea nui nā inoa. Hōʻike maʻamau ʻia kahi papa inoa o nā koho ma ke ʻano he "dropdown" - akā pinepine ka mea maʻamau loa i ka manaʻo. Hōʻike ʻo "Dropdown" e hūnā ʻia ka papa inoa ma ka paʻamau. ʻO ka "Multiselect" ka manaʻo i nā koho he nui (pahu pahu) i loko o kahi papa inoa. ʻO ka "Combobox" e pili ana i ka hoʻokomo kikokikona. A ʻo "Listbox" kahi papa inoa o nā mea i koho ʻia, ʻike ʻia i nā manawa āpau. ʻAʻole kūlike ka pahuhopu me nā wehewehe i luna no ka pono. Akā, e hoʻohālikelike i nā manaʻo - e ʻōlelo i ka ʻōlelo like i ka wā e hoʻoholo ai, hoʻolālā, kūkulu, a laila hoʻohana i kēia mau ʻāpana UI. Pono e hana nonā mea a pau - nā mea hoʻolālā, nā ʻenekinia, a me nā mea hoʻohana hope - inā ʻaʻole like nā lepili paʻa e like me nā pihi pili, a ʻaʻole hana nā pihi lekiō e like me nā pahu pahu. E hālāwai me "Nā Hoʻolālā Hoʻolālā no nā Interface AI" E ʻike i nā ʻano hoʻolālā no AI Interfaces, ke papa wikiō hou a Vitaly me nā hiʻohiʻona kūpono mai nā huahana ola maoli - me kahi hoʻomaʻamaʻa UX ola e hiki koke mai ana. E lele i kahi nānā manuahi. E ʻike i nā ʻano hoʻolālā no AI Interfaces, ke papa wikiō Vitaly ma ka hoʻolālā interface & UX.

Video + Hoʻomaʻamaʻa UXVideo wale nōVideo + Hoʻomaʻamaʻa UX$ 450.00 $ 799.00

E kiʻi i nā haʻawina wikiō + UX Training30 (10h) + Live UX Training.100 mau lā kālā-hoʻihoʻi-guarantee. Video wale nō $ 275.00$ 395.00

E kiʻi i ka papa wikiō30 haʻawina wikiō (10h). Hoʻouka hou ʻia i kēlā me kēia makahiki. Loaʻa pū ʻia ma ke ʻano he UX Bundle me 3 mau papa wikiō.

Nā Punawai Pono

Autocomplete: UX Guidelines, na Vitaly Friedman ʻO ka pahu pahu, na eBay 👍 Pahu huikau, na Elastic Pahu huikau, na Elisa Pahu hui, na MongoDB 👍 Combobox, na Visa 👍 Combobox, na Watson (Docplanner) Pahu huikau, na Wikimedia Pahu huikau, na Zendesk Multiselect (MongoDB Combobox Design Docs), na MongoDB 👍 Huli koho nui, na Wikimedia Pahu Combo koho nui, na Vaadin Multiselect, ma ka Visa Hoʻololi (Listbox example), na Ant Design Pahu papa inoa, na Hopper Pahu Papa, na Vaadin Listbox, na Visa Mea koho papa inoa ʻelua, na Red Hat (PatternFly) Pahu papa inoa ʻelua, na Salesforce (Pūnaewele Hoʻolālā Uila) Papa Hoololi, na Mantine Pahu papa inoa ʻelua, na Dashlite ʻO Badges vs. Pills vs. Chips vs. Tags, na Vitaly Friedman Nā papa inoa me nā papa inoa hāʻule iho, na Anna Kaley (NN/g)

You May Also Like

Enjoyed This Article?

Get weekly tips on growing your audience and monetizing your content — straight to your inbox.

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free