منوی کشویی چند انتخابی: چندین گزینه را انتخاب کنید
منوی کشویی استاندارد کاربران را مجبور میکند فقط یک گزینه را انتخاب کنند. اما اگر نیاز به انتخاب چندین گزینه داشته باشند، چه میشود؟ خدماتی که به آنها علاقه دارند، روزهایی که در دسترس هستند، ویژگیهایی که میخواهند - بسیاری از سوالات چندین پاسخ معتبر دارند. منوی کشویی چند انتخابی به کاربران اجازه میدهد چندین گزینه را از یک فیلد واحد و با فضای کارآمد انتخاب کنند.
در این راهنما، یاد خواهید گرفت که چگونه منوی کشویی چند انتخابی ایجاد کنید که به کاربران امکان میدهد چندین گزینه را در فرمهای وردپرس شما انتخاب کنند.
منوی کشویی چند انتخابی چیست؟
منوی کشویی استاندارد
- برای باز کردن گزینهها کلیک کنید
- یک گزینه را انتخاب کنید
- منوی کشویی بسته میشود
- یک مقدار ذخیره شده
منوی کشویی چند انتخابی
- برای باز کردن گزینهها کلیک کنید
- چندین گزینه را انتخاب کنید
- برای انتخابهای بیشتر باز میماند
- مقادیر چندگانه ذخیره شده
تفاوت بصری
استاندارد:
خدمات: [طراحی وب ▼] (فقط یک انتخاب)
انتخاب چندگانه:
خدمات: [طراحی وب، سئو، بازاریابی ▼] (چندین انتخاب نشان داده شده است)
چه زمانی از منوی کشویی چند انتخابی استفاده کنیم؟
ایده آل برای
- خدمات مورد علاقه: «تمام خدماتی را که نیاز دارید انتخاب کنید»
- روزهای موجود: «کدام روزها برای شما مناسبتر است؟»
- ویژگیهای مورد نظر: «ویژگیهایی را که به آنها علاقه دارید انتخاب کنید»
- دسته بندی ها: «تمام موارد مربوطه را انتخاب کنید»
- مهارتها/تخصصها: «مهارتهای شما چیست؟»
- تنظیمات: «تنظیمات مورد نظر خود را انتخاب کنید»
چه زمانی باید از چک باکسها استفاده کنیم؟
| منوی کشویی چند انتخابی | کادرهای انتخاب |
|---|---|
| گزینههای زیاد (۶+) | گزینههای کم (۲-۶) |
| فرمهای دارای محدودیت فضا | فضای عمودی فراوان |
| گزینههایی که تا زمان کلیک مخفی هستند | همه گزینهها به طور همزمان قابل مشاهده هستند |
| ظاهر تمیزتر | اسکن آسانتر |
| مناسب برای موبایل برای لیستهای طولانی | برای انتخاب سریع بهتر است |
راهنمای تصمیم گیری
- ۷-۱۵ گزینه: از کادرهای انتخاب استفاده کنید
- ۷-۱۵ گزینه: منوی کشویی چند انتخابی
- ۱۵+ گزینه: انتخاب چندگانه با جستجو
ایجاد منوهای کشویی چند انتخابی
مرحله ۱: اضافه کردن فیلد کشویی
- فرم خود را در A.F.B.
- کشیدن رها کردن فیلد به فرم شما
- برای پیکربندی تنظیمات کلیک کنید
مرحله ۲: فعال کردن انتخاب چندگانه
- گزینه «مجاز کردن چندین انتخاب» را پیدا کنید
- ON را روشن کنید
- منوی کشویی اکنون چندین انتخاب را میپذیرد
مرحله ۳: اضافه کردن گزینهها
هر گزینه را در یک خط جدید وارد کنید:
طراحی وب، سئو، بازاریابی محتوا، رسانههای اجتماعی، بازاریابی ایمیلی، تبلیغات PPC، برندسازی، تجزیه و تحلیل
مرحله 4: تنظیمات را پیکربندی کنید
- برچسب: «خدمات مورد علاقه»
- نگهدارنده مکان: «تمام موارد مربوطه را انتخاب کنید»
- ضروری: تغییر وضعیت بر اساس نیاز
- متن راهنما: «برای انتخاب چندتایی، Ctrl/Cmd را نگه دارید» (در صورت نیاز)
مرحله ۵: تعیین محدودیتهای انتخاب (اختیاری)
- حداقل انتخابها: حداقل X گزینه
- حداکثر انتخابها: حداکثر X گزینه
مثالهای پیکربندی چندگزینهای
انتخاب خدمات
برچسب: «به کدام خدمات علاقهمند هستید؟»
نگهدارنده مکان: «تمام موارد مربوطه را انتخاب کنید»
ضروری: بله
حداقل انتخابها: 1
گزینه های ارسال:
- طراحی وب سایت
- توسعه وب سایت
- تجارت الکترونیک
- SEO
- نوشتن مطالب
- مدیریت رسانه های اجتماعی
- بازاریابی پست الکترونیک
- تبلیغات پولی
- نام تجاری
- مشاور
روزهای موجود
برچسب: «چه روزهایی در دسترس هستید؟»
نگهدارنده مکان: «روزهای موجود خود را انتخاب کنید»
ضروری: بله
حداقل انتخابها: 1
گزینه های ارسال:
- دوشنبه
- سه شنبه
- چهار شنبه
- پنج شنبه
- جمعه
- شنبه
- یکشنبه
مهارت ها و تخصص
برچسب: «زمینههای تخصصی خود را انتخاب کنید»
نگهدارنده مکان: «همه موارد مربوطه را انتخاب کنید»
ضروری: بله
حداقل انتخابها: 1
حداکثر انتخابها: 5
گزینه های ارسال:
- جاوا اسکریپت
- پــایتــون
- پی اچ پی
- واکنش نشان می دهند
- Vue.js
- Node.js و
- وردپرس
- مدیریت پایگاه داده
- DevOps
- طراحی UI/UX
محدودیت در رژیم غذایی
برچسب: «آیا محدودیت غذایی دارید؟»
نگهدارنده مکان: «در صورت وجود، انتخاب کنید»
ضروری: نه
گزینه های ارسال:
- گیاه خواری
- وگان
- فاقد گلوتن
- لبنیات رایگان
- آلرژی به آجیل
- حلال
- حلال
- بدون محدودیت
ترجیحات ارتباطی
برچسب: «چگونه مایلید با شما تماس بگیریم؟»
نگهدارنده مکان: «روشهای ترجیحی را انتخاب کنید»
ضروری: بله
حداقل انتخابها: 1
گزینه های ارسال:
- پست الکترونیک
- تماس تلفنی
- پیام متنی
- واتساپ
- تماس تصویری
علایق رویداد
برچسب: «کدام جلسات برای شما جالب است؟»
نگهدارنده مکان: «جلسات مورد نظر برای شرکت را انتخاب کنید»
ضروری: بله
حداقل انتخابها: 1
گزینه های ارسال:
- سخنرانی کلیدی
- کارگاه الف: بازاریابی
- کارگاه ب: فروش
- کارگاه C: فناوری
- میزگرد
- ناهار شبکه
- مراسم پایانی
محدودیتهای انتخاب
حداقل انتخابها
چرا از آن استفاده کنید:
- مطمئن شوید که حداقل یک گزینه انتخاب شده است
- نیاز به پاسخهای متعدد
- اعتبارسنجی ورودیهای معنادار
تنظیمات رایج:
- دقیقه ۱: «حداقل یکی را انتخاب کنید»
- دقیقه ۲: «حداقل دو گزینه انتخاب کنید»
- دقیقه ۳: «سه مورد برتر خود را انتخاب کنید»
حداکثر انتخابها
چرا از آن استفاده کنید:
- محدود کردن انتخابها برای تمرکز
- «سه مورد برتر خود را انتخاب کنید»
- محدودیت های منابع
- جلوگیری از رفتار «انتخاب همه»
تنظیمات رایج:
- حداکثر ۳: «حداکثر ۳ مورد را انتخاب کنید»
- حداکثر ۵: «حداکثر ۵ مورد را انتخاب کنید»
- حداکثر تعداد اسلاتهای موجود مطابقت دارد
پیامهای اعتبارسنجی
- «لطفاً حداقل ۱ گزینه را انتخاب کنید»
- «لطفاً حداقل ۲ گزینه را انتخاب کنید»
- «شما میتوانید حداکثر تا ۵ گزینه انتخاب کنید»
- «لطفاً بین ۲ تا ۵ گزینه انتخاب کنید»
ملاحظات تجربه کاربر
دستورالعمل ها را پاک کنید
در برچسب:
- «تمام موارد مربوطه را انتخاب کنید»
- «چندین گزینه را انتخاب کنید»
- «سه مورد برتر خود را انتخاب کنید»
در جایگذار:
- «برای انتخاب چندین مورد کلیک کنید…»
- «گزینهها را انتخاب کنید…»
در متن راهنما:
- «شما میتوانید چندین گزینه را انتخاب کنید»
- «۱ تا ۵ گزینه را انتخاب کنید»
- «برای انتخاب چندگانه، Ctrl (در مک Cmd) را نگه دارید»
نمایش تعداد انتخاب شده
نمایش تعداد موارد انتخاب شده:
- «۳ مورد انتخاب شده»
- «طراحی وب، سئو، +۲ مورد دیگر»
- نمایش واضح تصاویر انتخابهای فعلی
لغو انتخاب آسان
- برای لغو انتخاب، روی مورد انتخاب شده کلیک کنید
- دکمه «X» روی هر مورد انتخاب شده
- گزینه «پاک کردن همه»
جستجوی لیستهای طولانی
برای بیش از ۱۰ گزینه، جستجو را اضافه کنید:
- برای فیلتر کردن گزینهها تایپ کنید
- پیدا کردن سریع موارد
- ضروری برای بیش از ۲۰ گزینه
انتخاب چندگانه در مقابل انواع دیگر فیلد
منوی کشویی چند انتخابی در مقابل چک باکس ها
انتخاب چندگانه را انتخاب کنید وقتی:
- ۱۲+ گزینه
- فضای فرم محدود
- لازم نیست همه گزینهها قابل مشاهده باشند
- ظاهر بصری تمیزتر مورد نظر است
کادرهای انتخاب را انتخاب کنید وقتی:
- ۶ گزینه یا کمتر
- کاربران باید همه گزینهها را ببینند
- اسکن سریع مهم است
- تعامل سادهتر ترجیح داده میشود
چند انتخابی در مقابل چند منوی کشویی تکی
رویکرد بد:
انتخاب اول: [منوی کشویی] انتخاب دوم: [منوی کشویی] انتخاب سوم: [منوی کشویی]
رویکرد بهتر:
گزینههای خود را انتخاب کنید: [منوی کشویی چند گزینهای] (حداکثر ۳ انتخاب)
دکمههای چند انتخابی در مقابل دکمههای رادیویی
دکمههای رادیویی = فقط یک انتخاب. هرگز برای چند انتخاب استفاده نکنید.
ملاحظات موبایل
انتخاب لمسی
- اهداف ضربهای بزرگ
- انتخاب/لغو انتخاب آسان
- بازخورد بصری واضح
بومی در مقابل سفارشی
- انتخاب چندگانه بومی میتواند در موبایل ناخوشایند باشد
- منوی کشویی سفارشی اغلب تجربه کاربری بهتری دارد
- لیست چک باکس را در موبایل در نظر بگیرید
نمایش موارد انتخاب شده
- نمایش واضح انتخابها
- ظرف را سرریز نکنید
- «۳ نفر انتخاب شده» در مقابل فهرست کردن همه نامها
داده گردانی
نحوه ذخیره دادهها
انتخابهای چندگانه معمولاً به صورت زیر ذخیره میشوند:
- جدا شده با ویرگول: «طراحی وب، سئو، بازاریابی»
- آرایه: [“طراحی وب”، “سئو”، “بازاریابی”]
- ورودیهای جداگانه برای هر انتخاب
ایمیل اطلاعیه
در ایمیلهای اطلاعرسانی:
خدمات مورد علاقه: - طراحی وب - سئو - بازاریابی محتوا
صادرات CSV
صادر شده به صورت:
- تک ستونی: «طراحی وب، سئو، بازاریابی»
- یا چندین ستون برای هر گزینه
فیلتر کردن مطالب ارسالی
- فیلتر بر اساس انتخاب خاص
- همه کسانی که «سئو» را انتخاب کردهاند را پیدا کنید
- برای تقسیمبندی مفید است
الگوهای رایج
الگوی ۱: انتخاب چندگانه الزامی
خدمات مورد نیاز (حداقل یکی را انتخاب کنید): [منوی کشویی چند گزینهای] مورد نیاز: بله حداقل: ۱
الگوی ۲: انتخاب محدود
سه اولویت برتر خود را انتخاب کنید: [منوی کشویی چند گزینهای] حداقل: ۳ حداکثر: ۳
الگوی ۳: انتخاب چندگانه اختیاری
محدودیت غذایی خاصی دارید؟ (اختیاری) [منوی کشویی چند گزینهای] الزامی: خیر
الگوی ۴: «انتخاب همه» با محدودیتها
کدام ویژگیها برای شما جالب هستند؟ (حداکثر ۵) [منوی کشویی چند گزینهای] حداکثر: ۵ متن راهنما: "حداکثر ۵ ویژگی را انتخاب کنید"
دسترسی
پیمایش صفحه کلید
- برای رسیدن به منوی کشویی، تب بزنید
- کلیدهای جهتنما برای پیمایش گزینهها
- برای انتخاب/لغو انتخاب، فاصله/اینتر کنید
- برای رفتن به گزینه تایپ کنید
پشتیبانی از صفحه خوان
- اعلام «چندگزینهای» یا «چندگانه را انتخاب کنید»
- تعداد انتخاب شده را بخوانید
- اعلام تغییرات گزینش
پاک کردن برچسب ها
- برچسب نشان میدهد که انتخاب چندگانه مجاز است
- «تمام موارد مربوطه را انتخاب کنید»
- «چندین گزینه را انتخاب کنید»
نکاتی در مورد یک ظاهر طراحی شده
نمایش موارد انتخاب شده
- برچسبها/چیپسها برای هر انتخاب
- تمایز بصری واضح
- دکمه حذف روی هر کدام
ظاهر کشویی
- علامتهای کنار موارد انتخابشده
- پسزمینه برجسته برای موارد انتخاب شده
- پاک کردن حالتهای شناور
طراحی منسجم
- با سایر سبکهای فیلد فرم مطابقت داشته باشید
- حاشیه، فاصلهگذاری و رنگهای یکسان
- سازگار با منوهای کشویی تکی
عیب یابی
انتخابها ذخیره نمیشوند
- تأیید کنید که انتخاب چندگانه فعال است
- بررسی نحوه ارسال فرم
- با پیشنمایش فرم تست کنید
فقط میشه یکی رو انتخاب کرد
- گزینه انتخاب چندگانه فعال نیست
- بررسی تنظیمات فیلد
- ممکن است از نوع فیلد اشتباه استفاده شود
اعتبارسنجی کار نمیکند
- تنظیمات حداقل/حداکثر را تأیید کنید
- ضامن مورد نیاز را بررسی کنید
- تعداد انتخابهای مختلف را آزمایش کنید
مشکلات نمایش در موبایل
- روی دستگاه موبایل واقعی تست کنید
- عرض منوی کشویی را بررسی کنید
- اطمینان حاصل کنید که انتخابها قابل مشاهده هستند
پرسش و پاسخهای متداول
کاربران میتوانند چند گزینه را انتخاب کنند؟
به طور پیشفرض، نامحدود. اگر میخواهید انتخابها را محدود کنید (مثلاً «حداکثر ۳ عدد بردارید»)، حداکثر را تنظیم کنید.
آیا باید از چند انتخاب یا چک باکس استفاده کنم؟
کادرهای انتخاب برای ۶ گزینه یا کمتر (همه قابل مشاهده هستند). انتخاب چندگانه برای ۷+ گزینه یا زمانی که فضا محدود است.
آیا میتوانم حداقل تعداد انتخابها را تعیین کنم؟
بله. حداقل انتخابها را تنظیم کنید تا مطمئن شوید کاربران حداقل X گزینه را انتخاب میکنند.
چگونه چندین انتخاب ذخیره میشوند؟
معمولاً به صورت مقادیر جدا شده با کاما یا یک آرایه. در ارسالها و صادرات به صورت یک لیست ظاهر میشود.
آیا میتوانم جستجو را به منوی کشویی اضافه کنم؟
بسیاری از فرمسازها از منوهای کشویی قابل جستجو پشتیبانی میکنند. این قابلیت برای بیش از ۱۵ گزینه ضروری است.
خلاصه
ایجاد منوهای کشویی با چند انتخاب:
- اضافه کردن فیلد کشویی – منوی کشویی استاندارد ابتدا
- فعال کردن انتخاب چندگانه - امکان انتخاب چندگانه
- گزینهها را اضافه کنید - همه گزینههای موجود
- برچسب واضح تنظیم کنید – «تمام موارد مربوطه را انتخاب کنید»
- اضافه کردن مکاننما - کاربران را برای انتخاب راهنمایی کنید
- محدودیتهای انتخاب را تنظیم کنید – حداقل/حداکثر در صورت نیاز
- اضافه کردن متن راهنما - قوانین انتخاب را توضیح دهید
- به طور کامل تست کنید - تعداد انتخابهای مختلف
نتیجه
منوی کشویی چند گزینهای، مشکل «انتخاب چندگانه» را به زیبایی حل میکند. آنها در مقایسه با لیستهای طولانی چکباکس، در فضا صرفهجویی میکنند، فرمها را تمیز نگه میدارند و به کاربران اجازه میدهند دقیقاً همان چیزی را که مربوط به آنهاست انتخاب کنند. از آنها برای خدمات، روزها، ویژگیها، تنظیمات برگزیده - هر سوالی که چندین پاسخ معتبر دارد و لیست برای چکباکسها خیلی طولانی است - استفاده کنید.
سازنده فرم خودکار از منوهای کشویی چند انتخابی با محدودیتهای انتخاب و گزینههای قابل جستجو پشتیبانی میکند. فرمهای انعطافپذیری ایجاد کنید که چندین انتخاب را در یک فیلد واحد و کاربرپسند ثبت کنند.
برای فرمهای چندگزینهای آمادهاید؟ دانلود فرم ساز خودکار و به کاربران اجازه دهید چندین گزینه را به راحتی انتخاب کنند.
