تو کومبو باکس، ملٹی سلیکٹ، لسٹ باکس، اور ڈراپ ڈاؤن میں کیا فرق ہے؟ اگرچہ یہ تمام UI اجزاء ایک جیسے دکھائی دے سکتے ہیں، وہ مختلف مقاصد کو پورا کرتے ہیں۔ انتخاب اکثر دستیاب اختیارات کی تعداد اور ان کی مرئیت پر آتا ہے۔ آئیے دیکھتے ہیں کہ وہ کس طرح مختلف ہیں، وہ کس مقصد کی تکمیل کرتے ہیں، اور صحیح کا انتخاب کیسے کریں — راستے میں غلط فہمیوں اور غلط توقعات سے گریز کریں۔
تمام فہرست پیٹرن ایک جیسے نہیں ہیں۔ اوپر نمایاں کیے گئے تمام UI اجزاء میں بالکل ایک چیز مشترک ہے: وہ فہرستوں کے ساتھ صارفین کے تعامل کی حمایت کرتے ہیں۔ تاہم، وہ تھوڑا سا مختلف طریقے سے کرتے ہیں. آئیے ہر ایک پر ایک ایک نظر ڈالتے ہیں:
ڈراپ ڈاؤن → فہرست اس وقت تک چھپی رہتی ہے جب تک کہ یہ متحرک نہ ہوجائے۔ کومبو باکس → فلٹر کرنے کے لیے ٹائپ کریں + 1 آپشن منتخب کریں۔ ملٹی سلیکٹ → فلٹر کرنے کے لیے ٹائپ کریں + بہت سے اختیارات منتخب کریں۔ فہرست خانہ → فہرست کے تمام اختیارات بذریعہ ڈیفالٹ نظر آتے ہیں (+ اسکرول)۔ ڈوئل لسٹ باکس → آئٹمز کو 2 لسٹ باکسز کے درمیان منتقل کریں۔
دوسرے لفظوں میں، Combobox ایک ٹیکسٹ ان پٹ فیلڈ کو ڈراپ ڈاؤن فہرست کے ساتھ جوڑتا ہے، تاکہ صارف فلٹر کرنے کے لیے ٹائپ کر سکیں اور ایک آپشن کو منتخب کریں۔ ملٹی سلیکٹ کے ساتھ، صارفین بہت سے اختیارات منتخب کر سکتے ہیں (اکثر گولیوں یا چپس کے طور پر دکھائے جاتے ہیں)۔ لسٹ بکس ڈیفالٹ کے لحاظ سے نظر آنے والے تمام فہرست اختیارات کو ظاہر کرتے ہیں، اکثر اسکرولنگ کے ساتھ۔ یہ اس وقت مددگار ہوتا ہے جب صارفین کو فوری طور پر تمام دستیاب انتخاب دیکھنے کی ضرورت ہو۔ ڈوئل لسٹ باکس (جسے ٹرانسفر لسٹ بھی کہا جاتا ہے) ایک لسٹ باکس کا ایک تغیر ہے جو صارفین کو دو لسٹ باکسز (بائیں ↔ دائیں) کے درمیان آئٹمز کو منتقل کرنے کی اجازت دیتا ہے، عام طور پر بلک سلیکشن کے لیے۔ اکثر استعمال ہونے والے اختیارات کو کبھی نہ چھپائیں۔ جیسا کہ اوپر بتایا گیا ہے، صحیح UI جزو کا انتخاب 2 عوامل پر منحصر ہے: فہرست کے کتنے اختیارات دستیاب ہیں، اور اگر ان تمام اختیارات کو بطور ڈیفالٹ نظر آنے کی ضرورت ہے۔ تمام فہرستوں میں درختوں کے ڈھانچے، گھونسلے اور گروپ کا انتخاب بھی ہو سکتا ہے۔
ایک اصول ہے جس پر میں برسوں سے کسی بھی UI جزو کے لیے عمل کر رہا ہوں: کثرت سے استعمال ہونے والے اختیارات کو کبھی نہ چھپائیں۔ اگر صارفین کثرت سے کسی خاص انتخاب پر بھروسہ کرتے ہیں، تو اسے ان سے چھپانے کی بہت کم قیمت ہے۔ ہم یا تو اسے پہلے سے منتخب کر سکتے ہیں، یا (اگر وہاں صرف 2–3 اکثر استعمال ہونے والے اختیارات ہیں) انہیں چپس یا بٹن کے طور پر دکھائیں، اور پھر باقی فہرست کو تعامل پر دکھائیں۔ عام طور پر، مقبول آپشنز کو ہمیشہ ڈسپلے کرنا اچھا خیال ہے - چاہے اس سے UI میں بے ترتیبی پیدا ہو۔ جس کا انتخاب کیسے کریں؟ ہر فہرست کو انتخاب کے پیچیدہ طریقہ کی ضرورت نہیں ہے۔ 5 سے کم آئٹمز والی فہرستوں کے لیے، سادہ ریڈیو بٹن یا چیک باکس عام طور پر بہترین کام کرتے ہیں۔ لیکن اگر صارفین کو اختیارات کی ایک بڑی فہرست (مثلاً، 200+ آئٹمز) سے منتخب کرنے کی ضرورت ہے، تو combobox + multiselect تیز فلٹرنگ (جیسے ملک کا انتخاب) کی وجہ سے مددگار ثابت ہوتے ہیں۔
لسٹ بکس اس وقت مددگار ثابت ہوتے ہیں جب لوگوں کو ایک ساتھ بہت سے اختیارات تک رسائی حاصل کرنے کی ضرورت ہوتی ہے، خاص طور پر اگر انہیں اس فہرست میں سے بھی بہت سے اختیارات کا انتخاب کرنے کی ضرورت ہو۔ وہ اکثر استعمال ہونے والے فلٹرز کے لیے مددگار ثابت ہو سکتے ہیں۔
دوہری فہرست باکس کو اکثر نظر انداز کیا جاتا ہے اور نظر انداز کیا جاتا ہے۔ لیکن یہ پیچیدہ کاموں کے لیے بہت مددگار ثابت ہو سکتا ہے، جیسے کہ بڑی تعداد میں انتخاب، یا کردار، کام، ذمہ داریاں تفویض کرنا۔ یہ واحد UI جزو ہے جو صارفین کو ارتکاب کرنے سے پہلے سورس لسٹ کے ساتھ ساتھ اپنی مکمل انتخابی فہرست کا جائزہ لینے کی اجازت دیتا ہے (جسے "ٹرانسفر لسٹ" بھی کہا جاتا ہے)۔ درحقیقت، ڈوئل لسٹ باکس اکثر تیز، زیادہ درست اور ڈریگ اینڈ ڈراپ سے زیادہ قابل رسائی ہوتا ہے۔ استعمال کے تحفظات ذہن میں رکھنے کے لیے ایک اہم نوٹ یہ ہے کہ فہرست کی تمام اقسام کو رسائی کے لیے کی بورڈ نیویگیشن (جیسے ↑/↓ تیر والے بٹنوں) کو سپورٹ کرنے کی ضرورت ہے۔ کچھ لوگ ٹائپنگ شروع کرنے کے بعد آپشنز کو منتخب کرنے کے لیے تقریباً ہمیشہ کی بورڈ پر انحصار کرتے ہیں۔
اس سے آگے:
7+ اختیارات والی فہرستوں کے لیے، صارف کے تعامل کو ہموار کرنے کے لیے "سب کو منتخب کریں" اور "کلیئر آل" فنکشنلٹیز کو شامل کرنے پر غور کریں۔ کمبو باکس کے ساتھ لمبی فہرستوں کے لیے، کلک/ٹیپ پر صارفین کے لیے تمام اختیارات کو ظاہر کریں، کیونکہ بصورت دیگر وہ کبھی نہیں دیکھے جا سکتے ہیں، سب سے اہم، الجھن سے بچنے کے لیے غیر متعامل عناصر کو بٹن کے طور پر ظاہر نہ کریں — اور متعامل عناصر کو جامد لیبل کے طور پر ظاہر نہ کریں۔
لپیٹنا: ہر چیز ڈراپ ڈاؤن نہیں ہے۔ نام اہم ہیں۔ اختیارات کی عمودی فہرست کو عام طور پر "ڈراپ ڈاؤن" کے طور پر بیان کیا جاتا ہے — لیکن اکثر یہ معنی خیز ہونے کے لیے قدرے عام ہوتا ہے۔ "ڈراپ ڈاؤن" اشارہ کرتا ہے کہ فہرست بطور ڈیفالٹ چھپی ہوئی ہے۔ "ملٹی سلیکٹ" کا مطلب ایک فہرست میں ملٹی سلیکشن (چیک باکس) ہے۔ "Combobox" کا مطلب ٹیکسٹ ان پٹ ہے۔ اور "لسٹ باکس" صرف منتخب اشیاء کی ایک فہرست ہے، جو ہر وقت نظر آتی ہے۔ مقصد یہ نہیں ہے کہ اس کی خاطر اوپر دی گئی تعریفوں سے ہم آہنگ ہو۔ لیکن ارادوں کو سیدھ میں لانے کے لیے — ان UI اجزاء کے بارے میں فیصلہ کرتے وقت، ڈیزائننگ، تعمیر، اور پھر استعمال کرتے وقت وہی زبان بولیں۔ اس کے لیے کام کرنا چاہیے۔ہر کوئی — ڈیزائنرز، انجینئرز، اور اختتامی صارفین — جب تک کہ جامد لیبلز متعامل بٹنوں کی طرح نظر نہیں آتے، اور ریڈیو بٹن چیک باکس کی طرح کام نہیں کرتے۔ "AI انٹرفیس کے لیے ڈیزائن پیٹرنز" سے ملو AI انٹرفیسز کے لیے ڈیزائن پیٹرنز سے ملیں، Vitaly کا نیا ویڈیو کورس جس میں حقیقی زندگی کی مصنوعات کی عملی مثالیں ہیں — جس میں جلد ہی لائیو UX ٹریننگ ہو رہی ہے۔ ایک مفت پیش نظارہ پر جائیں۔ AI انٹرفیسز کے لیے ڈیزائن پیٹرنز سے ملو، انٹرفیس ڈیزائن اور UX پر Vitaly کا ویڈیو کورس۔
ویڈیو + UX ٹریننگ صرف ویڈیو ویڈیو + UX ٹریننگ$ 450.00 $ 799.00
ویڈیو + UX Training30 ویڈیو اسباق (10h) + لائیو UX ٹریننگ حاصل کریں۔ 100 دن کی منی بیک گارنٹی۔ ویڈیو صرف$ 275.00$ 395.00
ویڈیو کورس 30 ویڈیو اسباق (10h) حاصل کریں۔ سالانہ اپ ڈیٹ کیا جاتا ہے۔ 3 ویڈیو کورسز کے ساتھ UX بنڈل کے طور پر بھی دستیاب ہے۔
مفید وسائل
خودکار تکمیل: UX رہنما خطوط، بذریعہ وائٹالی فریڈمین کومبو باکس، بذریعہ ای بے 👍 کومبو باکس، لچکدار کے ذریعہ کومبو باکس، ایلیسا کے ذریعہ کومبو باکس، بذریعہ MongoDB 👍 Combobox، بذریعہ ویزا 👍 کومبو باکس، بذریعہ واٹسن (Docplanner) Combobox، بذریعہ Wikimedia کومبو باکس، زینڈیسک کے ذریعہ ملٹی سلیکٹ (MongoDB Combobox Design Docs) بذریعہ MongoDB 👍 ملٹی سلیکٹ لوک اپ، بذریعہ Wikimedia کثیر سلیکٹ کومبو باکس، بذریعہ Vaadin ملٹی سلیکٹ، بذریعہ ویزا منتقلی (لسٹ باکس کی مثال)، بذریعہ چیونٹی ڈیزائن لسٹ باکس، بذریعہ ہوپر فہرست خانہ، از وادین لسٹ باکس، بذریعہ ویزا ڈوئل لسٹ سلیکٹر، بذریعہ Red Hat (PatternFly) ڈوئل لسٹ باکس، بذریعہ سیلز فورس (لائٹننگ ڈیزائن سسٹم) منتقلی کی فہرست، بذریعہ مینٹین ڈوئل لسٹ باکس، بذریعہ ڈیشلائٹ بیجز بمقابلہ گولیاں بمقابلہ چپس بمقابلہ ٹیگز، وٹالی فریڈمین کے ذریعہ لسٹ باکسز بمقابلہ ڈراپ ڈاؤن فہرستیں، از اینا کیلی (NN/g)
