Ndiye pali kusiyana kotani pakati pa combobox, multiselect, listbox, and dropdown? Ngakhale zigawo zonse za UI zitha kuwoneka zofanana, zimagwira ntchito zosiyanasiyana. Kusankha nthawi zambiri kumabwera ku chiwerengero cha zosankha zomwe zilipo komanso maonekedwe awo. Tiyeni tiwone momwe amasiyana, cholinga chomwe amatumikira, ndi momwe tingasankhire choyenera - kupeŵa kusamvetsetsana ndi ziyembekezo zolakwika panjira.

Sikuti Mitundu Yonse Yandandanda Ndi Yofanana Zida zonse za UI zomwe zafotokozedwa pamwambapa zili ndi chinthu chimodzi chofanana: zimathandizira kulumikizana kwa ogwiritsa ntchito ndi mindandanda. Komabe, amachita mosiyana pang'ono. Tiyeni tiwone chilichonse, chimodzi ndi chimodzi:

Dontho → mndandanda wabisika mpaka utayambika. Combobox → lembani kuti musefe + sankhani njira imodzi. Multiselect → lembani kuti musefe + sankhani zosankha zambiri. Listbox → zosankha zonse zomwe zimawoneka mwachisawawa (+ scroll). Mabokosi a mndandanda wapawiri → sunthani zinthu pakati pa 2 listboxes.

Mwanjira ina, Combobox imaphatikiza gawo lolowetsa mawu ndi mndandanda wotsitsa, kuti ogwiritsa ntchito alembe kuti asefe ndikusankha njira imodzi. Ndi Multiselect, ogwiritsa ntchito amatha kusankha zosankha zambiri (nthawi zambiri zimawonetsedwa ngati mapiritsi kapena tchipisi). Mabokosi amndandanda amawonetsa zosankha zonse zomwe zimawoneka mwachisawawa, nthawi zambiri ndikupukusa. Ndizothandiza pamene ogwiritsa ntchito ayenera kuwona zosankha zonse zomwe zilipo nthawi yomweyo. Bokosi la mndandanda wapawiri (lomwe limatchedwanso kusamutsa mndandanda) ndikusintha kwamabokosi omwe amalola ogwiritsa ntchito kusuntha zinthu pakati pa mabokosi amndandanda awiri (kumanzere ↔ kumanja), nthawi zambiri posankha zambiri. Osabisa Zosankha Zogwiritsidwa Ntchito Kawirikawiri Monga tafotokozera pamwambapa, kusankha kwa gawo loyenera la UI kumadalira pazifukwa ziwiri: ndi zosankha zingati zomwe zilipo, ndipo ngati zonsezi ziyenera kuwoneka mwachisawawa. Mndandanda wonse ukhoza kukhala ndi mapangidwe a mitengo, zisa, ndi kusankha magulu, nawonso.

Pali mfundo imodzi yomwe ndakhala ndikutsatira kwa zaka zambiri pa gawo lililonse la UI: musabise zosankha zomwe zimagwiritsidwa ntchito pafupipafupi. Ngati ogwiritsa ntchito amadalira kusankha kwina pafupipafupi, pali phindu lochepa powabisira. Titha kupanga kuti zisankhidwetu, kapena (ngati pali zosankha 2-3 zomwe zimagwiritsidwa ntchito pafupipafupi) ziwonetseni ngati tchipisi kapena mabatani, ndikuwonetsa zina zonse pamndandanda. Nthawi zambiri, ndibwino kuwonetsa zosankha zodziwika nthawi zonse - ngakhale zitha kusokoneza UI. Kodi Mungasankhe Bwanji? Osati mndandanda uliwonse umafunika njira yovuta yosankha. Pamindandanda yokhala ndi zinthu zosakwana 5, mabatani osavuta a wailesi kapena mabokosi ochonga nthawi zambiri amagwira ntchito bwino. Koma ngati ogwiritsa ntchito akufunika kusankha pamndandanda waukulu wa zosankha (mwachitsanzo, 200+ zinthu), combobox + multiselect ndizothandiza chifukwa cha kusefa mwachangu (mwachitsanzo, kusankha dziko).

Mabokosi amndandanda ndi othandiza ngati anthu akufunika kupeza njira zambiri nthawi imodzi, makamaka ngati akufunikanso kusankha zambiri pamndandandawo. Zitha kukhala zothandiza pazosefera zomwe zimagwiritsidwa ntchito pafupipafupi.

