Kwa hivyo kuna tofauti gani kati ya kisanduku cha kuchana, chaguo nyingi, kisanduku cha orodha, na kunjuzi? Ingawa vipengee hivi vyote vya UI vinaweza kuonekana sawa, vinatumika kwa madhumuni tofauti. Chaguo mara nyingi huja kwa idadi ya chaguzi zinazopatikana na mwonekano wao. Hebu tuone jinsi yanavyotofautiana, kusudi gani wanatumikia, na jinsi ya kuchagua moja sahihi - kuepuka kutoelewana na matarajio mabaya njiani.
Sio Miundo Yote ya Orodha Ni Sawa Vipengele vyote vya UI vilivyoangaziwa hapo juu vina kitu kimoja sawa: vinaauni mwingiliano wa watumiaji na orodha. Walakini, wanafanya hivyo tofauti kidogo. Wacha tuangalie kila moja, moja baada ya nyingine:
Orodha kunjuzi → imefichwa hadi iwashwe. Combobox → andika ili kuchuja + chagua chaguo 1. Multiselect → aina ili kuchuja + chagua chaguo nyingi. Sanduku la orodha → chaguzi zote za orodha zinazoonekana kwa chaguo-msingi (+ tembeza). Sanduku la orodha mbili → sogeza vipengee kati ya visanduku 2 vya orodha.
Kwa maneno mengine, Combobox inachanganya sehemu ya uingizaji maandishi na orodha kunjuzi, ili watumiaji waweze kuandika ili kuchuja na kuchagua chaguo moja. Kwa Multiselect, watumiaji wanaweza kuchagua chaguo nyingi (mara nyingi huonyeshwa kama vidonge au chips). Sanduku za orodha huonyesha chaguo zote za orodha zinazoonekana kwa chaguomsingi, mara nyingi kwa kusogeza. Inasaidia wakati watumiaji wanahitaji kuona chaguo zote zinazopatikana mara moja. Sanduku la orodha mbili (pia huitwa orodha ya uhamishaji) ni tofauti ya kisanduku cha orodha ambacho huruhusu watumiaji kuhamisha vipengee kati ya visanduku viwili vya orodha (kushoto ↔ kulia), kwa kawaida kwa uteuzi wa wingi. Kamwe Usifiche Chaguzi Zinazotumiwa Mara Kwa Mara Kama ilivyoelezwa hapo juu, uchaguzi wa sehemu sahihi ya UI inategemea mambo 2: ni chaguo ngapi za orodha zinapatikana, na ikiwa chaguo hizi zote zinahitajika kuonekana kwa chaguo-msingi. Orodha zote zinaweza kuwa na miundo ya miti, viota, na uteuzi wa kikundi, pia.
Kuna kanuni moja ambayo nimekuwa nikifuata kwa miaka mingi kwa kipengele chochote cha UI: usiwahi kuficha chaguo zinazotumiwa mara kwa mara. Ikiwa watumiaji hutegemea uteuzi fulani mara kwa mara, kuna thamani ndogo sana katika kuificha kutoka kwao. Tunaweza kuifanya iwe imechaguliwa mapema, au (ikiwa kuna chaguo 2-3 pekee zinazotumiwa mara kwa mara) kuzionyesha kama chips au vitufe, na kisha kuonyesha orodha iliyosalia kwenye mwingiliano. Kwa ujumla, ni wazo nzuri kuonyesha chaguo maarufu kila wakati - hata kama inaweza kusumbua UI. Jinsi ya kuchagua ipi? Si kila orodha inahitaji mbinu changamano ya uteuzi. Kwa orodha zilizo na chini ya vipengee 5, vitufe rahisi vya redio au visanduku vya kuteua kwa kawaida hufanya kazi vyema zaidi. Lakini ikiwa watumiaji wanahitaji kuchagua kutoka kwa orodha kubwa ya chaguo (kwa mfano, vipengee 200+), combobox + multiselect husaidia kwa sababu ya uchujaji wa haraka (kwa mfano, uteuzi wa nchi).
Sanduku za orodha husaidia wakati watu wanahitaji kufikia chaguo nyingi kwa wakati mmoja, hasa ikiwa wanahitaji kuchagua chaguo nyingi kutoka kwenye orodha hiyo pia. Wanaweza kusaidia kwa vichungi vinavyotumiwa mara kwa mara.
Sanduku la orodha mbili mara nyingi hupuuzwa na kupuuzwa. Lakini inaweza kusaidia sana kwa kazi ngumu, k.m. uteuzi wa wingi, au kugawa majukumu, kazi, majukumu. Ndicho kipengee pekee cha UI kinachoruhusu watumiaji kukagua orodha yao kamili ya uteuzi kando kando na orodha ya chanzo kabla ya kuwasilisha (pia huitwa "Orodha ya Uhamisho"). Kwa kweli, kisanduku cha orodha mbili mara nyingi huwa haraka, sahihi zaidi, na kinapatikana zaidi kuliko kuburuta na kudondosha. Mazingatio ya Usability Dokezo moja muhimu kukumbuka ni kwamba aina zote za orodha zinahitaji kuauni urambazaji wa kibodi (k.m., ↑/↓ vitufe vya vishale) kwa ufikivu. Baadhi ya watu karibu kila mara watategemea kibodi kuchagua chaguo mara wanapoanza kuchapa.
Zaidi ya hapo:
Kwa orodha zilizo na chaguo 7+, zingatia kuongeza vipengele vya "Chagua Zote" na "Futa Zote" ili kurahisisha mwingiliano wa watumiaji. Kwa orodha ndefu zilizo na kisanduku cha kuchana, onyesha chaguo zote kwa watumiaji kwenye kubofya/gonga, kwani vinginevyo haziwezi kuonekana kamwe, Muhimu zaidi, usionyeshe vipengee visivyoingiliana kama vitufe ili kuepuka mkanganyiko - na usionyeshe vipengele wasilianifu kama lebo tuli.
Kuhitimisha: Sio Kila Kitu Ni Kushuka Majina ni muhimu. Orodha ya chaguo wima kwa kawaida hufafanuliwa kama "kunjuzi" - lakini mara nyingi ni ya kawaida sana kuwa na maana. Vidokezo vya "Kunjuzi" kuwa orodha imefichwa kwa chaguo-msingi. "Chaguo nyingi" inamaanisha uteuzi mwingi (kisanduku cha kuteua) ndani ya orodha. "Combobox" inamaanisha uingizaji wa maandishi. Na "Listbox" ni orodha tu ya vitu vinavyoweza kuchaguliwa, vinavyoonekana kila wakati. Lengo sio kuwa sawa na ufafanuzi hapo juu kwa ajili yake. Lakini badala ya kupatanisha nia - zungumza lugha sawa wakati wa kuamua, kubuni, kujenga, na kisha kutumia vipengele hivi vya UI. Inapaswa kufanya kazi kwakila mtu - wabunifu, wahandisi na watumiaji wa hatima - mradi tu lebo zisizoonekana kama vitufe vya kuingiliana, na vitufe vya redio havifanyi kazi kama visanduku vya kuteua. Kutana na "Miundo ya Kubuni kwa Miingiliano ya AI" Kutana na Miundo ya Usanifu kwa Violesura vya AI, kozi mpya ya video ya Vitaly yenye mifano ya vitendo kutoka kwa bidhaa halisi - huku mafunzo ya UX yanafanyika hivi karibuni. Rukia onyesho la kukagua bila malipo. Kutana na Miundo ya Usanifu kwa Violesura vya AI, kozi ya video ya Vitaly kuhusu muundo wa kiolesura na UX.
Video + Mafunzo ya UXVideo pekeeVideo + Mafunzo ya UX$ 450.00 $ 799.00
Pata Video + Mafunzo ya UX30 ya video (saa 10) + Mafunzo ya UX Moja kwa Moja. Dhamana ya kurejesha pesa kwa siku 100. Video pekee$ 275.00$ 395.00
Pata kozi ya video masomo 30 ya video (saa 10). Inasasishwa kila mwaka. Pia inapatikana kama UX Bundle yenye kozi 3 za video.
Rasilimali Muhimu
Kamilisha kiotomatiki: Miongozo ya UX, na Vitaly Friedman Combobox, na eBay 👍 Combobox, na Elastic Combobox, na Elisa Combobox, na MongoDB 👍 Combobox, kwa Visa 👍 Combobox, na Watson (Docplanner) Combobox, na Wikimedia Combobox, na Zendesk Chaguo nyingi (Hati za Usanifu wa kisanduku cha MongoDB), na MongoDB 👍 Tafuta Multiselect, na Wikimedia Sanduku la Combo la kuchagua anuwai, na Vaadin Multiselect, kwa Visa Uhamisho (mfano wa kisanduku cha orodha), na muundo wa Ant Orodha ya sanduku, na Hopper Sanduku la Orodha, na Vaadin Sanduku la orodha, kwa Visa Kiteuzi cha Orodha Mbili, na Red Hat (PatternFly) Sanduku la Orodha mbili, na Salesforce (Mfumo wa Usanifu wa Umeme) Orodha ya Uhamisho, na Mantine Sanduku la Orodha mbili, na Dashlite Beji dhidi ya Vidonge dhidi ya Chips dhidi ya Lebo, na Vitaly Friedman Sanduku za Orodha dhidi ya Orodha Kunjuzi, na Anna Kaley (NN/g)