Felly beth yw'r gwahaniaeth rhwng blwch combo, aml-ddethol, blwch rhestr, a gwymplen? Er y gallai'r holl gydrannau UI hyn ymddangos yn debyg, maent yn cyflawni gwahanol ddibenion. Mae'r dewis yn aml yn dibynnu ar nifer yr opsiynau sydd ar gael a'u gwelededd. Gawn ni weld sut maen nhw'n wahanol, pa ddiben maen nhw'n ei wasanaethu, a sut i ddewis yr un iawn - gan osgoi camddealltwriaeth a disgwyliadau anghywir ar hyd y ffordd.
Nid yw Pob Patrwm Rhestr Yr un peth Mae gan yr holl gydrannau UI a amlygwyd uchod un peth yn union yn gyffredin: maent yn cefnogi rhyngweithio defnyddwyr â rhestrau. Fodd bynnag, maent yn gwneud hynny ychydig yn wahanol. Gadewch i ni edrych ar bob un, fesul un:
Mae'r gwymplen → rhestr wedi'i chuddio nes iddi gael ei sbarduno. Combobox → teipiwch i hidlo + dewiswch 1 opsiwn. Aml-ddewis → teipiwch i hidlo + dewiswch lawer o opsiynau. Listbox → holl opsiynau rhestr yn weladwy yn ddiofyn (+ sgrolio). Blwch rhestr deuol → symudwch eitemau rhwng 2 flwch rhestr.
Mewn geiriau eraill, mae Combobox yn cyfuno maes mewnbwn testun gyda rhestr gwympo, fel y gall defnyddwyr deipio i hidlo a dewis un opsiwn. Gyda Multiselect, gall defnyddwyr ddewis llawer o opsiynau (yn aml yn cael eu harddangos fel tabledi neu sglodion). Mae blychau rhestr yn dangos yr holl opsiynau rhestr sy'n weladwy yn ddiofyn, yn aml gyda sgrolio. Mae'n ddefnyddiol pan fydd angen i ddefnyddwyr weld yr holl ddewisiadau sydd ar gael ar unwaith. Mae blwch rhestr ddeuol (a elwir hefyd yn rhestr drosglwyddo) yn amrywiad o flwch rhestr sy'n caniatáu i ddefnyddwyr symud eitemau rhwng dau flwch rhestr (chwith ↔ dde), fel arfer ar gyfer dewis swmp. Peidiwch byth â Chuddio Opsiynau a Ddefnyddir yn Aml Fel y soniwyd uchod, mae dewis yr elfen UI gywir yn dibynnu ar 2 ffactor: faint o opsiynau rhestr sydd ar gael, ac a oes angen i'r holl opsiynau hyn fod yn weladwy yn ddiofyn. Gallai fod gan bob rhestr strwythurau coed, nythu, a dewis grŵp hefyd.
Mae yna un egwyddor rydw i wedi bod yn ei dilyn ers blynyddoedd ar gyfer unrhyw gydran UI: peidiwch byth â chuddio opsiynau a ddefnyddir yn aml. Os yw defnyddwyr yn dibynnu ar ddetholiad penodol yn aml, ychydig iawn o werth sydd i'w guddio oddi wrthynt. Gallem naill ai ei wneud wedi'i ddewis ymlaen llaw, neu (os mai dim ond 2-3 opsiwn a ddefnyddir yn aml) eu dangos fel sglodion neu fotymau, ac yna dangos gweddill y rhestr ar ryngweithio. Yn gyffredinol, mae'n syniad da arddangos opsiynau poblogaidd bob amser - hyd yn oed os gallai annibendod y UI. Sut i Ddewis Pa un? Nid oes angen dull dethol cymhleth ar bob rhestr. Ar gyfer rhestrau gyda llai na 5 eitem, botymau radio syml neu focsys ticio sy'n gweithio orau fel arfer. Ond os oes angen i ddefnyddwyr ddewis o restr fawr o opsiynau (e.e., 200+ o eitemau), mae combobox + multiselect yn ddefnyddiol oherwydd y hidlo cyflymach (e.e., dewis gwlad).
Mae blychau rhestr yn ddefnyddiol pan fydd angen i bobl gael mynediad at lawer o opsiynau ar unwaith, yn enwedig os oes angen iddynt ddewis llawer o opsiynau o'r rhestr honno hefyd. Gallent fod yn ddefnyddiol ar gyfer hidlwyr a ddefnyddir yn aml.
Mae blwch rhestr ddeuol yn aml yn cael ei anwybyddu a'i anwybyddu. Ond gall fod yn ddefnyddiol iawn ar gyfer tasgau cymhleth, e.e. dewis swmp, neu aseinio rolau, tasgau, cyfrifoldebau. Dyma'r unig gydran UI sy'n caniatáu i ddefnyddwyr adolygu eu rhestr ddethol lawn ochr yn ochr â'r rhestr ffynonellau cyn ymrwymo (a elwir hefyd yn “Rhestr Trosglwyddo”). Mewn gwirionedd, mae blwch rhestr ddeuol yn aml yn gyflymach, yn fwy cywir, ac yn fwy hygyrch na llusgo a gollwng. Ystyriaethau Defnyddioldeb Un nodyn pwysig i'w gadw mewn cof yw bod angen i bob math o restr gefnogi llywio bysellfwrdd (e.e., bysellau saeth ↑/↓) ar gyfer hygyrchedd. Bydd rhai pobl bron bob amser yn dibynnu ar y bysellfwrdd i ddewis opsiynau ar ôl iddynt ddechrau teipio.
Y tu hwnt i hynny:
Ar gyfer rhestrau gyda 7+ opsiwn, ystyriwch ychwanegu swyddogaethau “Dewis Pawb” a “Clirio Pawb” i symleiddio rhyngweithio defnyddwyr. Ar gyfer rhestrau hir gyda blwch combo, datgelwch yr holl opsiynau i ddefnyddwyr trwy glicio / tap, oherwydd efallai na fyddant byth yn cael eu gweld, fel arall, Yn bwysicaf oll, peidiwch ag arddangos elfennau nad ydynt yn rhyngweithiol fel botymau i osgoi dryswch - a pheidiwch ag arddangos elfennau rhyngweithiol fel labeli statig.
Lapio: Nid yw Popeth yn Dropdown Mae enwau o bwys. Yn nodweddiadol, disgrifir rhestr fertigol o opsiynau fel “cwymp i lawr” - ond yn aml mae ychydig yn rhy generig i fod yn ystyrlon. Mae “Cwymp i Lawr” yn awgrymu bod y rhestr wedi'i chuddio yn ddiofyn. Mae “Multiselect” yn awgrymu aml-ddewis (blwch ticio) o fewn rhestr. Mae “Combobox” yn awgrymu mewnbwn testun. Ac yn syml, rhestr o eitemau y gellir eu dewis yw “Listbox”, sy'n weladwy bob amser. Nid y nod yw bod yn gyson â'r diffiniadau uchod er ei fwyn. Ond yn hytrach i alinio bwriadau - siaradwch yr un iaith wrth benderfynu ar, dylunio, adeiladu, ac yna defnyddio'r cydrannau UI hyn. Dylai weithio ipawb - dylunwyr, peirianwyr, a defnyddwyr terfynol - cyn belled nad yw labeli statig yn edrych fel botymau rhyngweithiol, ac nad yw botymau radio yn gweithredu fel blychau ticio. Cyfarfod â “Patrymau Dylunio ar gyfer Rhyngwynebau AI” Cyfarfod Patrymau Dylunio Ar gyfer Rhyngwynebau AI, cwrs fideo newydd Vitaly gydag enghreifftiau ymarferol o gynhyrchion bywyd go iawn - gyda hyfforddiant UX byw yn digwydd yn fuan. Neidio i rhagolwg rhad ac am ddim. Cyfarfod Patrymau Dylunio Ar gyfer Rhyngwynebau AI, cwrs fideo Vitaly ar ddylunio rhyngwyneb ac UX.
Fideo + Hyfforddiant UXFideo yn unigFideo + Hyfforddiant UX$ 450.00 $ 799.00
Cael Fideo + UX Training30 o wersi fideo (10h) + Live UX Training.100 diwrnod arian yn ôl-warant.Fideo yn unig$ 275.00$ 395.00
Sicrhewch y cwrs fideo30 o wersi fideo (10h). Wedi'i ddiweddaru'n flynyddol. Hefyd ar gael fel Bwndel UX gyda 3 chwrs fideo.
Adnoddau Defnyddiol
Awtogwblhau: Canllawiau UX, gan Vitaly Friedman Combobox, gan eBay 👍 Combobox, gan Elastig Combobox, gan Elisa Combobox, gan MongoDB 👍 Blwch combo, trwy Visa 👍 Combobox, gan Watson (Docplanner) Combobox, gan Wikimedia Combobox, gan Zendesk Aml-ddewis (Dogfennau Dylunio Combobox MongoDB), gan MongoDB 👍 Edrych Aml-ddewis, gan Wikimedia Blwch Combo Aml-ddewis, gan Vaadin Aml-ddewis, gan Visa Trosglwyddo (enghraifft Blwch Rhestr), gan Ant Design Listbox, gan Hopper Blwch Rhestr, gan Vaadin Listbox, gan Visa Dewisydd Rhestr Ddeuol, gan Red Hat (PatternFly) Blwch Rhestr Deuol, gan Salesforce (System Dylunio Mellt) Rhestr Drosglwyddo, gan Mantine Blwch Rhestr Deuol, gan Dashlite Bathodynnau vs Pills vs Sglodion vs Tagiau, gan Vitaly Friedman Blychau Rhestr yn erbyn Rhestrau Cwymp, gan Anna Kaley (NN/g)
