منوی کشویی قابل جستجو: کاربرپسند کردن لیست‌های طولانی

یک منوی کشویی با ۲۰۰ کشور. لیستی از ۵۰ ایالت. صدها گزینه برای محصولات. پیمایش در لیست‌های کشویی طولانی خسته‌کننده است و باعث رها کردن فرم می‌شود.

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

در این راهنما، یاد خواهید گرفت که چه زمانی از منوهای کشویی قابل جستجو استفاده کنید و چگونه آنها را در فرم‌های وردپرس خود تنظیم کنید.

مشکل منوهای کشویی طولانی

با افزایش گزینه‌ها، منوهای کشویی استاندارد غیرقابل استفاده می‌شوند:

مشکلات تجربه کاربری

• پیمایش بی‌پایان - پیدا کردن «ایالات متحده» در فهرست الفبایی کشورها به معنای پیمایش بیش از ۱۸۰ کشور است
• کابوس موبایل - نواحی اسکرول کوچک در صفحات لمسی
• زمان بر – کاربران بیش از ۱۰ ثانیه برای یافتن یک گزینه وقت صرف می‌کنند
• مستعد خطا - انتخاب تصادفی مورد اشتباه به راحتی
• خسته کننده، اذیت کننده – برای چندین فیلد کشویی تکرار می‌شود

وقتی منوهای کشویی مشکل‌ساز می‌شوند

نحوه کار منوهای کشویی قابل جستجو

یک منوی کشویی قابل جستجو، ورودی متن را با یک لیست کشویی ترکیب می‌کند:

1. کاربر روی فیلد کشویی کلیک می‌کند
2. یک کادر جستجو ظاهر می‌شود (یا خود فیلد قابل جستجو می‌شود)
3. کاربر چند کاراکتر تایپ می‌کند
4. فیلتر گزینه‌ها به صورت بلادرنگ برای مطابقت با ورودی
5. کاربر از لیست کوتاه فیلتر شده انتخاب می‌کند

مثال: انتخاب کشور

بدون جستجو: برای یافتن «آلمان» در بیش از ۲۰۰ کشور جستجو کنید

با جستجو: «ger» را تایپ کنید → آلمان، الجزایر، نیجریه را ببینید → روی آلمان کلیک کنید

زمان صرفه‌جویی شده: ۱۰+ ثانیه → ۲ ثانیه

موارد استفاده رایج برای منوهای کشویی قابل جستجو

انتخاب کشور

مثال کلاسیک. با بیش از ۱۹۵ کشور، جستجو ضروری است:

• عبارت «uni» را تایپ کنید → ایالات متحده، بریتانیا، امارات متحده عربی
• "aus" → استرالیا، اتریش را تایپ کنید
• عبارت «new» را تایپ کنید → نیوزیلند، کالدونیای جدید

انتخاب ایالت/استان

۵۰ ایالت آمریکا، ۱۳ استان کانادا یا مناطق مختلف جهان:

• تایپ کنید «cal» → کالیفرنیا
• عبارت «new» را تایپ کنید → نیویورک، نیوجرسی، نیوهمپشایر، نیومکزیکو

دسته بندی محصولات

سایت‌های تجارت الکترونیک با صدها نوع محصول:

• عبارت «لپ‌تاپ» را تایپ کنید → لپ‌تاپ، لوازم جانبی لپ‌تاپ، کیف لپ‌تاپ
• عبارت «phone» را تایپ کنید → تلفن‌ها، قاب‌های تلفن، شارژرهای تلفن

عناوین شغلی/صنایع

فرم‌های شغلی با فهرست‌های شغلی گسترده:

• عبارت «مهندس» را تایپ کنید → مهندس نرم‌افزار، مهندس عمران، مهندس مکانیک
• نوع «بازار» → مدیر بازاریابی، تحلیلگر بازار، متخصص بازار

زبان ها

ترجیح زبان با بیش از ۱۰۰ گزینه:

• عبارت «span» را تایپ کنید → اسپانیایی
• تایپ کردن «چانه» → چینی (ساده‌شده)، چینی (سنتی)

دانشگاه‌ها/مدارس

فهرست موسسات آموزشی:

• عبارت «harvard» را تایپ کنید → دانشگاه هاروارد
• نوع «MIT» → موسسه فناوری ماساچوست

محدوده های زمانی

بیش از ۴۰۰ گزینه منطقه زمانی:

• تایپ کنید «pacific» → Pacific/Auckland، Pacific/Honolulu، US/Pacific
• عبارت «نیویورک» را تایپ کنید → America/New_York

تنظیم منوهای کشویی قابل جستجو

در اینجا نحوه ایجاد منوهای کشویی قابل جستجو با ... آورده شده است. سازنده فرم خودکار:

مرحله ۱: نصب سازنده فرم خودکار

1. رفتن به پلاگین ها → افزودن موارد جدید
2. جستجو برای "A.F.B.«(نام اختصاری سازنده خودکار فرم)»
3. پیدا کردن "AFB – سازنده خودکار فرم – سازنده فرم با کشیدن و رها کردن"
4. کلیک کنید نصب در حال حاضر، و سپس فعال کردن

