لیست‌های چندگزینه‌ای: به کاربران اجازه دهید چندین گزینه را انتخاب کنند

«همه موارد مربوطه را انتخاب کنید.» این یکی از رایج‌ترین دستورالعمل‌ها در فرم‌ها است - و کادرهای انتخاب نحوه انجام این کار را نشان می‌دهند. فهرست‌های کادر انتخاب چند گزینه‌ای به کاربران اجازه می‌دهند چندین گزینه را از یک لیست از پیش تعریف شده انتخاب کنند، که برای علایق، ترجیحات، خدمات و هر سناریویی که در آن یک پاسخ کافی نیست، ایده‌آل است.

در این راهنما، یاد خواهید گرفت که چگونه لیست‌های چک‌باکس چند انتخابی مؤثری برای فرم‌های وردپرس خود ایجاد کنید.

چه زمانی از چک باکس‌های چند انتخابی استفاده کنیم؟

ایده آل برای

• انتخاب علاقه: «به کدام موضوعات علاقه دارید؟»
• استعلام خدمات: «به کدام خدمات علاقه‌مند هستید؟»
• تنظیمات ویژگی: «به چه ویژگی‌هایی نیاز دارید؟»
• روش‌های تماس: «دوست دارید چطور با شما تماس بگیریم؟»
• الزامات غذایی: «آیا محدودیت غذایی دارید؟»
• مهارت‌ها/تخصص‌ها: «زمینه‌های تخصصی خود را انتخاب کنید»
• سوالات نظرسنجی: «کدام یک از این‌ها را امتحان کرده‌اید؟»

خصوصیات کلیدی

• امکان انتخاب چندگانه (برخلاف دکمه‌های رادیویی)
• امکان انتخاب صفر وجود دارد (مگر اینکه لازم باشد)
• همه گزینه‌ها به طور همزمان قابل مشاهده هستند
• انتخاب‌های مستقل (انتخاب یکی بر دیگران تأثیر نمی‌گذارد)

چک‌باکس‌های چندگزینه‌ای در مقابل گزینه‌های دیگر

ایجاد چک باکس های چند انتخابی

مرحله ۱: اضافه کردن فیلد چک باکس

1. فرم خود را در A.F.B.
2. کشیدن جعبه فیلد به فرم شما
3. برای پیکربندی کلیک کنید

مرحله ۲: سوال خود را بنویسید

نمونه‌های برچسب:

• «کدام خدمات برای شما جالب است؟»
• «تنظیمات مورد نظر خود را انتخاب کنید»
• «به چه ویژگی‌هایی نیاز دارید؟»
• «چطور از ما باخبر شدی؟»

متن راهنما:

• «تمام موارد مربوطه را انتخاب کنید»
• «هر چقدر دوست دارید انتخاب کنید»
• «همه گزینه‌های مربوطه را علامت بزنید»

مرحله ۲: گزینه‌های خود را اضافه کنید

هر گزینه را در یک خط جدید وارد کنید:

طراحی وب خدمات سئو بازاریابی محتوا مدیریت رسانه‌های اجتماعی بازاریابی ایمیلی تبلیغات پولی

مرحله ۴: طرح‌بندی را انتخاب کنید

طرح بندی عمودی

☐ گزینه اول ☐ گزینه دوم ☐ گزینه سوم ☐ گزینه چهارم ☐ گزینه پنجم

بهترین برای:

• برچسب‌های گزینه طولانی‌تر
• نمایشگر مناسب برای موبایل
• اسکن آسان
• ۱۲+ گزینه

چیدمان افقی

☐ گزینه الف ☐ گزینه ب ☐ گزینه ج ☐ گزینه د

بهترین برای:

• برچسب‌های کوتاه
• 3-4 گزینه
• نمایشگر جمع و جور

طرح شبکه

☐ گزینه اول ☐ گزینه دوم ☐ گزینه سوم ☐ گزینه چهارم ☐ گزینه پنجم ☐ گزینه ششم

بهترین برای:

• گزینه‌های زیاد (۶-۱۲)
• برچسب‌های با طول مشابه
• استفاده بهینه از فضا

مرحله ۵: پیکربندی قوانین انتخاب

فیلد اجباری

• اگر کاربر باید حداقل یکی را انتخاب کند، فعال کنید
• خطا در صورت انتخاب نشدن هیچ کدام در هنگام ارسال

حداقل انتخاب‌ها

• تعیین حداقل تعداد انتخاب‌ها
• «لطفاً حداقل ۲ گزینه را انتخاب کنید»

حداکثر انتخاب‌ها

• تعداد قابل انتخاب را محدود کنید
• «حداکثر ۳ گزینه را انتخاب کنید»
• اولویت‌بندی نیروها

