Saka ndeupi musiyano uripo pakati pecombobox, multiselect, listbox, uye dropdown? Kunyange zvese izvi zvikamu zveUI zvingaratidzika zvakafanana, zvinoshanda zvakasiyana. Sarudzo inowanzouya kune nhamba yezvisarudzo zviripo uye kuoneka kwavo. Ngationei kuti vanosiyana sei, chinangwa chei chavanoshandira, uye nzira yekusarudza yakanaka - kudzivirira kusanzwisisana uye tarisiro dzisina kunaka munzira.
Haasi ese Mazita Mapeteni Akafanana Zvese zvikamu zveUI zvakasimudzwa pamusoro zvine chinhu chimwe chete chakafanana: vanotsigira kudyidzana kwevashandisi nemazita. Zvisinei, vanozviita zvakasiyana zvishoma. Ngatitarisei pane imwe neimwe, imwe neimwe:
Dropdown → rondedzero yakavanzwa kusvika yatanga. Combobox → nyora kusefa + sarudza imwe sarudzo. Multiselect → nyora kusefa + sarudza akawanda sarudzo. Rondedzero bhokisi → ese rondedzero sarudzo dzinoonekwa nekumisikidza (+ mupumburu). Dual listbox → fambisa zvinhu pakati pe2 listboxes.
Mune mamwe mazwi, Combobox inosanganisa ndima yekuisa mameseji neyekudonhedza rondedzero, saka vashandisi vanogona kutaipa kusefa uye kusarudza imwe sarudzo. NeMultiselect, vashandisi vanogona kusarudza dzakawanda sarudzo (dzinowanzo ratidzwa semapiritsi kana machipisi). Mabhokisi erondedzero anoratidza ese mazita esarudzo anoonekwa nekusarudzika, kazhinji nekupuruzira. Zvinobatsira kana vashandisi vachida kuona sarudzo dzese dziripo nekukasira. Dual listbox (inonziwo transfer list) mutsauko webhokisi rezita rinobvumira vashandisi kufambisa zvinhu pakati pemabhokisi maviri erondedzero (kuruboshwe ↔ kurudyi), kazhinji pakusarudza kwakawanda. Usamboviga Sarudzo Dzinowanzo shandiswa Sezvambotaurwa pamusoro, kusarudzwa kwechikamu cheUI chakakodzera kunoenderana nezvinhu zviviri: ingani sarudzo dzerondedzero dziripo, uye kana zvese izvi sarudzo dzichida kuoneka nekusarudzika. Mazita ese anogona kunge aine zvimiro zvemiti, nesting, uye kusarudzwa kweboka, zvakare.
Pane musimboti mumwe chete wandanga ndichitevera kwemakore kune chero chikamu cheUI: usamboviga sarudzo dzinowanzo shandiswa. Kana vashandisi vachivimba neimwe sarudzo kazhinji, pane kukosha kushoma pakuivanza kubva kwavari. Tinogona kuita kuti ive isati yasarudzwa, kana (kana paine chete 2-3 anowanzo shandiswa sarudzo) varatidze semachipisi kana mabhatani, uye wobva waratidza yasara rondedzero pakudyidzana. Kazhinji, ipfungwa yakanaka kugara uchiratidza sarudzo dzakakurumbira - kunyangwe zvichigona kukanganisa UI. Ungasarudza Sei? Haasi rondedzero yese inoda nzira yakaoma yekusarudza. Pazvinyorwa zvine zvinhu zvisingasviki zvishanu, mabhatani eredhiyo akareruka kana mabhokisi ekutarisa anowanzo shanda zvakanyanya. Asi kana vashandisi vachida kusarudza kubva kune yakakura rondedzero yezvasarudzo (semuenzaniso, 200+ zvinhu), combobox + multiselect inobatsira nekuda kwekukurumidza kusefa (semuenzaniso, kusarudzwa kwenyika).
Mabhokisi ezvinyorwa anobatsira kana vanhu vachida kuwana zvakawanda zvingasarudzwa panguva imwe chete, kunyanya kana vachida kusarudza zvakawanda kubva pane izvo zvinyorwa zvakare. Dzinogona kubatsira kune mafirita anowanzo shandiswa.
Dual listbox inowanzo furatirwa uye kufuratirwa. Asi zvinogona kubatsira zvakanyanya kumabasa akaoma, semuenzaniso kusarudzwa kwehuwandu, kana kugovera mabasa, mabasa, mabasa. Ndiyo yega UI chikamu chinobvumira vashandisi kuti vatarise yavo yakazara sarudzo runyorwa padivi-ne-parutivi neiyo sosi runyorwa vasati vaita (inonziwo "Dhizha runyorwa"). Muchokwadi, bhokisi remapepa maviri rinowanzo kukurumidza, rakanyatsojeka, uye rinowanikwa kupfuura kudhonza- nekudonhedza. Mafungiro Ekushandisa Chinhu chimwe chakakosha chekuchengeta mupfungwa ndechekuti marudzi ese akanyorwa anoda kutsigira kiyibhodhi navigation (semuenzaniso, ↑/↓ makiyi emuseve) kuti ivepo. Vamwe vanhu vanozogara vachivimba nekhibhodi kusarudza sarudzo kana vangotanga kutaipa.
Kupfuura izvozvo:
Kune rondedzero ine 7+ sarudzo, funga kuwedzera "Sarudza Zvese" uye "Bvisa Zvese" mashandiro ekufambisira kudyidzana kwevashandisi. Kune mazita akareba ane combobox, ratidza zvese zvingasarudzwa kune vashandisi pakudzvanya/tepa, sezvisizvo vangasazoonekwa, Chinonyanya kukosha, usaratidze zvisingabatanidzi zvinhu semabhatani kudzivirira kuvhiringika - uye usaratidze zvinhu zvinopindirana semazita akamira.
Kupeta: Kwete Zvese Zviri Kudonhedza Mazita ane basa. Rondedzero yakatwasuka yesarudzo inowanzotsanangurwa se "kudonhedza" - asi kazhinji idiki diki kuti ive nechirevo. "Dropdown" inoratidza kuti rondedzero yakavanzwa nekusarudzika. "Multiselect" inoreva kusarudzwa kwakawanda (checkbox) mukati merondedzero. "Combobox" inoreva kuisa mavara. Uye "Listbox" ingori runyoro rwezvinhu zvinosarudzwa, zvinoonekwa nguva dzese. Chinangwa hachisi chekuenderana netsanangudzo dziri pamusoro nekuda kwayo. Asi pane kurongedza zvinangwa - taura mutauro mumwechete kana uchifunga nezve, kugadzira, kuvaka, uyezve kushandisa izvi zvikamu zveUI. Inofanira kushandamunhu wese - vagadziri, mainjiniya, uye vashandisi vekupedzisira - chero bedzi mavara akamira asingaratidzike semabhatani anodyidzana, uye mabhatani eredhiyo haaite semabhokisi ekutarisa. Sangana ne "Magadzirirwo Magadzirirwo eAI Interfaces" Sangana neDhizaini Mapeteni eAI Interfaces, Vhidhiyo nyowani kosi ine mienzaniso inoshanda kubva kuzvigadzirwa zvehupenyu chaihwo - ine mhenyu UX kudzidziswa kunoitika munguva pfupi. Svetukira kune yemahara preview. Sangana neDhizaini Mapeteni eAI Interfaces, Vhidhiyo kosi yeVitaly pane interface dhizaini & UX.
Vhidhiyo + UX Kudzidzisa Vhidhiyo chete Vhidhiyo + UX Kudzidzisa$ 450.00 $ 799.00
Wana Vhidhiyo + UX Kudzidzira30 zvidzidzo zvevhidhiyo (10h) + Rarama UX Kudzidziswa.100 mazuva ekubhadhara-kudzosa-guarantee.Vhidhiyo chete$ 275.00$ 395.00
Tora vhidhiyo kosi30 vhidhiyo zvidzidzo (10h). Inovandudzwa gore negore.Inowanikwawo seUX Bundle ine makosi matatu evhidhiyo.
Zvishandiso Zvinobatsira
Autocomplete: UX Guidelines, naVitaly Friedman Combobox, ne eBay 👍 Combobox, naElastic Combobox, naElisa Combobox, neMongoDB 👍 Combobox, neVisa 👍 Combobox, naWatson (Docplanner) Combobox, ne Wikimedia Combobox, naZendesk Multiselect (MongoDB Combobox Dhizaini Docs), neMongoDB 👍 Multiselect Lookup, ne Wikimedia Multi-sarudza Combo Bhokisi, naVaadin Multiselect, neVisa Transfer (Listbox muenzaniso), neAnt Design Listbox, naHopper Rondedzero Bhokisi, naVaadin Listbox, neVisa Dual List Selector, neRed Hat (PatternFly) Dual Listbox, neSalesforce (Mheni Dhizaini System) Transfer List, naMantine Dual Listbox, naDashlite Mabheji vs. Mapiritsi vs. Chips vs. Tags, na Vitaly Friedman Listboxes vs. Dropdown Lists, naAnna Kaley (NN/g)