مرحله ۲: اضافه کردن یک فیلد کشویی

1. فرم خود را ایجاد یا ویرایش کنید
2. کشیدن رها کردن فیلد را روی فرم خود قرار دهید
3. برای باز کردن تنظیمات کلیک کنید

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

لیست گزینه‌های خود را وارد کنید. برای لیست‌های طولانی، می‌توانید:

• تایپ دستی – هر گزینه را یکی یکی وارد کنید
• افزودن فله‌ای - فهرستی از گزینه‌ها را وارد کنید (هر گزینه در یک خط)

مرحله ۴: فعال کردن جستجو

در تنظیمات کشویی، به دنبال قابل جستجو or فعال کردن جستجو گزینه. آن را روشن کنید.

منوی کشویی اکنون شامل یک کادر جستجو/فیلتر خواهد بود که گزینه‌ها را با توجه به نوع تایپ کاربران فیلتر می‌کند.

مرحله ۵: پیکربندی رفتار جستجو

بسته به سازنده فرم شما، ممکن است گزینه‌هایی مانند موارد زیر داشته باشید:

• حداقل کاراکترها – شروع فیلترینگ پس از تایپ X کاراکتر
• موقعیت جستجو - مطابقت از ابتدای گزینه یا هر جای دیگر
• متن جای جای – «برای جستجو تایپ کنید…» یا «جستجوی کشورها…»

بهترین شیوه‌های فیلد کشویی

۱. همیشه جستجو را برای بیش از ۲۰ گزینه فعال کنید

اگر منوی کشویی شما بیش از 20 گزینه دارد، جستجو را فعال کنید. به همین سادگی. کاربران از شما تشکر خواهند کرد.

۳. از متن‌های واضح و شفاف استفاده کنید

به کاربران بگویید که می‌توانند جستجو کنند:

• «یک کشور را انتخاب کنید (برای جستجو تایپ کنید)»
• «ایالت خود را انتخاب کنید…»
• «جستجو یا انتخاب…»

۱. گزینه‌ها را به صورت منطقی سفارش دهید

حتی با جستجو، ترتیب گزینه‌ها اهمیت دارد:

• بر اساس حروف الفبا - بهترین برای نام‌ها (کشورها، ایالت‌ها)
• رایج‌ترین‌ها اول – گزینه‌های محبوب را در بالا قرار دهید (ایالات متحده، انگلستان، کانادا)
• گروه بندی شده - دسته بندی ها با جداکننده

۴. تغییرات رایج را لحاظ کنید

کاربران ممکن است موارد زیر را جستجو کنند:

• «ایالات متحده آمریکا» یا «ایالات متحده» یا «آمریکا»
• «بریتانیا» یا «بریتانیا» یا «انگلستان»

در صورت امکان، اختصارات یا تغییرات رایجی را که به همان گزینه اشاره دارند، ذکر کنید.

۵. روی موبایل تست کنید

منوهای کشویی قابل جستجو باید روی دستگاه‌های لمسی به راحتی کار کنند:

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

چه زمانی نباید از منوهای کشویی قابل جستجو استفاده کرد؟

منوی کشویی قابل جستجو همیشه جوابگو نیست:

فهرست‌های کوتاه (کمتر از ۱۰ گزینه)

برای ۵ تا ۱۰ گزینه، یک منوی کشویی استاندارد سریع‌تر است. وقتی می‌توانید همه چیز را یکجا ببینید، نیازی به تایپ کردن نیست.

وقتی کاربران اصطلاح دقیق را نمی‌دانند

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

بله/خیر یا انتخاب‌های دوتایی

به جای آن از دکمه‌های رادیویی استفاده کنید. دو گزینه اصلاً نیازی به منوی کشویی ندارند.

محدوده‌های عددی

برای محدوده سنی یا انتخاب کمیت، موارد زیر را در نظر بگیرید:

• فیلد ورودی عدد
• لغزنده
• منوی کشویی کوتاه (۱-۱۰)

جایگزین‌هایی برای منوهای کشویی قابل جستجو

بسته به داده‌هایتان، این گزینه‌ها را در نظر بگیرید:

فیلد متنی با قابلیت تکمیل خودکار

کاربر می‌تواند آزادانه تایپ کند، پیشنهادات در زیر نمایش داده می‌شوند. این برای زمانی که کاربران ممکن است مقادیری را وارد کنند که در لیست شما نیستند، مفید است.

منوی آبشاری

یک لیست طولانی را به دو لیست کوتاه‌تر تقسیم کنید:

• منوی کشویی اول: قاره را انتخاب کنید
• منوی کشویی دوم: انتخاب کشور (فیلتر شده بر اساس قاره)

دکمه‌های رادیویی با «دیگر»

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

گزینه‌های گروه‌بندی‌شده/دسته‌بندی‌شده

از optgroups برای سازماندهی گزینه‌ها بر اساس دسته‌بندی استفاده کنید:

• شمال امریکا
  • Canada
  • مکزیک
  • ایالات متحده
• اروپا
  • فرانسه
  • آلمان
  • انگلستان

لیست‌های گزینه‌های از پیش ساخته شده

