Ji ber vê yekê ferqa di navbera combobox, pirhilbijartî, listbox, û dakêşanê de çi ye? Digel ku hemî van hêmanên UI dibe ku mîna hev xuya bikin, ew ji armancên cûda re xizmet dikin. Hilbijartin bi gelemperî bi hejmara vebijarkên berdest û xuyabûna wan tê. Ka em bibînin ka ew çawa ji hev cûda dibin, ji kîjan armancê re xizmet dikin, û meriv çawa ya rast hilbijêrin - di rê de ji têgihîştinê û hêviyên xelet dûr bisekinin.
Hemî Nimûneyên Lîsteyê Yek in Hemî hêmanên UI yên ku li jor hatine ronî kirin tam tiştek hevpar hene: ew têkiliyên bikarhêneran bi navnîşan re piştgirî dikin. Lêbelê, ew hinekî cûda dikin. Ka em li her yekê, yek bi yek binihêrin:
Dropdown → navnîş veşartî ye heya ku were destpêkirin. Combobox → fîlterê binivîsin + 1 vebijark hilbijêrin. Pirhilbijartin → ji bo fîltrekirinê binivîsin + gelek vebijarkan hilbijêrin. Lîsteya → hemî vebijarkên navnîşê ji hêla xwerû ve têne xuyang kirin (+ gerok). Qutiya navnîşê ya dualî → tiştan di navbera 2 qutiyên lîsteyê de biguhezînin.
Bi gotinek din, Combobox zeviyek têketina nivîsê bi navnîşek dakêşanê re hev dike, ji ber vê yekê bikarhêner dikarin binivîsin ku fîlter bikin û vebijarkek yekane hilbijêrin. Bi Multiselect re, bikarhêner dikarin gelek vebijarkan hilbijêrin (pir caran wekî heb an çîp têne xuyang kirin). Qutiyên lîsteyê hemî vebijarkên navnîşê ku ji hêla xwerû ve têne xuyang kirin, pir caran bi gerok nîşan didin. Gava ku bikarhêner hewce ne ku tavilê hemî vebijarkên berdest bibînin ew arîkar e. Lîsteya dualî (ku jê re navnîşa veguheztinê jî tê gotin) guhertoyek qutiya navnîşê ye ku destûrê dide bikarhêner ku tiştan di navbera du qutiyên navnîşê de (çep ↔ rast), bi gelemperî ji bo hilbijartina girseyî biguhezînin. Ti carî Vebijarkên ku Pir caran têne bikar anîn veneşêrin Wekî ku li jor behs kir, bijartina pêkhateya UI ya rast bi 2 faktoran ve girêdayî ye: çend vebijarkên navnîşê hene, û gelo ev hemî vebijark hewce ne ku ji hêla xwerû ve bêne xuyang kirin. Hemî navnîşan dikarin strukturên darê, hêlîn, û hilbijartina komê jî hebin.
Prensîbek heye ku ez bi salan ji bo her pêkhatek UI dişopînim: Vebijarkên ku pir caran têne bikar anîn venaşêrin. Ger bikarhêner bi gelemperî xwe bispêrin hilbijartinek taybetî, nirxek pir hindik heye ku wê ji wan veşêre. Em dikarin wê pêş-hilbijartî bikin, an jî (heke tenê 2-3 vebijarkên pir caran têne bikar anîn) wan wekî çîp an bişkok nîşan bidin, û dûv re lîsteyê mayî li ser danûstendinê nîşan bidin. Bi gelemperî, ramanek baş e ku hûn her gav vebijarkên populer nîşan bidin - her çend ew UI-yê tevlihev bike. Çawa Hilbijêre Kîjan? Ne her navnîşek pêdivî ye ku rêbazek hilbijartinê ya tevlihev. Ji bo navnîşên ku ji 5 tiştan kêmtir in, bişkokên radyoyê yên hêsan an qutiyên kontrolê bi gelemperî çêtirîn dixebitin. Lê heke pêdivî ye ku bikarhêner ji navnîşek mezin a vebijarkan hilbijêrin (mînak, 200+ tiştan), ji ber fîlterkirina zûtir (mînak, hilbijartina welat) combobox + pirhilbijartî arîkar in.
Listboxes gava ku hewce dike ku mirov bi yekcarî xwe bigihînin gelek vebijarkan arîkar in, nemaze heke ew hewce ne ku ji wê navnîşê jî gelek vebijarkan hilbijêrin. Ew dikarin ji bo fîlterên ku pir caran têne bikar anîn arîkar bin.
Lîsteya dualî bi gelemperî tê paşguh kirin û paşguh kirin. Lê ew dikare ji bo karên tevlihev, mînakî hilbijartina girseyî, an destnîşankirina rol, peywir, berpirsiyarî pir arîkar be. Ew yekane pêkhateya UI-yê ye ku destûrê dide bikarhêneran ku berî ku tevbigerin navnîşa hilbijarka xwe ya tevahî li kêleka navnîşa çavkaniyê binirxînin (ku jê re "Lîsteya Veguheztinê" jî tê gotin). Di rastiyê de, qutiya lîsteya dualî bi gelemperî ji drag-and-drop zûtir, rasttir û gihîştîtir e. Nîqaşên Bikaranînê Nîşeyek girîng a ku divê ji bîr mekin ev e ku hemî cûreyên navnîşê hewce ne ku ji bo gihîştinê piştgirîya navîgasyona klavyeyê bikin (mînak, bişkokên tîra ↑/↓). Hin kes hema hema her gav pişta xwe didin klavyeyê ku gava dest bi nivîsandinê bikin vebijarkan hilbijêrin.
Ji bilî wê:
Ji bo navnîşên bi 7+ vebijarkan, bifikirin ku fonksiyonên "Hemû Hilbijêre" û "Hemû Paqij" lê zêde bikin da ku pêwendiya bikarhêner xweş bikin. Ji bo navnîşên dirêj ên bi hevokek, hemî vebijarkan li ser klîk / tap ji bikarhêneran re eşkere bikin, ji ber ku wekî din dibe ku ew çu carî neyên dîtin, Ya herî girîng, hêmanên ne-înteraktîf wekî bişkokan nîşan nedin da ku ji tevliheviyê dûr nekevin - û hêmanên înteraktîf wekî etîketên statîk nîşan nedin.
Vekirin: Ne Her tişt Dropdown e Nav girîng in. Navnîşek vebijarkan a vertîkal bi gelemperî wekî "dropdown" tête binav kirin - lê pir caran ew hinekî pir gelemperî ye ku watedar be. "Dropdown" destnîşan dike ku navnîş ji hêla xwerû ve veşartî ye. "Pirhilbijartî" tê wateya pir-hilbijartinê (qutiya kontrolê) di nav navnîşek de. "Combobox" têketina nivîsê tê wateya. Û "Listbox" tenê navnîşek tiştên hilbijartî ye, ku her dem xuya dibe. Armanc ne ew e ku ji bo xatirê wê bi pênaseyên jorîn re hevaheng be. Lê li şûna ku hûn niyetan li hev bikin - dema ku biryar didin, sêwirandin, avakirin û dûv re van hêmanên UI bikar tînin bi heman zimanî biaxivin. Divê ji bo kar bikeher kes - sêwiraner, endezyar, û bikarhênerên dawîn - heya ku etîketên statîk mîna bişkokên înteraktîf nebin, û bişkokên radyoyê wekî qutiyên kontrolê tevnegerin. Bi "Nimûneyên sêwiranê yên ji bo navrûyên AI" re hevdîtin bikin Ji bo Navrûyên AI-ê, qursa vîdyoya nû ya Vitaly bi mînakên pratîkî yên ji hilberên jiyanî - bi perwerdehiyek zindî ya UX re ku di demek nêzîk de çêdibe, bi Nimûneyên Sêwiranê re hevdîtin bikin. Biçe pêşdîtinek belaş. Ji bo Navrûyên AI-ê, qursa vîdyoyê ya Vitaly li ser sêwirana navbeynkar û UX bi Nimûneyên sêwiranê re hevdîtin bikin.
Vîdyo + UX TrainingVideo TenêVîdyo + Perwerdehiya UX$ 450.00 $ 799.00 $
Vîdyo + Perwerdehiya UX30 dersên vîdyoyê bistînin (10h) + Perwerdehiya UX Zindî.100 roj garantiya vegerandina drav. Tenê vîdyoyê 275,00$ 395,00$
Kursa vîdyoyê30 dersên vîdyoyê (10h) bistînin. Her sal tê nûve kirin. Her weha wekî UX Bundle bi 3 qursên vîdyoyê re peyda dibe.
Çavkaniyên Kêrhatî
Xweserî: Rêbernameyên UX, ji hêla Vitaly Friedman ve Combobox, ji hêla eBay 👍 Combobox, ji hêla Elastic Combobox, ji hêla Elisa ve Combobox, ji hêla MongoDB 👍 Combobox, ji hêla Visa 👍 Combobox, ji hêla Watson (Docplanner) Combobox, ji hêla Wikimedia Combobox, ji hêla Zendesk ve Pirhilbijartî (MongoDB Combobox Design Docs), ji hêla MongoDB 👍 Lêgerîna Pirhilbijartî, ji hêla Wikimedia Combo Box Pir-hilbijartî, ji hêla Vaadin ve Multiselect, bi Visa Veguheztin (mînakek Lîstboxê), ji hêla Ant Design ve Listbox, ji hêla Hopper Lîsteya Box, ji hêla Vaadin ve Listbox, ji hêla Visa Hilbijêra Lîsteya Dualî, ji hêla Red Hat (PatternFly) Dual Listbox, ji hêla Salesforce (Pergala Sêwirana Birûskê) Lîsteya Veguheztinê, ji hêla Mantine ve Dual Listbox, ji hêla Dashlite ve Badges vs. Pills vs. Chips vs. Tags, ji hêla Vitaly Friedman ve Listboxes vs.