ویژگی‌های ویژه چک‌باکس

همه گزینه‌ها را انتخاب کنید

کادر انتخاب «انتخاب همه» را اضافه کنید:

چگونه کار می کند:

• با یک کلیک همه گزینه‌ها انتخاب می‌شوند
• کلیک مجدد، همه را از حالت انتخاب خارج می‌کند
• مناسب برای لیست‌های طولانی

خوبه برای:

• فهرست‌هایی که انتخاب همه در آنها رایج است
• «بله، من به همه چیز علاقه دارم»
• اشتراک‌های موضوعی خبرنامه

فعال کردن در تنظیمات: گزینه «انتخاب همه گزینه‌ها» را فعال کنید

گزینه «سایر» با کادر متن

اجازه دادن به ورودی‌های سفارشی:

☐ گزینه الف ☐ گزینه ب ☐ گزینه ج ☐ سایر: [________________]

چگونه کار می کند:

• «سایر» به عنوان آخرین گزینه ظاهر می‌شود
• وقتی علامت زده شود، فیلد متن ظاهر می‌شود
• کاربر پاسخ سفارشی خود را تایپ می‌کند

خوبه برای:

• نمی‌توان همه پاسخ‌های ممکن را پیش‌بینی کرد
• نظرسنجی‌ها و تحقیقات
• کشف گزینه‌های جدید

فعال کردن در تنظیمات: گزینه «سایر گزینه‌ها» را فعال کنید

گزینه «هیچکدام از موارد فوق»

انصراف صریح:

☐ گزینه الف ☐ گزینه ب ☐ گزینه ج ☐ هیچ یک از موارد فوق

چگونه کار می کند:

• انتخاب «هیچکدام» معمولاً بقیه را از حالت انتخاب خارج می‌کند.
• کاربر صراحتاً اعلام می‌کند که «هیچ موردی صدق نمی‌کند»
• متفاوت از خالی گذاشتن

خوبه برای:

• نظرسنجی‌هایی که نیاز به پاسخ قطعی دارند
• تشخیص «هیچ» از «از قلم افتاده»
• سوالات ضروری که ممکن است هیچ کدام از آنها صدق نکنند

مثال‌های چک‌باکس چند انتخابی

فرم درخواست خدمات

برچسب: «به کدام خدمات علاقه‌مند هستید؟»

متن راهنما: «تمام موارد مربوطه را انتخاب کنید»

گزینه های ارسال:

• ☐ طراحی وب‌سایت
• ☐ توسعه وب‌سایت
• ☐ بهینه سازی سئو
• ☐ محتوا نویسی
• ☐ بازاریابی رسانه‌های اجتماعی
• ☐ بازاریابی ایمیلی
• ☐ تبلیغات پولی (PPC)
• ☐ برندسازی و طراحی لوگو

تنظیمات: الزامی، طرح عمودی

تنظیمات برگزیده تماس

برچسب: «ترجیح می‌دهید چطور با شما تماس بگیریم؟»

گزینه های ارسال:

• ☐ ایمیل
• ☐ تماس تلفنی
• ☐ پیام متنی
• ☐ واتس‌اپ

تنظیمات: الزامی (حداقل یکی)، طرح افقی

الزامات غذایی (رویداد)

برچسب: «آیا رژیم غذایی خاصی دارید؟»

گزینه های ارسال:

• ☐ گیاهخواری
• ☐ وگان
• ☐ بدون گلوتن
• ☐ بدون لبنیات
• ☐ آلرژی به آجیل
• ☐ حلال
• ☐ کوشر
• ☐ سایر: [_________]
• ☐ هیچکدام

تنظیمات: اختیاری، فعال بودن گزینه «سایر»، طرح‌بندی عمودی

ارزیابی مهارت‌ها (درخواست شغل)

برچسب: «مهارت‌های فنی خود را انتخاب کنید»

متن راهنما: «همه موارد مربوطه را علامت بزنید»

گزینه های ارسال:

• ☐ اچ‌تی‌ام‌ال/سی‌اس‌اس
• ☐ جاوا اسکریپت
• ☐ واکنش نشان دادن
• ☐ پی اچ پی
• ☐ وردپرس
• ☐ پایتون
• ☐ SQL/پایگاه‌های داده
• ☐ گیت/کنترل نسخه

تنظیمات: طرح شبکه‌ای (۲ ستون)، حداقل ۳ ستون مورد نیاز است

موضوعات خبرنامه

برچسب: «دوست دارید در مورد کدام موضوعات به‌روزرسانی دریافت کنید؟»

گزینه های ارسال:

