Ko ia ko e hā ‘a e faikehekehe ‘i he vaha‘a ‘o e combobox, fili lahi, puha lisi, mo e dropdown? Lolotonga 'e ngali tatau 'a e ngaahi konga kotoa ko 'eni 'o e UI, 'Oku nau fakahoko ha ngaahi taumu'a kehekehe. ʻOku faʻa ʻalu hifo ʻa e filí ki he lahi ʻo e ngaahi fili ʻoku maʻú mo ʻenau ʻasi maí. Tau vakai ki he’enau kehekehe, ko e hā ‘a e taumu’a ‘oku nau fakahoko, pea mo e founga ke fili ai ‘a e totonu — faka’ehi’ehi mei he ta’efemahino’aki mo e ngaahi ‘amanaki hala ‘i he hala.
ʻOku ʻIkai Tatau ʻa e Ngaahi Sīpinga Lisi Kotoa Pē . Ko e ngaahi konga kotoa pe 'o e UI 'oku faka'ilonga'i 'i 'olunga 'oku 'i ai 'a e me'a 'e taha 'oku nau tatau ai: 'oku nau poupou'i 'a e kau faka'aonga'i’ fetu'utaki mo e ngaahi lisi. Kae kehe, ‘oku ki‘i kehe ‘enau fai iá. Tau vakai ki he takitaha, ‘o takitaha:
Dropdown → lisi ‘oku fufuu’i kae ‘oua kuo fakatupu. Combobox → fa'ahinga ke sivi + fili 'a e 1 fili. Multiselect → fa'ahinga ke sivi + fili 'a e ngaahi fili lahi. Listbox → ngaahi fili lisi kotoa pe 'oku 'asi 'i he default (+ takai). Puha lisi ua → hiki 'a e ngaahi me'a 'i he vaha'a 'o e puha lisi 'e 2.
'I hono fakalea 'e taha, 'Oku fakataha'i 'e he Combobox ha mala'e 'o e input 'o e tohi mo ha lisi 'o e dropdown, koe'uhi ke lava 'e he kau faka'aonga'i 'o lomi'i ke filter mo fili ha fili 'e taha. 'I he Multiselect, 'e lava ke fili 'e he kau faka'aonga'i 'a e ngaahi fili lahi ('oku fa'a fakahaa'i ko e ngaahi fo'i'akau pe ngaahi fo'i 'akau). 'Oku fakahaa'i 'e he ngaahi puha lisi 'a e ngaahi fili lisi kotoa pe 'oku 'asi 'i he default, 'oku fa'a 'i he scrolling. ‘Oku tokoni ia ‘i he taimi ‘oku fiema’u ai ‘e he kau faka’aonga’i ke nau sio vave ki he ngaahi fili kotoa pe ‘oku ma’u. Ko e listbox ua ('oku ui foki ko e lisi 'o e fe'ave'aki) ko ha kehekehe 'o ha listbox 'oku ne faka'ata 'a e kau faka'aonga'i ke nau hiki 'a e ngaahi me'a 'i he vaha'a 'o e ongo listbox (to'ohema ↔ to'omata'u), 'oku angamaheni ki he fili lahi. 'Oua 'aupito na'a ke fufū 'a e ngaahi fili 'oku toutou faka'aonga'i . Hange ko ia kuo 'osi lave ki ai 'i 'olunga, 'Oku makatu'unga 'a e fili 'o e konga totonu 'o e UI 'i he ngaahi me'a 'e 2: ko e ha e lahi 'o e ngaahi fili lisi 'oku ma'u, pea kapau 'oku fie ma'u ke 'asi 'a e ngaahi fili kotoa pe ko 'eni 'i he default. Naʻe lava ke maʻu ʻe he ngaahi lisi kotoa pē ha ngaahi fokotuʻutuʻu ʻakau, nesting, mo e fili fakakulupu, foki.
‘Oku ‘i ai ‘a e tefito’i mo’oni ‘e taha ‘oku ou muimui ki ai ‘i he ngaahi ta’u ki ha fa’ahinga konga UI: ‘oua ‘aupito na’a ke fufū ‘a e ngaahi fili ‘oku toutou ngaue’aki. Kapau 'oku toutou fakafalala 'a e kau faka'aonga'i ki ha fili pau, 'Oku si'isi'i 'aupito 'a e mahu'inga 'o hono fufū ia meiate kinautolu. Te tau lava pe ʻo ʻai ia ke tomuʻa fili, pe (kapau ʻoku ʻi ai pē ha ngaahi fili ʻoku toutou fakaʻaongaʻi ʻe 2–3) fakahaaʻi kinautolu ko ha ngaahi siisi pe ngaahi pātene, pea fakahaaʻi leva ʻa e toenga ʻo e lisí ʻi he fetuʻutakí. ‘I he fakalukufua, Ko ha fakakaukau lelei ke fakahaa’i ma’u pe ‘a e ngaahi fili manakoa — neongo kapau ‘e lava ke ne clutter ‘a e UI. Founga Ke Fili Ai? ʻOku ʻikai fie maʻu ʻe he lisi kotoa pē ha founga fili faingataʻa. Ki he ngaahi lisi ʻoku siʻi hifo ʻi he meʻa ʻe 5, ʻoku faʻa ngāue lelei taha ʻa e ngaahi pātene letiō faingofuá pe ngaahi puha fakaʻilonga. Ka 'o kapau 'oku fie ma'u 'e he kau faka'aonga'i ke fili mei ha lisi lahi 'o e ngaahi fili (e.g., 200+ ngaahi me'a), 'Oku tokoni 'a e combobox + multiselect koe'uhi ko e vave ange 'a e filtering (e.g., fili 'o e fonua).
ʻOku tokoni ʻa e ngaahi puha lisí ʻi he taimi ʻoku fie maʻu ai ʻe he kakaí ke nau maʻu ha ngaahi fili lahi ʻi he taimi pē ʻe taha, tautautefito kapau ʻoku nau fie maʻu ke fili ha ngaahi fili lahi mei he lisi ko iá foki. 'E lava ke nau tokoni ki he ngaahi filita 'oku toutou faka'aonga'i.
'Oku fa'a fakangaloku mo ta'etokanga'i 'a e listbox ua. Ka 'e lava ke tokoni lahi ia ki he ngaahi ngaue faingata'a, e..g fili lahi, pe ko hono vahevahe 'o e ngaahi fatongia, ngaahi ngaue, ngaahi fatongia. Ko e konga UI pe ia ‘oku ne faka’ata ‘a e kau faka’aonga’i ke nau vakai’i ‘enau lisi fili kakato ‘i he tafa’aki-ki-he-taha mo e lisi ‘o e ma’u’anga fakamatala kimu’a pea toki fakahoko (‘oku ui foki ko e “Lisi ‘o e fe’ave’aki”). Ko hono moʻoní, ʻoku faʻa vave ange ʻa e listbox ua, totonu ange, mo faingofua ange ke maʻu ʻi he toho-mo-tuku. Ngaahi Fakakaukau ki he Faka'aonga'i Ko e fakatokanga mahu'inga 'e taha ke tauhi 'i he 'atamai ko e ngaahi fa'ahinga lisi kotoa pe 'oku fie ma'u ke poupou'i 'a e folau 'i he keyboard (e.g., ↑/↓ ngaahi kī 'o e ngahau) ki he accessibility. 'E meimei falala ma'u pe 'a e kakai 'e ni'ihi ki uponthe keyboard ke fili 'a e ngaahi fili 'i he taimi 'oku nau kamata ai ke taipe'i.
ʻI he tafaʻaki ʻe tahá:
Ki he ngaahi lisi 'oku 'i ai 'a e 7+ ngaahi fili, fakakaukau ke tanaki atu 'a e "Fili kotoa" mo e "Ma'a kotoa" functionalities ke fakalelei'i 'a e fetu'utaki 'a e tokotaha faka'aonga'i. Ki he ngaahi lisi loloa mo ha combobox, fakahaa'i 'a e ngaahi fili kotoa pe ki he kau faka'aonga'i 'i he lomi'i/tap, he ka 'ikai mahalo 'e 'ikai 'aupito ke nau sio ki ai, Ko e me’a mahu’inga taha, ‘oua ‘e fakahaa’i ‘a e ngaahi ‘elemeniti ‘oku ‘ikai fetu’utaki ko e ngaahi button ke faka’ehi’ehi mei he puputu’u — pea ‘oua ‘e fakahaa’i ‘a e ngaahi ‘elemeniti fetu’utaki ko e ngaahi faka’ilonga static.
Fakakakato: ʻOku ʻIkai Ko e Meʻa Kotoa Pē ha Dropdown ʻOku mahuʻinga ʻa e ngaahi hingoá. Ko ha lisi tu’u ‘o e ngaahi fili ‘oku angamaheni ‘aki hono fakamatala’i ko ha “dropdown” — ka ‘oku fa’a ‘i ai ha ki’i me’a ‘oku fu’u fakalukufua ke ‘uhingamālie. “Dropdown” 'oku ne fakahaa'i mai 'oku fufuu'i 'a e lisi 'i he default. Ko e “Multiselect” ʻoku ʻuhinga ia ki he fili lahi (puha fakaʻilonga) ʻi loto ʻi ha lisi. Ko e “Combobox” ʻoku ʻuhinga ia ki hono fakahū ʻo e tohí. Pea ko e “Listbox” ko ha lisi pē ia ‘o e ngaahi me‘a ‘oku lava ke fili, ‘oku hā ‘i he taimi kotoa pē. Ko e taumu’a ‘oku ‘ikai ke fe’unga mo e ngaahi faka’uhinga ‘i ‘olunga koe’uhi ko ia. Ka 'oku 'ikai ke fakafe'unga'i 'a e ngaahi taumu'a — lea 'i he lea tatau 'i he taimi 'oku fakapapau'i ai, tisaini, langa, pea toki faka'aonga'i 'a e ngaahi konga ko 'eni 'o e UI. ‘Oku totonu ke ngāue ia ma‘á e .‘a e tokotaha kotoa pē — kau tisaini, kau ‘enisinia, mo e kau ngāue‘aki faka‘osí — ‘o kapau pē ‘oku ‘ikai ke hangē ‘a e ngaahi faka‘ilonga tu‘uma‘ú ha ngaahi pātene fetu‘utaki, pea ‘ikai ke ngāue ‘a e ngaahi pātene letioó ‘o hangē ha ngaahi puha faka‘ilonga. Fetaulaki mo e “Ngaahi Sipinga tisaini ki he AI Interfaces” Fetaulaki mo e ngaahi sipinga 'o e tisaini ki he AI Interfaces, Vitaly 'a e ako vitio fo'ou mo e ngaahi sipinga 'aonga mei he ngaahi koloa 'o e mo'ui mo'oni — mo ha ako UX mo'ui 'oku hoko vave mai. Puna ki ha tomuʻa sio taʻetotongi. Fetaulaki mo e ngaahi founga tisaini ki he AI Interfaces, Vitaly 'a e ako vitio 'i he tisaini 'o e interface & UX.
Vitio + Ako UXVitio peVitio + Ako UX$ 450.00 $ 799.00
Ma'u 'a e Vitio + UX Ako30 ngaahi lesoni vitio (10h) + Ako UX mo'ui.100 'aho pa'anga-fakafoki-fakapapau'i.Vitio pe$ 275.00$ 395.00
Ma'u 'a e ako vitio30 ngaahi lesoni vitio (10h). Fakafo'ou 'i he ta'u.'Oku toe ma'u foki ko ha UX Bundle mo e 3 ngaahi ako vitio.
Ngaahi Maʻuʻanga Tokoni ʻAongá
Fakakakato faka'otometiki: Ngaahi Fakahinohino UX, 'e Vitaly Friedman Ko e puha fakatahataha, ʻe he eBay 👍 Combobox, ʻe ʻElasitiki Ko e puha fakatahataha, ʻe ʻIlisa Ko e puha fakatahataha, 'e he MongoDB 👍 Combobox, 'e he Visa 👍 . Kombobox, ʻe Uatisoni (Tokipalani) Ko e puha fakatahatahaʻi, ʻe he Uikimitia Puha fakatahatahaʻi, ʻe Zendesk Fili lahi (MongoDB Combobox Fakakaukau'i 'o e ngaahi tohi), 'e he MongoDB 👍 Kumi Fili lahi, ʻe he Wikimedia Puha Combo fili lahi, 'e Vaadin . Fili lahi, 'e he Visa . Fe'ave'aki (Sipinga 'o e Listbox), 'e he Ant Design . Puha Lisi, ʻe Hopper Puha Lisi, ʻe Vaadin . Puha Lisi, ʻe he Visa . Fili Lisi ua, 'e he Pulu Kulokula (PatternFly) Puha Lisi 'e ua, 'e he Salesforce (Sisitemi tisaini 'o e 'uhila) Lisi ʻo e Feʻaveʻakí, ʻe Mantine Puha Lisi 'e ua, 'e Dashlite Ngaahi pine mo e ngaahi foʻiʻakau mo e ngaahi siisi mo e ngaahi fakaʻilonga, ʻe Vitaly Friedman Ngaahi puha lisi vs. Ngaahi Lisi ʻoku ʻalu hifo, ʻe ʻAna Kaley (NN/g)
