نو د کمبو باکس ، ملټي سلیکٹ ، لیست باکس ، او ډراپ ډاون ترمینځ څه توپیر دی؟ پداسې حال کې چې دا ټول UI برخې ممکن ورته ښکاري، دوی مختلف اهدافو ته خدمت کوي. انتخاب اکثرا د شته اختیارونو شمیر او د دوی لید ته راځي. راځئ وګورو چې دوی څنګه توپیر لري، کوم هدف چې دوی یې خدمت کوي، او څنګه سم انتخاب غوره کړئ - د لارې په اوږدو کې د غلط فهمۍ او غلط توقعاتو څخه مخنیوی وکړئ.
د لیست ټول نمونې یو شان ندي ټول د UI اجزاو چې پورته په ګوته شوي یو شی په مشترک ډول لري: دوی د لیستونو سره د کاروونکو متقابل عمل ملاتړ کوي. په هرصورت، دوی دا یو څه توپیر کوي. راځئ چې هر یو ته یو نظر وګورو:
ډراپ ډاون → لیست تر هغه وخته پورې پټ دی چې دا پیل شوی نه وي. کامبو باکس → د فلټر کولو لپاره ډول + 1 انتخاب غوره کړئ. د فلټر کولو لپاره څو انتخاب → ډول + ډیری انتخابونه غوره کړئ. د لیست بکس → د لیست ټول انتخابونه د ډیفالټ لخوا لیدل کیږي (+ سکرول). دوه ګونی لیست بکس → د 2 لیست بکسونو ترمنځ توکي حرکت کول.
په بل عبارت، Combobox د متن ان پټ ساحه د ډراپ ډاون لیست سره یوځای کوي، نو کاروونکي کولی شي د فلټر کولو لپاره ټایپ کړي او یو واحد انتخاب غوره کړي. د ملټي سلیکٹ سره ، کارونکي کولی شي ډیری اختیارونه غوره کړي (اکثرا د ګولیو یا چپس په توګه ښودل کیږي). لیست بکسونه د لیست ټول انتخابونه ښیې چې د ډیفالټ لخوا لیدل کیږي، ډیری وختونه د سکرول کولو سره. دا ګټور دی کله چې کاروونکي اړتیا لري سمدلاسه ټول موجود انتخابونه وګوري. دوه ګونی لیست بکس (د لیږد لیست هم ویل کیږي) د لیست بکس یو توپیر دی چې کاروونکو ته اجازه ورکوي چې توکي د دوو لیست بکسونو (کیڼ اړخ ↔ ښي) ترمنځ حرکت وکړي، په ځانګړې توګه د لوی انتخاب لپاره. هیڅکله په مکرر ډول کارول شوي اختیارونه مه پټوئ لکه څنګه چې پورته یادونه وشوه، د سم UI برخې انتخاب په 2 فکتورونو پورې اړه لري: د لیست څو انتخابونه شتون لري، او که دا ټول اختیارونه د ډیفالټ لخوا لیدل کیږي. ټول لیستونه کیدای شي د ونې جوړښتونه، ځړول، او د ګروپ انتخاب هم ولري.
یو اصول شتون لري چې زه د UI برخې لپاره د کلونو لپاره تعقیب کوم: هیڅکله په مکرر ډول کارول شوي اختیارونه مه پټوئ. که کاروونکي په مکرر ډول په یو ځانګړي انتخاب باندې تکیه وکړي ، نو د دوی څخه یې پټولو کې خورا لږ ارزښت شتون لري. موږ کولی شو دا مخکې له مخکې انتخاب کړو، یا (که چیرې یوازې 2-3 په مکرر ډول کارول شوي اختیارونه شتون ولري) دوی د چپس یا بټونو په توګه وښیو، او بیا د لیست پاتې برخه په تعامل کې وښایه. په عموم کې، دا یو ښه نظر دی چې تل مشهور انتخابونه وښایئ - حتی که دا ممکن UI ګډوډ کړي. څنګه انتخاب کړئ کوم چې؟ هر لیست د انتخاب پیچلي میتود ته اړتیا نلري. د لیستونو لپاره چې له 5 څخه لږ توکي لري، ساده راډیو بټونه یا چک بکسونه معمولا غوره کار کوي. مګر که کاروونکي اړتیا ولري د انتخابونو لوی لیست څخه غوره کړي (د مثال په توګه، 200+ توکي)، کومبو باکس + ملټي سلیکشن د ګړندي فلټر کولو (د مثال په توګه د هیواد انتخاب) له امله ګټور دي.
لیست بکسونه ګټور دي کله چې خلک په یوځل کې ډیری اختیارونو ته لاسرسی ته اړتیا لري ، په ځانګړي توګه که دوی اړتیا ولري له دې لیست څخه ډیری اختیارونه هم غوره کړي. دوی کولی شي په مکرر ډول کارول شوي فلټرونو لپاره ګټور وي.
دوه ګونی لیست بکس اکثرا له پامه غورځول کیږي او له پامه غورځول کیږي. مګر دا د پیچلو دندو لپاره خورا ګټور کیدی شي، د بیلګې په توګه د لوی انتخاب، یا د رولونو، دندو، مسؤلیتونو ټاکل. دا یوازینی UI برخه ده چې کاروونکو ته اجازه ورکوي چې د ژمنې کولو دمخه د دوی بشپړ انتخاب لیست د سرچینې لیست سره څنګ په څنګ بیاکتنه وکړي (د "لیږد لیست" په نوم هم یادیږي). په حقیقت کې، دوه ګونی لیست بکس اکثرا ګړندی، ډیر دقیق، او د ډریګ او ډراپ څخه ډیر د لاسرسي وړ دی. د کارونې په اړه نظرونه په ذهن کې ساتلو لپاره یو مهم یادونه دا ده چې د لیست ټول ډولونه د لاسرسي لپاره د کیبورډ نیویګیشن ملاتړ ته اړتیا لري (د مثال په توګه ↑/↓ تیر کیلي). ځینې خلک به نږدې تل په کیبورډ تکیه وکړي ترڅو انتخابونه غوره کړي کله چې دوی ټایپ کول پیل کړي.
له دې هاخوا:
د 7+ اختیارونو لیستونو لپاره، د کاروونکي متقابل عمل ساده کولو لپاره "ټول غوره کړئ" او "ټول پاک کړئ" فعالیت اضافه کولو ته پام وکړئ. د کمبوکس سره د اوږد لیستونو لپاره، په کلیک/ټپ کې کاروونکو ته ټول اختیارونه ښکاره کړئ، که نه نو دوی به هیڅکله ونه لیدل شي، تر ټولو مهم، د ګډوډۍ څخه د مخنیوي لپاره غیر متقابل عناصر د بټونو په توګه مه ښکاره کوئ - او متقابل عناصر د جامد لیبل په توګه مه ښکاره کوئ.
ختمول: هر څه یو ښکته نه دی نومونه مهم دي. د اختیارونو عمودی لیست عموما د "ډراپ ډاون" په توګه تشریح شوی - مګر ډیری وختونه دا یو څه ډیر عام وي چې معنی ولري. "ډراپ ډاون" اشاره کوي چې لیست په ډیفالټ پټ دی. "ملټي انتخاب" په لیست کې د څو انتخاب (چیک باکس) معنی لري. "کامبو باکس" د متن داخلولو معنی لري. او "لیست باکس" په ساده ډول د انتخاب وړ توکو لیست دی، هر وخت لیدل کیږي. موخه دا نه ده چې د دې لپاره د پورته تعریفونو سره مطابقت ولري. مګر د دې پرځای چې ارادې تنظیم کړئ - په ورته ژبه خبرې وکړئ کله چې پریکړه کول ، ډیزاین کول ، جوړول ، او بیا د دې UI اجزاو کارول. دا باید کار وکړيهرڅوک - ډیزاینران، انجنیران، او پای کاروونکي - تر هغه چې جامد لیبلونه د متقابل بټونو په څیر نه ښکاري، او د راډیو بټن د چک بکسونو په څیر عمل نه کوي. د "AI انٹرفیسونو لپاره ډیزاین نمونې" سره لیدنه وکړئ د AI انٹرفیسونو لپاره د ډیزاین نمونو سره لیدنه وکړئ، د ویتالي نوی ویډیو کورس د ریښتیني ژوند محصولاتو عملي مثالونو سره - د ژوندی UX روزنې سره ډیر ژر پیښیږي. وړیا لید ته لاړ شئ. د AI انٹرفیسونو لپاره د ډیزاین نمونو سره لیدنه وکړئ ، د انٹرفیس ډیزاین او UX په اړه د ویتالي ویډیو کورس.
ویډیو + UX روزنه یوازې ویډیو ویډیو + UX روزنه$ 450.00 $ 799.00
ویډیو + UX Training30 ویډیو درسونه (10h) + ژوندۍ UX روزنه ترلاسه کړئ. د 100 ورځو پیسو بیرته ورکولو تضمین. ویډیو یوازې $ 275.00$ 395.00
د ویډیو کورس 30 ویډیو درسونه (10h) ترلاسه کړئ. په کال کې تازه کیږي. د 3 ویډیو کورسونو سره د UX بنډل په توګه هم شتون لري.
ګټورې سرچینې
اتوماتیک: د UX لارښوونې، د ویتالي فریډمن لخوا Combobox، د eBay لخوا 👍 کامبوکس، د لچکدار لخوا کامبوکس، د ایلیسا لخوا Combobox، د MongoDB لخوا 👍 Combobox، د ویزې په واسطه 👍 کامبوکس، د واټسن لخوا (ډاکپلانر) Combobox، د ويکيميډيا لخوا کامبوکس، د زینډیسک لخوا ملټي انتخاب (MongoDB Combobox Design Docs)، د MongoDB 👍 لخوا د ویکیمیډیا لخوا د څو انتخابونو لټون د وادین لخوا ملټي انتخاب کومبو بکس څو انتخاب، د ویزې په واسطه لیږد (د لیست بکس مثال)، د انټ ډیزاین لخوا لیست باکس، د هاپر لخوا د لیست بکس، د وادین لخوا لیست بکس، د ویزې لخوا دوه ګونی لیست ټاکونکی، د Red Hat (PatternFly) لخوا دوه ګونی لیست بکس، د Salesforce لخوا (د بریښنا ډیزاین سیسټم) د لیږد لیست، د مینټین لخوا دوه ګونی لیست بکس، د ډیشلایټ لخوا بیجز vs. ګولۍ vs. چپس vs. ټاګونه، د ویتالي فریډمن لخوا د لیست بکسونه د ډراپ ډاون لیستونه، د انا کیلي لخوا (NN/g)