• ☐ اخبار صنعت
• ☐ به‌روزرسانی‌های محصول
• ☐ نکات و آموزش‌ها
• ☐ مطالعات موردی
• ☐ رویدادها و وبینارها
• ☐ پیشنهادات ویژه

تنظیمات: گزینه «انتخاب همه» فعال است، اختیاری

نظرسنجی: چطور از ما باخبر شدید؟

برچسب: «چطور از ما باخبر شدی؟»

متن راهنما: «تمام موارد مربوطه را انتخاب کنید»

گزینه های ارسال:

• ☐ جستجوی گوگل
• ☐ رسانه‌های اجتماعی (فیس‌بوک، اینستاگرام و غیره)
• ☐ دوست یا همکار
• ☐ تبلیغات آنلاین
• ☐ وبلاگ یا مقاله
• ☐ ایمیل
• ☐ نمایشگاه/رویداد تجاری
• ☐ سایر: [_________]

تنظیمات: الزامی، گزینه «سایر» فعال است

اولویت بندی ویژگی ها

برچسب: «سه اولویت اصلی شما چیست؟»

متن راهنما: «دقیقاً ۳ گزینه را انتخاب کنید»

گزینه های ارسال:

• ☐ سرعت/عملکرد
• ☐ امنیت
• ☐ سهولت استفاده
• ☐ سفارشی‌سازی
• ☐ پشتیبانی مشتری
• ☐ قیمت
• ☐ گزینه‌های ادغام
• ☐ سازگاری با موبایل

تنظیمات: حداقل ۳، حداکثر ۳

طراحی فهرست‌های گزینه‌ای مؤثر

نوشتن گزینه‌های خوب

خاص باش

مبهم: «خدمات بازاریابی»

خاص: «بازاریابی شبکه‌های اجتماعی»، «ایمیل مارکتینگ»، «سئو»

برچسب‌ها را مختصر نگه دارید

خیلی طولانی: «خدمات بهینه‌سازی موتور جستجو برای وب‌سایت شما»

بهتر: «خدمات سئو»

از ساختار موازی استفاده کنید

ناسازگار:

• طراحی وب سایت
• به کمک سئو نیاز دارم
• محتوا

استوار:

• طراحی وب سایت
• خدمات جستجوگرها
• نوشتن مطالب

منطقی سفارش دهید

• الفبایی (برای فهرست‌های طولانی)
• بر اساس محبوبیت (رایج‌ترین‌ها اول)
• بر اساس گروه بندی دسته بندی
• بر اساس ترتیب گردش کار

چند گزینه؟

پیام‌های اعتبارسنجی

فیلد اجباری

«لطفاً حداقل یک گزینه را انتخاب کنید»

حداقل رعایت نشده

«لطفاً حداقل [X] گزینه را انتخاب کنید»

حداکثر تجاوز شده

«شما می‌توانید حداکثر [X] گزینه را انتخاب کنید»

پیام‌های سفارشی

متناسب با سوال شما:

• «لطفاً به ما بگویید کدام خدمات برای شما جالب است»
• «سه اولویت برتر خود را انتخاب کنید»
• «حداقل یک روش تماس انتخاب کنید»

بهترین روش

۱. همیشه گزینه «همه موارد مرتبط را انتخاب کنید» را اضافه کنید

در متن برچسب یا راهنما، مشخص کنید که انتخاب‌های چندگانه مجاز است.

۲. برای سوالات باز، «سایر» را در نظر بگیرید

اگر نمی‌توانید همه احتمالات را فهرست کنید، گزینه «سایر» را به همراه ورودی متن اضافه کنید.

۳. در صورت لزوم از «هیچکدام» استفاده کنید

برای سوالاتی که هیچ کدام از موارد ذکر شده پاسخ معتبری ندارند، آن را صریحاً بیان کنید.

۴. طرح‌بندی را با محتوا مطابقت دهید

• گزینه‌های کوتاه → افقی یا شبکه‌ای
• گزینه‌های بلند → عمودی
• گزینه‌های زیاد → شبکه‌ای

۵. گزینه‌ها را از قبل بررسی نکنید

به کاربران اجازه دهید انتخاب‌های خودشان را انجام دهند. پیش‌بررسی می‌تواند:

• نتایج انحرافی
• احساس دستکاری شدن داشته باشید
• نقض GDPR برای رضایت بازاریابی

۶. در صورت لزوم محدودیت تعیین کنید

اگر اولویت‌بندی می‌خواهید، انتخاب‌ها را محدود کنید:

• «سه مورد برتر خود را انتخاب کنید» با حداکثر ۳ مورد
• انتخاب‌های متفکرانه را مجبور می‌کند

۷. گزینه‌های مرتبط با گروه

