Nitorinaa kini iyatọ laarin combobox, multiselect, listbox, ati dropdown? Lakoko ti gbogbo awọn paati UI wọnyi le han iru, wọn ṣe iranṣẹ awọn idi oriṣiriṣi. Yiyan nigbagbogbo wa si isalẹ lati nọmba awọn aṣayan ti o wa ati hihan wọn. Jẹ́ ká wo bí wọ́n ṣe yàtọ̀ síra, ète wo ni wọ́n ń sìn, àti bí wọ́n ṣe lè yan èyí tó tọ́— yíyẹra fún àwọn èdèkòyédè àti àwọn ìfojúsọ́nà tí kò tọ́ lójú ọ̀nà.
Kii ṣe Gbogbo Awọn Ilana Akojọ Jẹ Kanna Gbogbo awọn paati UI ti o ṣe afihan loke ni ohun kan pato ni wọpọ: wọn ṣe atilẹyin awọn ibaraenisepo awọn olumulo pẹlu awọn atokọ. Sibẹsibẹ, wọn ṣe bẹ ni iyatọ diẹ. Jẹ ki a wo ọkọọkan, ni ọkọọkan:
Sisọ silẹ → atokọ ti wa ni pamọ titi ti o fi jẹ. Combobox → Iru lati ṣe àlẹmọ + yan aṣayan 1. Multiselect → Iru lati ṣe àlẹmọ + yan ọpọlọpọ awọn aṣayan. Apoti atokọ → gbogbo awọn aṣayan atokọ han nipasẹ aiyipada (+ yi lọ). Apoti atokọ meji → gbe awọn ohun kan laarin awọn apoti atokọ 2.
Ni awọn ọrọ miiran, Combobox darapọ aaye titẹ ọrọ pẹlu atokọ sisọ silẹ, nitorinaa awọn olumulo le tẹ lati ṣe àlẹmọ ati yan aṣayan kan. Pẹlu Multiselect, awọn olumulo le yan ọpọlọpọ awọn aṣayan (nigbagbogbo han bi awọn oogun tabi awọn eerun igi). Awọn apoti atokọ ṣe afihan gbogbo awọn aṣayan atokọ ti o han nipasẹ aiyipada, nigbagbogbo pẹlu yi lọ. O ṣe iranlọwọ nigbati awọn olumulo nilo lati rii gbogbo awọn yiyan ti o wa lẹsẹkẹsẹ. Apoti atokọ meji (ti a tun pe ni atokọ gbigbe) jẹ iyatọ ti apoti atokọ ti o gba awọn olumulo laaye lati gbe awọn ohun kan laarin awọn apoti atokọ meji (osi ↔ ọtun), ni deede fun yiyan pupọ. Maṣe Tọju Awọn aṣayan Nigbagbogbo Gẹgẹbi a ti sọ loke, yiyan paati UI ti o tọ da lori awọn ifosiwewe 2: melo ni awọn aṣayan atokọ wa, ati ti gbogbo awọn aṣayan wọnyi ba nilo lati han nipasẹ aiyipada. Gbogbo awọn atokọ le ni awọn ẹya igi, itẹ-ẹiyẹ, ati yiyan ẹgbẹ, paapaa.
Ilana kan wa ti Mo ti n tẹle fun awọn ọdun fun eyikeyi paati UI: maṣe tọju awọn aṣayan lilo nigbagbogbo. Ti awọn olumulo ba gbẹkẹle yiyan pato nigbagbogbo, iye diẹ wa ni fifipamo si wọn. A le jẹ ki o ti yan tẹlẹ, tabi (ti o ba jẹ awọn aṣayan 2-3 nigbagbogbo ti a lo nigbagbogbo) ṣafihan wọn bi awọn eerun igi tabi awọn bọtini, ati lẹhinna ṣafihan atokọ iyokù lori ibaraenisepo. Ni gbogbogbo, o jẹ imọran ti o dara lati ṣafihan awọn aṣayan olokiki nigbagbogbo - paapaa ti o ba le di UI naa. Bawo ni Lati Yan Ewo? Kii ṣe gbogbo atokọ nilo ọna yiyan eka kan. Fun awọn atokọ pẹlu awọn ohun ti o kere ju 5, awọn bọtini redio ti o rọrun tabi awọn apoti ayẹwo nigbagbogbo ṣiṣẹ dara julọ. Ṣugbọn ti awọn olumulo ba nilo lati yan lati atokọ nla ti awọn aṣayan (fun apẹẹrẹ, awọn nkan 200+), combobox + multiselect jẹ iranlọwọ nitori sisẹ yiyara (fun apẹẹrẹ, yiyan orilẹ-ede).
Awọn apoti atokọ jẹ iranlọwọ nigbati eniyan nilo lati wọle si ọpọlọpọ awọn aṣayan ni ẹẹkan, paapaa ti wọn ba nilo lati yan ọpọlọpọ awọn aṣayan lati atokọ yẹn daradara. Wọn le ṣe iranlọwọ fun awọn asẹ ti a lo nigbagbogbo.
Apoti atokọ meji ni igbagbogbo aṣemáṣe ati aibikita. Ṣugbọn o le ṣe iranlọwọ pupọ fun awọn iṣẹ ṣiṣe ti o nipọn, fun apẹẹrẹ yiyan olopobobo, tabi yiyan awọn ipa, awọn iṣẹ ṣiṣe, awọn ojuse. O jẹ paati UI nikan ti o fun laaye awọn olumulo lati ṣe atunyẹwo atokọ yiyan kikun wọn ni ẹgbẹ-ẹgbẹ pẹlu atokọ orisun ṣaaju ṣiṣe (tun pe “Akojọ Gbigbe”). Ni otitọ, apoti atokọ meji nigbagbogbo yiyara, deede diẹ sii, ati wiwọle diẹ sii ju fifa-ati-ju. Awọn imọran Lilo Akọsilẹ pataki kan lati tọju si ni pe gbogbo awọn oriṣi atokọ nilo lati ṣe atilẹyin lilọ kiri keyboard (fun apẹẹrẹ, ↑/↓ awọn bọtini itọka) fun iraye si. Diẹ ninu awọn eniyan yoo fẹrẹ gbẹkẹle nigbagbogbo lori keyboard lati yan awọn aṣayan ni kete ti wọn ba bẹrẹ titẹ.
Yato si eyi:
Fun awọn atokọ pẹlu awọn aṣayan 7+, ronu fifi “Yan Gbogbo” ati awọn iṣẹ ṣiṣe “Pa Gbogbo rẹ kuro” lati mu ibaraenisepo olumulo ṣiṣẹ. Fun awọn atokọ gigun pẹlu apoti akojọpọ, fi gbogbo awọn aṣayan han si awọn olumulo lori tẹ/tẹ ni kia kia, bibẹẹkọ wọn ko le rii rara, Pataki julọ, maṣe ṣe afihan awọn eroja ti kii ṣe ibaraenisepo bi awọn bọtini lati yago fun idamu — ati ma ṣe ṣafihan awọn eroja ibaraenisepo bi awọn aami aimi.
Ipari: Kii ṣe Ohun gbogbo Jẹ Isọ silẹ Awọn orukọ pataki. Atokọ awọn aṣayan inaro ni igbagbogbo ṣe apejuwe bi “silẹ silẹ” - ṣugbọn nigbagbogbo o jẹ jeneriki pupọ lati ni itumọ. "Dropdown" tanilolobo pe akojọ ti wa ni pamọ nipasẹ aiyipada. "Multiselect" tumọ si aṣayan pupọ (apoti) laarin atokọ kan. "Combobox" tumọ si titẹ ọrọ sii. Ati “Apoti Akojọ” jẹ atokọ kan ti awọn nkan ti o yan, ti o han ni gbogbo igba. Ibi-afẹde naa kii ṣe lati wa ni ibamu pẹlu awọn asọye loke fun nitori rẹ. Ṣugbọn dipo lati ṣe deede awọn ero — sọ ede kanna nigbati o ba pinnu lori, ṣe apẹrẹ, kikọ, ati lẹhinna lilo awọn paati UI wọnyi. O yẹ ki o ṣiṣẹ fungbogbo eniyan - awọn apẹẹrẹ, awọn onimọ-ẹrọ, ati awọn olumulo ipari - niwọn igba ti awọn aami aimi ko dabi awọn bọtini ibaraenisepo, ati awọn bọtini redio ko ṣe bi awọn apoti ayẹwo. Pade “Awọn awoṣe Apẹrẹ Fun Awọn atọkun AI” Pade Awọn awoṣe Apẹrẹ Fun Awọn atọkun AI, iṣẹ-ẹkọ fidio tuntun ti Vitaly pẹlu awọn apẹẹrẹ iṣe lati awọn ọja igbesi aye gidi - pẹlu ikẹkọ UX laaye n ṣẹlẹ laipẹ. Lọ si awotẹlẹ ọfẹ. Pade Awọn awoṣe Apẹrẹ Fun Awọn atọkun AI, Ẹkọ fidio Vitaly lori apẹrẹ wiwo & UX.
Fidio + Ikẹkọ UX Fidio nikan + Ikẹkọ UX$ 450.00 $ 799.00
Gba Fidio + UX Training30 awọn ẹkọ fidio (10h) + Ikẹkọ UX Live. 100 ọjọ owo-pada-ẹri owo.Fidio nikan $ 275.00$ 395.00
Gba awọn fidio course30 fidio eko (10h). Ṣe imudojuiwọn ni ọdọọdun.Bakannaa wa bi Lapapo UX pẹlu awọn iṣẹ ikẹkọ fidio 3.
Wulo Resources
Laifọwọyi: Awọn Itọsọna UX, nipasẹ Vitaly Friedman Combobox, nipasẹ eBay 👍 Combobox, nipasẹ Rirọ Combobox, nipasẹ Elisa Combobox, nipasẹ MongoDB 👍 Combobox, nipasẹ Visa 👍 Combobox, nipasẹ Watson (Docplanner) Combobox, nipasẹ Wikimedia Combobox, nipasẹ Zendesk Multiselect (MongoDB Combobox Design Docs), nipasẹ MongoDB 👍 Ṣiṣawari pupọ, nipasẹ Wikimedia Olona-yan Konbo Box, nipa Vaadin Multiselect, nipasẹ Visa Gbigbe (Apeere Akojọ apoti), nipasẹ Ant Design Akojọ apoti, nipasẹ Hopper Apoti Akojọ, nipasẹ Vaadin Akojọ apoti, nipasẹ Visa Aṣayan Akojọ Meji, nipasẹ Red Hat (PatternFly) Apoti Akojọ Meji, nipasẹ Salesforce (Eto Apẹrẹ Imọlẹ) Akojọ Gbigbe, nipasẹ Mantine Apoti Akojọ Meji, nipasẹ Dashlite Baajii la ìşọmọbí la Chips vs Tags, nipa Vitaly Friedman Awọn apoti atokọ vs. Awọn atokọ sisọ silẹ, nipasẹ Anna Kaley (NN/g)
