ඉතින් Combobox, multiselect, listbox, සහ dropdown අතර වෙනස කුමක්ද? මෙම සියලුම UI සංරචක සමාන විය හැකි නමුත්, ඒවා විවිධ අරමුණු සඳහා සේවය කරයි. තේරීම බොහෝ විට පවතින විකල්ප ගණන සහ ඒවායේ දෘශ්යතාව මත පැමිණේ. ඔවුන් වෙනස් වන්නේ කෙසේද, ඔවුන් කුමන අරමුණක් ඉටු කරයිද සහ නිවැරදි එක තෝරා ගන්නේ කෙසේද යන්න අපි බලමු - වැරදි වැටහීම් සහ වැරදි අපේක්ෂාවන් මඟහරවා ගැනීම.
සියලුම ලැයිස්තු රටා සමාන නොවේ ඉහත උද්දීපනය කර ඇති සියලුම UI සංරචක වලට හරියටම එක පොදු දෙයක් ඇත: ඒවා ලැයිස්තු සමඟ පරිශීලකයින්ගේ අන්තර්ක්රියා සඳහා සහය දක්වයි. කෙසේ වෙතත්, ඔවුන් එය තරමක් වෙනස් ලෙස සිදු කරයි. අපි එකින් එක බලමු:
පතන → ලැයිස්තුව එය ක්රියාත්මක වන තෙක් සඟවා ඇත. Combobox → පෙරීමට ටයිප් කරන්න + විකල්ප 1ක් තෝරන්න. Multiselect → වර්ගය පෙරීමට + බොහෝ විකල්ප තෝරන්න. Listbox → පෙරනිමියෙන් පෙනෙන සියලුම ලැයිස්තු විකල්ප (+ අනුචලනය). ද්විත්ව ලැයිස්තු පෙට්ටිය → ලැයිස්තු කොටු 2ක් අතර අයිතම ගෙන යන්න.
වෙනත් වචන වලින් කිවහොත්, Combobox පෙළ ආදාන ක්ෂේත්රයක් පතන ලැයිස්තුවක් සමඟ ඒකාබද්ධ කරයි, එබැවින් පරිශීලකයින්ට පෙරීමට ටයිප් කර තනි විකල්පයක් තෝරා ගත හැකිය. Multiselect සමඟින්, පරිශීලකයින්ට බොහෝ විකල්ප තෝරාගත හැක (බොහෝ විට පෙති හෝ චිප්ස් ලෙස පෙන්වනු ලැබේ). බොහෝ විට අනුචලනය සමඟ පෙරනිමියෙන් පෙනෙන සියලුම ලැයිස්තු විකල්ප ලැයිස්තු කොටු පෙන්වයි. පරිශීලකයින්ට පවතින සියලුම තේරීම් වහාම දැකීමට අවශ්ය වූ විට එය ප්රයෝජනවත් වේ. ද්විත්ව ලැයිස්තු පෙට්ටිය (මාරු ලැයිස්තුව ලෙසද හැඳින්වේ) යනු ලැයිස්තු පෙට්ටියක විචලනය වන අතර එය සාමාන්යයෙන් තොග තේරීම සඳහා ලැයිස්තු කොටු දෙකක් (වමේ ↔ දකුණට) අතර අයිතම ගෙන යාමට පරිශීලකයින්ට ඉඩ සලසයි. නිතර භාවිතා කරන විකල්ප කිසිවිටෙක සඟවන්න එපා ඉහත සඳහන් කළ පරිදි, නිවැරදි UI සංරචකයේ තේරීම සාධක 2ක් මත රඳා පවතී: ලැයිස්තු විකල්ප කීයක් තිබේද, සහ මෙම සියලු විකල්ප පෙරනිමියෙන් දෘශ්යමාන වීමට අවශ්ය නම්. සියලුම ලැයිස්තු වල ගස් ව්යුහයන්, කූඩු තැබීම සහ කණ්ඩායම් තේරීම ද තිබිය හැකිය.
ඕනෑම UI සංරචකයක් සඳහා මම වසර ගණනාවක් තිස්සේ අනුගමනය කරන එක් මූලධර්මයක් තිබේ: නිතර භාවිතා කරන විකල්ප සඟවන්න එපා. පරිශීලකයන් යම් තේරීමක් මත නිතර රඳා පවතී නම්, එය ඔවුන්ගෙන් සැඟවීම ඉතා කුඩා අගයක් ඇත. අපට එය පෙර-තෝරා ගත් එකක් බවට පත් කළ හැකිය, නැතහොත් (නිතර භාවිතා කරන විකල්ප 2-3ක් පමණක් තිබේ නම්) ඒවා චිප්ස් හෝ බොත්තම් ලෙස පෙන්විය හැක, ඉන්පසු අන්තර්ක්රියා මත ලැයිස්තුවේ ඉතිරි කොටස පෙන්විය හැක. සාමාන්යයෙන්, සෑම විටම ජනප්රිය විකල්ප ප්රදර්ශනය කිරීම හොඳ අදහසකි - එය UI අවුල් කළ හැකි වුවද. කුමන තෝරා ගන්නේ කෙසේද? සෑම ලැයිස්තුවක්ම සංකීර්ණ තෝරා ගැනීමේ ක්රමයක් අවශ්ය නොවේ. අයිතම 5කට වඩා අඩු ලැයිස්තු සඳහා, සරල රේඩියෝ බොත්තම් හෝ පිරික්සුම් කොටු සාමාන්යයෙන් වඩාත් හොඳින් ක්රියා කරයි. නමුත් පරිශීලකයින්ට විශාල විකල්ප ලැයිස්තුවකින් (උදා: අයිතම 200+) තෝරා ගැනීමට අවශ්ය නම්, වේගවත් පෙරීම (උදා: රට තේරීම) නිසා combobox + multiselect ප්රයෝජනවත් වේ.
පුද්ගලයන්ට එකවර බොහෝ විකල්ප වෙත ප්රවේශ වීමට අවශ්ය වූ විට ලැයිස්තු කොටු ප්රයෝජනවත් වේ, විශේෂයෙන් ඔවුන්ට එම ලැයිස්තුවෙන්ද බොහෝ විකල්ප තෝරා ගැනීමට අවශ්ය නම්. නිතර භාවිතා කරන පෙරහන් සඳහා ඒවා ප්රයෝජනවත් විය හැකිය.
ද්විත්ව ලැයිස්තු පෙට්ටිය බොහෝ විට නොසලකා හරිනු ලබන අතර නොසලකා හරිනු ලැබේ. නමුත් එය සංකීර්ණ කාර්යයන් සඳහා ඉතා ප්රයෝජනවත් විය හැකිය, උදා: තොග තේරීම, හෝ භූමිකාවන්, කාර්යයන්, වගකීම් පැවරීම. පරිශීලකයින්ට ඔවුන්ගේ සම්පූර්ණ තේරීම් ලැයිස්තුව ප්රභව ලැයිස්තුව සමඟින් පසෙකින් සමාලෝචනය කිරීමට ඉඩ දෙන එකම UI සංරචකය එයයි (“මාරු ලැයිස්තුව” ලෙසද හැඳින්වේ). ඇත්ත වශයෙන්ම, ද්විත්ව ලැයිස්තු පෙට්ටිය බොහෝ විට වේගවත්, වඩාත් නිවැරදි සහ ඇදගෙන යාමට වඩා ප්රවේශ විය හැකිය. උපයෝගිතා සලකා බැලීම් මතක තබා ගත යුතු එක් වැදගත් සටහනක් නම්, ප්රවේශ්යතාව සඳහා සියලුම ලැයිස්තු වර්ග යතුරුපුවරු සංචාලනයට (උදා: ↑/↓ ඊතල යතුරු) සහාය විය යුතු බවයි. සමහර අය ටයිප් කිරීමට පටන් ගත් පසු විකල්ප තේරීමට යතුරුපුවරුව මත රඳා පවතී.
ඉන් ඔබ්බට:
විකල්ප 7+ සහිත ලැයිස්තු සඳහා, පරිශීලක අන්තර්ක්රියා විධිමත් කිරීමට “සියල්ල තෝරන්න” සහ “සියල්ල හිස් කරන්න” ක්රියාකාරීත්වයන් එක් කිරීම සලකා බලන්න. Combobox එකක් සහිත දිගු ලැයිස්තු සඳහා, ක්ලික්/තට්ටු මත පරිශීලකයින්ට සියලු විකල්ප හෙළි කරන්න, එසේ නොමැති නම් ඒවා කිසිදා නොපෙනේ. වඩාත්ම වැදගත්, ව්යාකූලත්වය වළක්වා ගැනීම සඳහා අන්තර්ක්රියාකාරී නොවන මූලද්රව්ය බොත්තම් ලෙස සංදර්ශන නොකරන්න - සහ අන්තර්ක්රියාකාරී මූලද්රව්ය ස්ථිතික ලේබල් ලෙස සංදර්ශන නොකරන්න.
එතීම: සෑම දෙයක්ම පහත වැටීමක් නොවේ නම් වැදගත්. විකල්පවල සිරස් ලැයිස්තුවක් සාමාන්යයෙන් විස්තර කර ඇත්තේ "ඩ්රොප් ඩවුන්" ලෙසයි - නමුත් බොහෝ විට එය අර්ථවත් වීමට තරමක් සාමාන්ය වේ. ලැයිස්තුව පෙරනිමියෙන් සඟවා ඇති බවට "Dropdown" ඉඟි කරයි. "Multiselect" යන්නෙන් අදහස් කරන්නේ ලැයිස්තුවක් තුළ බහු-තේරීම (චෙක්බොක්ස්) ය. "කොම්බොබොක්ස්" යන්නෙන් පෙළ ආදානය අදහස් වේ. සහ "ලැයිස්තු පෙට්ටිය" යනු හුදෙක් තෝරාගත හැකි අයිතම ලැයිස්තුවකි, සෑම විටම දෘශ්යමාන වේ. ඉලක්කය වන්නේ ඒ සඳහා ඉහත නිර්වචනවලට අනුකූල වීම නොවේ. නමුත් අභිප්රායන් පෙළගැස්වීමට - මෙම UI සංරචක තීරණය කිරීමේදී, සැලසුම් කිරීමේදී, ගොඩනැගීමේදී සහ පසුව භාවිතා කිරීමේදී එකම භාෂාව කතා කරන්න. ඒ සඳහා වැඩ කළ යුතුයස්ථිතික ලේබල් අන්තර්ක්රියාකාරී බොත්තම් මෙන් නොපෙනෙන තාක් සහ රේඩියෝ බොත්තම් පිරික්සුම් කොටු මෙන් ක්රියා නොකරන තාක් කල් - සියලු දෙනා - නිර්මාණකරුවන්, ඉංජිනේරුවන් සහ අවසාන පරිශීලකයින්. "AI අතුරුමුහුණත් සඳහා මෝස්තර රටා" හමුවන්න AI අතුරුමුහුණත් සඳහා නිර්මාණ රටා හමුවන්න, Vitaly හි සැබෑ ජීවිත නිෂ්පාදනවලින් ප්රායෝගික උදාහරණ සහිත නව වීඩියෝ පාඨමාලාව — සජීවී UX පුහුණුවක් ළඟදීම සිදු වේ. නොමිලේ පෙරදසුනක් වෙත පනින්න. AI අතුරුමුහුණත් සඳහා නිර්මාණ රටා හමුවන්න, අතුරු මුහුණත් නිර්මාණය සහ UX පිළිබඳ විටාලිගේ වීඩියෝ පාඨමාලාව.
වීඩියෝ + UX පුහුණු වීඩියෝව පමණක් වීඩියෝ + UX පුහුණුව$ 450.00 $ 799.00
Video + UX Training30 වීඩියෝ පාඩම් (පැ. 10) + සජීවී UX පුහුණුව ලබා ගන්න. දින 100 මුදල් ආපසු ගෙවීමේ සහතිකය.වීඩියෝව පමණක්$ 275.00$ 395.00
වීඩියෝ පාඨමාලාව30 වීඩියෝ පාඩම් (පැ. 10) ලබා ගන්න. වාර්ෂිකව යාවත්කාලීන කෙරේ. වීඩියෝ පාඨමාලා 3ක් සමඟ UX බණ්ඩලයක් ලෙසද ලබා ගත හැක.
ප්රයෝජනවත් සම්පත්
ස්වයං සම්පූර්ණ කිරීම: UX මාර්ගෝපදේශ, විටාලි ෆ්රීඩ්මන් විසිනි Combobox, eBay මගින් 👍 Combobox, ඉලාස්ටික් විසින් Combobox, Elisa විසිනි Combobox, MongoDB විසින් 👍 Combobox, Visa 👍 මගින් Combobox, Watson (Docplanner) විසිනි Combobox, විකිමීඩියා විසිනි Combobox, Zendesk විසිනි Multiselect (MongoDB Combobox Design Docs), MongoDB විසින් 👍 බහු තේරීම් බැලීම, විකිමීඩියා විසිනි බහු-තේරුම් Combo Box, Vaadin විසින් බහු තේරීම, වීසා මගින් ඇන්ට් ඩිසයින් මගින් මාරු කිරීම (ලැයිස්තු පෙට්ටිය උදාහරණය). ලිස්ට්බොක්ස්, ආප්ප විසිනි ලැයිස්තු පෙට්ටිය, Vaadin විසිනි ලැයිස්තු පෙට්ටිය, වීසා මගින් ද්විත්ව ලැයිස්තු තේරීම්, Red Hat (PatternFly) විසින් Dual Listbox, Salesforce විසින් (අකුණු සැලසුම් පද්ධතිය) ස්ථාන මාරු ලැයිස්තුව, Mantine විසින් Dual Listbox, Dashlite විසිනි විටාලි ෆ්රීඩ්මන් විසින් ලාංඡන එදිරිව පෙති එදිරිව චිප්ස් එදිරිව ටැග් ලිස්ට්බොක්ස් එදිරිව පතන ලැයිස්තු, ඇනා කේලි විසින් (NN/g)
