Ka inona no maha samy hafa ny combobox, multiselect, listbox ary dropdown? Na dia mitovitovy aza ireo singa UI rehetra ireo, dia samy hafa ny tanjona. Ny safidy matetika dia miankina amin'ny isan'ny safidy misy sy ny fahitana azy. Andeha hojerentsika ny maha-samihafa azy ireo, inona no tanjona tompoiny, ary ny fomba hifidianana ny tsara — hisorohana ny tsy fifankahazoana sy ny fanantenana diso eny an-dalana.

Tsy mitovy daholo ny lamin'ny lisitra Ny singa UI rehetra nasongadina etsy ambony dia manana zavatra mitovy: manohana ny fifandraisan'ny mpampiasa amin'ny lisitra izy ireo. Hafa ihany anefa no ataon’izy ireo. Andeha hojerentsika tsirairay, tsirairay:

Miafina → lisitra dia nafenina mandra-pahatonga azy. Combobox → type to filter + safidio safidy 1. Multiselect → type to sivana + mifantina safidy maro. Listbox → lisitry ny safidy rehetra hita amin'ny alàlan'ny default (+ scroll). Boaty lisitra roa → mamindra entana eo anelanelan'ny boaty lisitra 2.

Raha lazaina amin'ny teny hafa, ny Combobox dia manambatra sehatra fampidirana lahatsoratra miaraka amin'ny lisitra midina, mba hahafahan'ny mpampiasa mitendry hanivana sy misafidy safidy tokana. Miaraka amin'ny Multiselect, ny mpampiasa dia afaka misafidy safidy maro (matetika aseho amin'ny maha-pills na chips). Ny boaty lisitra dia mampiseho ny safidy lisitra rehetra hita amin'ny alàlan'ny default, matetika miaraka amin'ny horonana. Manampy izany rehefa mila mahita avy hatrany ny safidy rehetra misy ny mpampiasa. Ny boaty lisitra roa (antsoina koa hoe lisitry ny famindrana) dia fiovaovan'ny boaty lisitra ahafahan'ny mpampiasa mamindra entana eo anelanelan'ny boaty lisitra roa (ankavia ↔ havanana), matetika ho an'ny fifantenana betsaka. Aza afenina na oviana na oviana ny safidy ampiasaina matetika Araka ny voalaza etsy ambony, ny safidy ny singa UI mety dia miankina amin'ny lafin-javatra 2: firy ny lisitry ny safidy azo, ary raha ireo safidy rehetra ireo dia mila ho hita amin'ny alàlan'ny default. Ny lisitra rehetra dia mety manana firafitry ny hazo, akany ary fifantenana vondrona ihany koa.

Misy fitsipika iray izay narahiko nandritra ny taona maro ho an'ny singa UI rehetra: aza manafina ny safidy ampiasaina matetika. Raha miantehitra matetika amin'ny safidy iray manokana ny mpampiasa, dia tsy dia misy vidiny loatra ny manafina izany amin'izy ireo. Azontsika atao ny misafidy mialoha, na (raha misy safidy 2-3 ampiasaina matetika) dia asehoy azy ireo ho toy ny puce na bokotra, ary avy eo dia asehoy ny lisitra sisa amin'ny fifandraisana. Amin'ny ankapobeny, hevitra tsara ny mampiseho safidy malaza foana - na dia mety hanakorontana ny UI aza izany. Ahoana ny fisafidianana izay? Tsy ny lisitra rehetra dia mila fomba fisafidianana sarotra. Ho an'ny lisitra misy singa latsaky ny 5, ny bokotra radio tsotra na ny boaty fisaka dia matetika miasa tsara indrindra. Fa raha mila misafidy amin'ny lisitry ny safidy maro ny mpampiasa (oh : singa 200+), dia manampy ny combobox + multiselect noho ny fanivanana haingana kokoa (oh : fifantenana firenena).

Ny boaty lisitra dia manampy rehefa mila miditra safidy maro indray mandeha ny olona, ​​indrindra raha mila misafidy safidy maro amin'io lisitra io koa izy ireo. Mety hanampy amin'ny sivana ampiasaina matetika izy ireo.

Matetika no atao tsinontsinona sy atao tsinontsinona ny boaty lisitra roa. Saingy mety tena manampy amin'ny asa sarotra, ohatra, ny fifantenana betsaka, na ny fanomezana andraikitra, asa, andraikitra. Io no hany singa UI ahafahan'ny mpampiasa mijery ny lisitry ny safidy feno miaraka amin'ny lisitry ny loharano alohan'ny hanaovana (antsoina koa hoe "Lisitra famindrana"). Raha ny marina, ny boaty lisitra roa dia matetika haingana kokoa, marina kokoa ary azo idirana kokoa noho ny drag-and-drop. Hevitra azo ampiasaina Fanamarihana manan-danja iray tokony hotadidina dia ny karazana lisitra rehetra dia mila manohana ny fitetezana kitendry (oh : ↑/↓ zana-tsipìka) mba hidirana. Ny olona sasany dia saika miantehitra amin'ny klavier hisafidianana safidy rehefa manomboka manoratra.

Ankoatra izany:

Ho an'ny lisitra misy safidy 7+ dia diniho ny manampy ny "Select All" sy ny "Clear All" mba hanamafisana ny fifandraisan'ny mpampiasa. Ho an'ny lisitra lava miaraka amin'ny combobox, asehoy amin'ny mpampiasa ny safidy rehetra amin'ny click/tap, fa raha tsy izany dia tsy ho hita mihitsy izy ireo, Ny tena zava-dehibe dia aza aseho ho bokotra ny singa tsy mifampiresaka mba hisorohana ny fisafotofotoana - ary aza aseho ho toy ny etikety static ny singa mifampiresaka.

Famaranana: Tsy ny zava-drehetra dia fidina Zava-dehibe ny anarana. Ny lisitra mitsangana amin'ny safidy dia matetika lazaina ho "midina" - fa matetika dia somary mahazatra loatra izany raha tsy misy dikany. Ny "Dropdown" dia manondro fa ny lisitra dia miafina amin'ny alàlan'ny default. Ny "Multiselect" dia midika fafantenana maro (boasary) ao anaty lisitra. Ny "Combobox" dia midika fampidirana lahatsoratra. Ary ny "Listbox" dia lisitry ny singa azo alaina, hita amin'ny fotoana rehetra. Ny tanjona dia ny tsy hifanaraka amin'ny famaritana etsy ambony noho izany. Fa kosa mba hampifanaraka ny fikasana — mitenena fiteny iray ihany rehefa manapa-kevitra, mamolavola, manorina ary mampiasa ireo singa UI ireo. Tokony hiasa ho an'nyny olon-drehetra — mpamorona, injeniera, ary mpampiasa farany — raha toa ka tsy mitovy amin'ny bokotra mifampiresaka ny etikety static, ary tsy mihetsika toy ny boaty fisavana ny bokotra radio. Hihaona amin'ny "modely famolavolana ho an'ny fifandraisana AI" Hihaona amin'ny endrika famolavolana ho an'ny fifandraisana AI, taranja vidéo vaovaon'i Vitaly misy ohatra azo ampiharina avy amin'ny vokatra tena misy — miaraka amin'ny fiofanana UX mivantana hitranga tsy ho ela. Mankanesa any amin'ny fijerena maimaim-poana. Hihaona amin'ny endrika famolavolana ho an'ny AI Interfaces, lahatsoratr'i Vitaly momba ny famolavolana interface & UX.

Horonan-tsary + Fampiofanana UXVideo ireryVideo + Fanofanana UX$ 450.00 $ 799.00

Mahazoa Video + UX Training30 video lesona (10h) + Live UX Training.100 andro antoka-vola-bola.Video ihany $ 275.00$ 395.00

Raiso ny fampianarana video30 video lesona (10h). Nohavaozina isan-taona. Azo alaina ihany koa amin'ny UX Bundle misy fampianarana video 3.

Loharano mahasoa

Autocomplete: Torolàlana UX, nataon'i Vitaly Friedman Combobox, avy amin'ny eBay 👍 Combobox, avy amin'ny Elastic Combobox, nataon'i Elisa Combobox, nataon'i MongoDB 👍 Combobox, by Visa 👍 Combobox, nataon'i Watson (Docplanner) Combobox, avy amin'i Wikimedia Combobox, nataon'i Zendesk Multiselect (MongoDB Combobox Design Docs), nataon'i MongoDB 👍 Multiselect Lookup, avy amin'i Wikimedia Boaty Combo maromaro voafantina, nataon'i Vaadin Multiselect, amin'ny Visa Famindrana (ohatra Listbox), nataon'i Ant Design Listbox, nataon'i Hopper List Box, nataon'i Vaadin Listbox, avy amin'ny Visa Mpifidy lisitra roa, nataon'i Red Hat (PatternFly) Dual Listbox, avy amin'ny Salesforce (Rafitra famolavolana tselatra) Lisitry ny famindrana, nataon'i Mantine Dual Listbox, nataon'i Dashlite Badges vs. Pills vs. Chips vs. Tags, nataon'i Vitaly Friedman Listboxes vs. Dropdown Lists, nataon'i 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