برای لیست‌های طولانی، به جای یک لیست بزرگ، چندین فیلد چک‌باکس را بر اساس دسته‌بندی در نظر بگیرید.

ملاحظات موبایل

طراحی لمسی

• اهداف ضربه‌ای به اندازه کافی بزرگ
• فاصله مناسب بین گزینه‌ها
• کلیک روی برچسب، کادر را علامت می‌زند

طرح‌بندی عمودی ترجیح داده می‌شود

در صفحه نمایش موبایل:

• طرح‌بندی‌های افقی به طرز ناشیانه‌ای پیچیده می‌شوند
• خواندن به صورت عمودی آسان‌تر است
• تست روی دستگاه‌های واقعی

عیب یابی

گزینه‌ها ذخیره نمی‌شوند

• مطمئن شوید که گزینه‌ها به درستی اضافه شده‌اند
• بررسی خطوط خالی
• فرم را ذخیره و رفرش کنید

همه را انتخاب کنید کار نمی‌کند

• تأیید کنید که ویژگی فعال شده است
• بررسی تداخل‌های جاوا اسکریپت
• پاک کردن حافظه پنهان

طرح بندی به درستی نمایش داده نمی شود

• بررسی تنظیمات طرح‌بندی
• CSS قالب ممکن است نادیده گرفته شود
• با قالب پیش‌فرض تست کنید

پرسش و پاسخهای متداول

چند گزینه خیلی زیاد است؟

بیش از ۱۲ گزینه بسیار طاقت‌فرسا می‌شود. گروه‌بندی در دسته‌ها، استفاده از چندین فیلد چک‌باکس یا تغییر به منوی کشویی چند انتخابی را در نظر بگیرید.

آیا باید از چک باکس استفاده کنم یا از منوی کشویی چند گزینه‌ای؟

کادرهای انتخاب وقتی گزینه‌ها کم هستند (۳ تا ۱۰) و می‌خواهید همه قابل مشاهده باشند. منوی کشویی چند انتخابی وقتی گزینه‌ها زیاد هستند و فضا محدود است.

آیا می‌توانم حداقل و حداکثر را همزمان تنظیم کنم؟

بله. مثال: «بین ۲ تا ۵ گزینه انتخاب کنید» با حداقل ۲ و حداکثر ۵.

چطور کاری کنم که دقیقاً ۳ تا الزامی باشه؟

حداقل و حداکثر را روی ۳ تنظیم کنید. کاربران باید دقیقاً ۳ گزینه را انتخاب کنند.

اگر کاربران به گزینه‌ای نیاز داشته باشند که در فهرست نیست، چه باید کرد؟

گزینه «سایر» را فعال کنید که یک فیلد متنی برای ورودی‌های سفارشی فراهم می‌کند.

خلاصه

ایجاد لیست‌های چند انتخابی با چک‌باکس:

1. اضافه کردن فیلد چک باکس - کشیدن برای شکل دادن
2. سوال واضح بنویسید – عبارت «همه موارد مربوطه را انتخاب کنید» را اضافه کنید
3. گزینه‌های خوب نوشته شده را اضافه کنید – مختصر، موازی، منظم
4. انتخاب طرح‌بندی مناسب - عمودی، افقی یا شبکه‌ای
5. پیکربندی قوانین انتخاب – مورد نیاز، حداقل/حداکثر در صورت نیاز
6. فعال کردن گزینه‌های ویژه - انتخاب همه، سایر، هیچکدام
7. تست روی موبایل - اطمینان از قابلیت استفاده

نتیجه

لیست‌های چندگزینه‌ای برای جمع‌آوری ترجیحات، علایق و انتخاب‌های چندگانه ضروری هستند. با طراحی مناسب گزینه‌ها، طرح‌بندی‌های مناسب و ویژگی‌های هوشمندی مانند «انتخاب همه» و «سایر»، می‌توانید فیلدهای انتخابی کاربرپسندی ایجاد کنید که داده‌های مورد نیاز شما را جمع‌آوری می‌کنند.

سازنده فرم خودکار فیلدهای چک‌باکس با امکانات کامل با طرح‌بندی‌های عمودی، افقی و شبکه‌ای، گزینه انتخاب همه، «سایر» با کادر متنی، «هیچ‌کدام از موارد فوق» و محدودیت‌های حداقل/حداکثر انتخاب را ارائه می‌دهد. هر آنچه برای سوالات چندگزینه‌ای حرفه‌ای نیاز دارید.

آماده‌ی ایجاد فرم‌های چندگزینه‌ای هستید؟ دانلود فرم ساز خودکار و به کاربران اجازه دهید همه موارد مربوطه را انتخاب کنند.