چرخ را دوباره اختراع نکنید. در اینجا لیست‌های رایجی که نیاز دارید آمده است:

کشورها

۱۹۵ کشور عضو سازمان ملل به علاوه‌ی سرزمین‌ها. قرار دادن کشورهای مشترک (ایالات متحده، بریتانیا، کانادا، استرالیا) در بالا و سپس به ترتیب حروف الفبا را در نظر بگیرید.

ایالات ایالات متحده

۵۰ ایالت به علاوه‌ی واشنگتن دی‌سی و مناطق دیگر. ترتیب الفبایی خوب جواب می‌دهد.

استان‌های کانادا

۱۳ استان و منطقه. آنقدر کوتاه که جستجو اختیاری است.

محدوده های زمانی

از شناسه‌های استاندارد منطقه زمانی (آمریکا/نیویورک، اروپا/لندن) استفاده کنید. بر اساس منطقه گروه‌بندی کنید.

زبان ها

کدهای زبان ISO به همراه نام‌های نمایشی. زبان‌های رایج را در اولویت قرار دهید.

صنایع

فهرست‌های استاندارد طبقه‌بندی صنایع (NAICS، SIC) یا فهرست‌های سفارشی برای مخاطبان شما.

ملاحظات عملکرد

لیست‌های بسیار بزرگ (بیش از ۱۰۰۰ گزینه)

برای لیست‌های بسیار بزرگ:

• گزینه‌های بارگیری بر اساس تقاضا - دریافت اطلاعات از سرور بر اساس نوع کاربر
• حداقل کاراکترها را تنظیم کنید - قبل از جستجو به ۲-۳ کاراکتر نیاز دارید
• نتایج محدود نشان داده شده است - نمایش 20 مورد برتر، نه همه 500 مورد

تأثیر بارگذاری صفحه

لیست‌های طولانی گزینه‌ها حجم صفحه را افزایش می‌دهند. برای لیست‌های بیش از ۵۰۰ گزینه، موارد زیر را در نظر بگیرید:

• گزینه‌های بارگیری از طریق AJAX
• نفوذ به منوهای آبشاری
• استفاده از جستجوی سمت سرور

دسترسی

اطمینان حاصل کنید که منوهای کشویی قابل جستجو قابل دسترسی هستند:

پیمایش صفحه کلید

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

صفحه خوان ها

• برچسب‌های مناسب ARIA
• اعلام تعداد نتایج
• اعلام گزینه انتخاب شده

شاخص های بصری

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

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

قبل از جستجو به چند گزینه نیاز دارم؟

جستجو را برای هر منوی کشویی با بیش از 20 گزینه فعال کنید. برای بیش از 50 گزینه، جستجو ضروری است. برخی از کاربران حتی از جستجو برای 10 تا 15 گزینه نیز استقبال می‌کنند.

آیا جستجو باید از ابتدا یا هر جایی مطابقت داشته باشد؟

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

آیا کاربران هنوز می‌توانند از بین همه گزینه‌ها پیمایش کنند؟

بله، منوی کشویی قابل جستجو معمولاً در ابتدا لیست کامل را نشان می‌دهد. جستجو آن را فیلتر می‌کند، اما کاربران در صورت تمایل می‌توانند همچنان به پیمایش بپردازند.

اگر کاربران عبارت جستجوی خود را اشتباه تایپ کنند، چه می‌شود؟

جستجوی ساده غلط‌های املایی را مدیریت نمی‌کند. برای فیلدهای مهم (مانند کشور)، مطمئن شوید که غلط‌های املایی رایج پوشش داده شده‌اند یا در صورت امکان از تطبیق فازی استفاده کنید.

آیا منوهای کشویی قابل جستجو در موبایل هم کار می‌کنند؟

بله، و آنها اغلب در موبایل بهتر از منوهای کشویی استاندارد هستند، زیرا تایپ کردن سریعتر از پیمایش در یک لیست طولانی با یک ناحیه پیمایش کوچک است.

خلاصه

لیست‌های کشویی طولانی را کاربرپسند کنید:

1. شناسایی لیست‌های طولانی – هر منوی کشویی با بیش از ۲۰ گزینه
2. جستجو را فعال کنید – اجازه دهید کاربران برای فیلتر کردن تایپ کنند
3. از متغیرهای واضح استفاده کنید – «برای جستجو تایپ کنید…»
4. منطقی سفارش دهید - ابتدا موارد محبوب، سپس به ترتیب حروف الفبا
5. تست روی موبایل - تجربه لمسی روان را تضمین کنید
6. گزینه های دیگری را در نظر بگیرید – منوی آبشاری، گزینه‌های گروه‌بندی‌شده

نتیجه

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

چه کشورها، استان‌ها، محصولات یا هر لیستی با بیش از ۲۰ گزینه باشد، اضافه کردن قابلیت جستجو، فرم‌های شما را سریع‌تر و کاربرپسندتر می‌کند.

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

آماده‌اید فرم‌هایتان را بهبود ببخشید؟ دانلود فرم ساز خودکار و همین امروز لیست‌های کشویی خود را کاربرپسند کنید.