Mabokosi a mndandanda wapawiri nthawi zambiri amanyalanyazidwa ndikunyalanyazidwa. Koma zingakhale zothandiza kwambiri pa ntchito zovuta, mwachitsanzo kusankha zambiri, kapena kugawa maudindo, ntchito, maudindo. Ndilo gawo lokhalo la UI lomwe limalola ogwiritsa ntchito kuwunikanso mndandanda wawo wonse wosankhidwa pamodzi ndi mndandanda wamagwero asanachite (wotchedwanso "Transfer list"). M'malo mwake, bokosi la mndandanda wapawiri nthawi zambiri limakhala lachangu, lolondola, komanso lofikirika kuposa kukokera-kugwetsa. Malingaliro Ogwiritsa Ntchito Chofunikira chimodzi chofunikira kukumbukira ndichakuti mitundu yonse ya mndandanda ikufunika kuthandizira kusuntha kwa kiyibodi (monga ↑/↓ makiyi a mivi) kuti muzitha kupezeka. Anthu ena nthawi zonse amadalira kiyibodi kuti asankhe zosankha akangoyamba kulemba.

Kupitilira apo:

Pamindandanda yokhala ndi zosankha 7+, ganizirani kuwonjezera "Sankhani Zonse" ndi "Chotsani Zonse" kuti muthandizire kulumikizana kwa ogwiritsa ntchito. Pamindandanda yayitali yokhala ndi bokosi lophatikizira, wonetsani zosankha zonse kwa ogwiritsa ntchito pakudina / kugogoda, chifukwa mwina sizingawonekere, Chofunika kwambiri, musamawonetse zinthu zomwe sizimalumikizana ngati mabatani kuti mupewe chisokonezo - komanso musamawonetse zinthu ngati zilembo zosasunthika.

Kumaliza: Si Chilichonse Ndi Chotsitsa Mayina ndi ofunika. Mndandanda woyimirira wa zosankha umatchedwa "kugwetsa" - koma nthawi zambiri zimakhala zachilendo kwambiri kuti zikhale zomveka. "Dropdown" ikuwonetsa kuti mndandanda wabisika mwachisawawa. "Multiselect" amatanthauza kusankha kosiyanasiyana (chosankha) pamndandanda. "Combobox" imatanthawuza kulowetsa mawu. Ndipo "Listbox" ndi mndandanda wazinthu zosankhika, zowonekera nthawi zonse. Cholinga sichiyenera kukhala chogwirizana ndi matanthauzo omwe ali pamwambawa chifukwa cha izo. Koma m'malo mogwirizanitsa zolinga - lankhulani chinenero chomwecho posankha, kupanga, kumanga, ndi kugwiritsa ntchito zigawo za UI. Iyenera kugwira ntchitoaliyense - opanga, mainjiniya, ndi ogwiritsa ntchito kumapeto - bola ngati zilembo zokhazikika sizikuwoneka ngati mabatani olumikizana, ndipo mabatani a wailesi sakhala ngati mabokosi. Kumanani ndi "Mapangidwe Opangira Ma AI Interfaces" Kumanani ndi Mapangidwe a Mapangidwe a AI Interfaces, maphunziro atsopano a kanema a Vitaly okhala ndi zitsanzo zenizeni kuchokera kuzinthu zenizeni - ndi maphunziro a UX omwe akuchitika posachedwa. Pitani ku chithunzithunzi chaulere. Kumanani ndi Mapangidwe Apangidwe a AI Interfaces, kanema wa Vitaly pakupanga mawonekedwe & UX.

Kanema + Maphunziro a UX Kanema yekha Kanema + Maphunziro a UX $ 450.00 $ 799.00

Pezani Kanema + UX Training30 maphunziro amakanema (10h) + Live UX Training.100 masiku otsimikizira kubweza ndalama.Makanema okha$ 275.00$ 395.00

Pezani maphunziro a kanema kosi30 (10h). Imasinthidwa chaka chilichonse. Imapezekanso ngati UX Bundle yokhala ndi maphunziro atatu amakanema.

Zothandiza

Kumaliza: Malangizo a UX, wolemba Vitaly Friedman Combobox, yolembedwa ndi eBay 👍 Combobox, ndi Elastic Combobox, ndi Elisa Combobox, ndi MongoDB 👍 Combobox, ndi Visa 👍 Combobox, Wolemba Watson (Docplanner) Combobox, Wikimedia Combobox, ndi Zendesk Multiselect (MongoDB Combobox Design Docs), yolembedwa ndi MongoDB 👍 Multiselect Lookup, ndi Wikimedia Bokosi la Combo Losankha Zambiri, lolemba Vaadin Multiselect, ndi Visa Transfer (Listbox chitsanzo), ndi Ant Design Listbox, wolemba Hopper List Box, ndi Vaadin Listbox, ndi Visa Dual List Selector, yolembedwa ndi Red Hat (PatternFly) Dual Listbox, yolembedwa ndi Salesforce (Lightning Design System) Transfer List, ndi Mantine Dual Listbox, wolemba Dashlite Mabaji vs. Mapiritsi vs. Chips vs. Tags, ndi Vitaly Friedman Listboxes vs. Dropdown Lists, ndi 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