অনুসন্ধানযোগ্য ড্রপডাউন: দীর্ঘ তালিকা ব্যবহারকারী-বান্ধব করে তোলা

২০০টি দেশের একটি ড্রপডাউন তালিকা। ৫০টি রাজ্যের একটি তালিকা। শত শত পণ্যের বিকল্প। দীর্ঘ ড্রপডাউন তালিকা স্ক্রোল করা হতাশাজনক—এবং পরিত্যক্ত হওয়ার কারণ হয়।

অনুসন্ধানযোগ্য ড্রপডাউন ব্যবহারকারীদের তাৎক্ষণিকভাবে ফিল্টার অপশন টাইপ করার সুযোগ দিয়ে এই সমস্যা সমাধান করুন। স্ক্রোল করার পরিবর্তে, তারা "ক্যান" টাইপ করে এবং উপরে কানাডা দেখতে পায়।

এই নির্দেশিকায়, আপনি শিখবেন কখন অনুসন্ধানযোগ্য ড্রপডাউন ব্যবহার করবেন এবং কীভাবে আপনার ওয়ার্ডপ্রেস ফর্মগুলিতে সেগুলি সেট আপ করবেন।

দীর্ঘ ড্রপডাউনের সমস্যা

বিকল্পগুলি বৃদ্ধির সাথে সাথে স্ট্যান্ডার্ড ড্রপডাউনগুলি অব্যবহারযোগ্য হয়ে ওঠে:

ব্যবহারকারীর অভিজ্ঞতার সমস্যা

• অবিরাম স্ক্রোলিং - বর্ণানুক্রমিক দেশের তালিকায় "মার্কিন যুক্তরাষ্ট্র" খুঁজে বের করার অর্থ হল ১৮০+ দেশ অতিক্রম করা।
• মোবাইল দুঃস্বপ্ন - টাচ স্ক্রিনে ছোট স্ক্রোল এলাকা
• সময় অপগিত হয় এমন – ব্যবহারকারীরা একটি বিকল্প খুঁজে পেতে ১০+ সেকেন্ড সময় ব্যয় করে
• প্রবণ ত্রুটি - ভুলবশত ভুল জিনিস নির্বাচন করা সহজ
• হতাশাজনক - একাধিক ড্রপডাউন ক্ষেত্রের জন্য পুনরাবৃত্তি করা হয়েছে

যখন ড্রপডাউন সমস্যাযুক্ত হয়ে ওঠে

অনুসন্ধানযোগ্য ড্রপডাউন কীভাবে কাজ করে

একটি অনুসন্ধানযোগ্য ড্রপডাউন একটি টেক্সট ইনপুটকে একটি ড্রপডাউন তালিকার সাথে একত্রিত করে:

1. ব্যবহারকারী ড্রপডাউন ফিল্ডে ক্লিক করেন
2. একটি অনুসন্ধান বাক্স প্রদর্শিত হবে (অথবা ক্ষেত্রটি নিজেই অনুসন্ধানযোগ্য হয়ে যাবে)
3. ব্যবহারকারী কয়েকটি অক্ষর টাইপ করে
4. ইনপুট মেলানোর জন্য রিয়েল-টাইমে বিকল্প ফিল্টার করুন
5. ব্যবহারকারী ফিল্টার করা সংক্ষিপ্ত তালিকা থেকে নির্বাচন করেন

উদাহরণ: দেশ নির্বাচন

অনুসন্ধান ছাড়াই: "জার্মানি" খুঁজে পেতে ২০০+ দেশে স্ক্রোল করুন

অনুসন্ধানের মাধ্যমে: “ger” টাইপ করুন → জার্মানি, আলজেরিয়া, নাইজেরিয়া দেখুন → জার্মানিতে ক্লিক করুন।

সময় সাশ্রয়: ১০+ সেকেন্ড → ২ সেকেন্ড

অনুসন্ধানযোগ্য ড্রপডাউনের জন্য সাধারণ ব্যবহারের ক্ষেত্রে

দেশ নির্বাচন

ক্লাসিক উদাহরণ। ১৯৫+ দেশে, অনুসন্ধান অপরিহার্য:

• টাইপ করুন “uni” → মার্কিন যুক্তরাষ্ট্র, যুক্তরাজ্য, সংযুক্ত আরব আমিরাত
• টাইপ করুন “aus” → অস্ট্রেলিয়া, অস্ট্রিয়া
• “new” টাইপ করুন → নিউজিল্যান্ড, নিউ ক্যালেডোনিয়া

রাজ্য/প্রদেশ নির্বাচন

৫০টি মার্কিন রাজ্য, ১৩টি কানাডিয়ান প্রদেশ, অথবা বিশ্বব্যাপী অঞ্চল:

• "ক্যাল" টাইপ করুন → ক্যালিফোর্নিয়া
• “new” টাইপ করুন → নিউ ইয়র্ক, নিউ জার্সি, নিউ হ্যাম্পশায়ার, নিউ মেক্সিকো

পণের ধরন

শত শত পণ্যের ধরণ সহ ই-কমার্স সাইট:

• টাইপ করুন “ল্যাপটপ” → ল্যাপটপ, ল্যাপটপ আনুষাঙ্গিক, ল্যাপটপ ব্যাগ
• "ফোন" টাইপ করুন → ফোন, ফোন কেস, ফোন চার্জার

চাকরির শিরোনাম/শিল্প

বিস্তৃত চাকরির তালিকা সহ ক্যারিয়ার ফর্ম:

• টাইপ করুন “ইঞ্জিনিয়ার” → সফটওয়্যার ইঞ্জিনিয়ার, সিভিল ইঞ্জিনিয়ার, মেকানিক্যাল ইঞ্জিনিয়ার
• "বাজার" টাইপ করুন → মার্কেটিং ম্যানেজার, মার্কেট বিশ্লেষক, মার্কেটপ্লেস বিশেষজ্ঞ

ভাষাসমূহ

১০০+ বিকল্প সহ ভাষা পছন্দ:

• "স্প্যান" টাইপ করুন → স্প্যানিশ
• টাইপ করুন “চিন” → চাইনিজ (সরলীকৃত), চাইনিজ (ঐতিহ্যবাহী)

বিশ্ববিদ্যালয়/স্কুল

শিক্ষা প্রতিষ্ঠানের তালিকা:

• টাইপ করুন “হার্ভার্ড” → হার্ভার্ড বিশ্ববিদ্যালয়
• টাইপ করুন “MIT” → ম্যাসাচুসেটস ইনস্টিটিউট অফ টেকনোলজি

সময়ের অঞ্চলগুলোকে

৪০০+ টাইমজোন বিকল্প:

• টাইপ করুন “প্যাসিফিক” → প্যাসিফিক/অকল্যান্ড, প্যাসিফিক/হনোলুলু, মার্কিন যুক্তরাষ্ট্র/প্যাসিফিক
• "new york" টাইপ করুন → America/New_York

অনুসন্ধানযোগ্য ড্রপডাউন সেট আপ করা হচ্ছে

এখানে কীভাবে অনুসন্ধানযোগ্য ড্রপডাউন তৈরি করবেন তা দেওয়া হল অটো ফর্ম বিল্ডার:

ধাপ ১: অটো ফর্ম বিল্ডার ইনস্টল করুন

1. যান প্লাগইনস New নতুন যুক্ত করুন
2. সন্ধান করা "এএফবি"(অটো ফর্ম বিল্ডারের সংক্ষিপ্ত নাম)"
3. খুঁজুন "AFB – অটো ফর্ম বিল্ডার – ড্র্যাগ অ্যান্ড ড্রপ ফর্ম ক্রিয়েটর"
4. ক্লিক এখন ইন্সটল করুন, তারপর সক্রিয় করা

ধাপ ২: একটি ড্রপডাউন ক্ষেত্র যোগ করুন

1. আপনার ফর্ম তৈরি বা সম্পাদনা করুন
2. টানুন ড্রপডাউন আপনার ফর্মের উপর ফিল্ড করুন
3. সেটিংস খুলতে ক্লিক করুন

ধাপ ৩: আপনার বিকল্পগুলি যোগ করুন

আপনার বিকল্পগুলির তালিকা লিখুন। দীর্ঘ তালিকার জন্য, আপনি যা করতে পারেন:

• ম্যানুয়ালি টাইপ করুন - প্রতিটি বিকল্প এক এক করে লিখুন
• বাল্ক যোগ করুন - বিকল্পগুলির একটি তালিকা পেস্ট করুন (প্রতি লাইনে একটি)

ধাপ ৪: অনুসন্ধান সক্ষম করুন

ড্রপডাউন সেটিংসে, খুঁজুন অনুসন্ধানযোগ্য or অনুসন্ধান সক্ষম করুন বিকল্প। এটি চালু করুন।

ড্রপডাউনে এখন একটি অনুসন্ধান/ফিল্টার বক্স থাকবে যা ব্যবহারকারীদের টাইপ করার সাথে সাথে বিকল্পগুলি ফিল্টার করবে।

ধাপ ৫: অনুসন্ধান আচরণ কনফিগার করুন

আপনার ফর্ম বিল্ডারের উপর নির্ভর করে, আপনার কাছে বিকল্প থাকতে পারে যেমন:

• সর্বনিম্ন অক্ষর - X অক্ষর টাইপ করার পর ফিল্টারিং শুরু করুন
• অবস্থান অনুসন্ধান করুন - বিকল্পের শুরু থেকে অথবা যেকোনো জায়গা থেকে ম্যাচ করুন
• স্থানধারক পাঠ্য – “অনুসন্ধানের জন্য টাইপ করুন…” অথবা “দেশ অনুসন্ধান করুন…”

ড্রপডাউন ফিল্ডের সেরা অনুশীলন

১. সর্বদা ২০+ বিকল্পের জন্য অনুসন্ধান সক্ষম করুন

যদি আপনার ড্রপডাউনে ২০টিরও বেশি বিকল্প থাকে, তাহলে অনুসন্ধান সক্ষম করুন। এটা খুবই সহজ। ব্যবহারকারীরা আপনাকে ধন্যবাদ জানাবে।

৩. ক্লিয়ার প্লেসহোল্ডার টেক্সট ব্যবহার করুন

ব্যবহারকারীদের বলুন যে তারা অনুসন্ধান করতে পারেন:

• "একটি দেশ নির্বাচন করুন (অনুসন্ধানের জন্য ধরণ)"
• "আপনার রাজ্য বেছে নিন..."
• "অনুসন্ধান করুন অথবা নির্বাচন করুন..."

১. যৌক্তিকভাবে অর্ডার অপশন

এমনকি অনুসন্ধানের সাথেও, বিকল্পের ক্রম গুরুত্বপূর্ণ:

• বর্ণানুক্রমিক - নামের জন্য সেরা (দেশ, রাজ্য)
• সবচেয়ে সাধারণ প্রথমে - জনপ্রিয় বিকল্পগুলিকে শীর্ষে রাখুন (মার্কিন যুক্তরাষ্ট্র, যুক্তরাজ্য, কানাডা)
• গোষ্ঠীবদ্ধ - বিভাজক সহ বিভাগ

৪. সাধারণ বৈচিত্র্য অন্তর্ভুক্ত করুন

ব্যবহারকারীরা অনুসন্ধান করতে পারেন:

• "মার্কিন যুক্তরাষ্ট্র" বা "মার্কিন যুক্তরাষ্ট্র" বা "মার্কিন যুক্তরাষ্ট্র" বা "আমেরিকা"
• "যুক্তরাজ্য" বা "যুক্তরাজ্য" বা "ব্রিটেন" বা "ইংল্যান্ড"

যদি সম্ভব হয়, তাহলে একই বিকল্পের সাথে মানানসই সাধারণ সংক্ষিপ্ত রূপ বা ভিন্নতা অন্তর্ভুক্ত করুন।

৫. মোবাইলে পরীক্ষা করুন

টাচ ডিভাইসে অনুসন্ধানযোগ্য ড্রপডাউনগুলি মসৃণভাবে কাজ করা উচিত:

• অনুসন্ধান ইনপুট সহজেই ট্যাপ করা যায়
• টাইপ করার জন্য কীবোর্ড প্রদর্শিত হচ্ছে
• অপশনগুলি সঠিকভাবে ট্যাপ করার জন্য যথেষ্ট বড়

কখন অনুসন্ধানযোগ্য ড্রপডাউন ব্যবহার করবেন না

অনুসন্ধানযোগ্য ড্রপডাউনগুলি সবসময় উত্তর নয়:

সংক্ষিপ্ত তালিকা (১০টির কম বিকল্প)

৫-১০টি বিকল্পের জন্য, একটি স্ট্যান্ডার্ড ড্রপডাউন দ্রুত। যখন আপনি একবারে সবকিছু দেখতে পাবেন তখন টাইপ করার দরকার নেই।

যখন ব্যবহারকারীরা সঠিক শব্দটি জানেন না

অনুসন্ধানের জন্য ব্যবহারকারীদের কী টাইপ করতে হবে তা জানা প্রয়োজন। যদি তারা ব্রাউজিং/অন্বেষণের বিকল্পগুলি ব্যবহার করেন, তাহলে একটি শ্রেণীবদ্ধ তালিকা বা রেডিও বোতামগুলি আরও ভাল কাজ করতে পারে।

হ্যাঁ/না অথবা বাইনারি পছন্দ

পরিবর্তে রেডিও বোতাম ব্যবহার করুন। দুটি বিকল্পের জন্য ড্রপডাউনের প্রয়োজন নেই।

সংখ্যাসূচক পরিসর

বয়সসীমা বা পরিমাণ নির্বাচনের জন্য, বিবেচনা করুন:

• সংখ্যা ইনপুট ক্ষেত্র
• স্লাইডার
• ছোট ড্রপডাউন (১-১০)

অনুসন্ধানযোগ্য ড্রপডাউনের বিকল্প

আপনার তথ্যের উপর নির্ভর করে, এই বিকল্পগুলি বিবেচনা করুন:

স্বয়ংক্রিয়ভাবে সম্পূর্ণ টেক্সট ফিল্ড

ব্যবহারকারীরা অবাধে টাইপ করতে পারেন, পরামর্শ নিচে দেখানো হবে। ব্যবহারকারীরা যখন আপনার তালিকায় থাকা মানগুলি প্রবেশ করাতে পারে না তখন এটি ভালো।

ক্যাসকেডিং ড্রপডাউন

একটি দীর্ঘ তালিকাকে দুটি ছোট তালিকায় ভেঙে ফেলুন:

• প্রথম ড্রপডাউন: মহাদেশ নির্বাচন করুন
• দ্বিতীয় ড্রপডাউন: দেশ নির্বাচন করুন (মহাদেশ অনুসারে ফিল্টার করা)

"অন্যান্য" সহ রেডিও বোতাম

"অন্যান্য" বিকল্পের সাথে রেডিও বোতাম হিসেবে শীর্ষ ৫-৭টি বিকল্প দেখান যা একটি টেক্সট ফিল্ড প্রকাশ করে।

গোষ্ঠীবদ্ধ/শ্রেণীবদ্ধ বিকল্প

বিভাগ অনুসারে বিকল্পগুলি সংগঠিত করতে অপ্টগ্রুপ ব্যবহার করুন:

• উত্তর আমেরিকা
  • কানাডা
  • মেক্সিকো
  • মার্কিন যুক্তরাষ্ট
• ইউরোপ
  • ফ্রান্স
  • জার্মানি
  • যুক্তরাজ্য

পূর্ব-নির্মিত বিকল্প তালিকা

চাকাটি নতুন করে আবিষ্কার করবেন না। আপনার প্রয়োজনীয় সাধারণ তালিকাগুলি এখানে দেওয়া হল:

দেশে

১৯৫টি জাতিসংঘের সদস্য রাষ্ট্র এবং অঞ্চল। সাধারণ দেশগুলিকে (মার্কিন যুক্তরাষ্ট্র, যুক্তরাজ্য, কানাডা, অস্ট্রেলিয়া) উপরে রাখার কথা বিবেচনা করুন, তারপর বর্ণানুক্রমিকভাবে।

মার্কিন যুক্তরাষ্ট্র

৫০টি রাজ্য এবং ডিসি এবং অঞ্চল। বর্ণানুক্রমিকভাবে ভালো কাজ করে।

কানাডিয়ান প্রদেশ

১৩টি প্রদেশ এবং অঞ্চল। এত ছোট যে অনুসন্ধান ঐচ্ছিক।

সময়ের অঞ্চলগুলোকে

স্ট্যান্ডার্ড টাইমজোন শনাক্তকারী ব্যবহার করুন (আমেরিকা/নিউইয়র্ক, ইউরোপ/লন্ডন)। অঞ্চল অনুসারে গ্রুপ করুন।

ভাষাসমূহ

প্রদর্শন নাম সহ ISO ভাষা কোড। সাধারণ ভাষাগুলিকে প্রথমে রাখুন।

শিল্প

আপনার দর্শকদের জন্য স্ট্যান্ডার্ড শিল্প শ্রেণীবিভাগ তালিকা (NAICS, SIC) অথবা কাস্টম তালিকা।

কর্মক্ষমতা বিবেচনা

খুব বড় তালিকা (১০০০+ বিকল্প)

অত্যন্ত বড় তালিকার জন্য:

• চাহিদা অনুযায়ী লোড অপশন - ব্যবহারকারীর ধরণ অনুসারে সার্ভার থেকে আনুন
• সর্বনিম্ন অক্ষর সেট করুন - অনুসন্ধানের আগে ২-৩টি অক্ষর প্রয়োজন
• দেখানো ফলাফলের সীমা নির্ধারণ করুন – ৫০০টি নয়, শীর্ষ ২০টি ম্যাচ প্রদর্শন করুন

পৃষ্ঠা লোডের প্রভাব

দীর্ঘ বিকল্প তালিকা পৃষ্ঠার আকার বাড়ায়। ৫০০ টিরও বেশি বিকল্পের তালিকার জন্য, বিবেচনা করুন:

• AJAX এর মাধ্যমে বিকল্পগুলি লোড করা হচ্ছে
• ক্যাসকেডিং ড্রপডাউনগুলিতে বিভক্ত করা হচ্ছে
• সার্ভার-সাইড অনুসন্ধান ব্যবহার করে

অভিগম্যতা

অনুসন্ধানযোগ্য ড্রপডাউনগুলি অ্যাক্সেসযোগ্য কিনা তা নিশ্চিত করুন:

কীবোর্ড নেভিগেশন

• ক্ষেত্রটি ফোকাস করার জন্য ট্যাব
• অনুসন্ধানে টাইপ করুন
• বিকল্পগুলি নেভিগেট করার জন্য তীর কী
• নির্বাচন করতে প্রবেশ করুন
• বন্ধ করতে এস্কেপ করুন

স্ক্রিন রিডার

• সঠিক ARIA লেবেল
• ফলাফলের সংখ্যা ঘোষণা করুন
• নির্বাচিত বিকল্প ঘোষণা করুন

ভিজ্যুয়াল সূচক

• ফোকাস অবস্থা পরিষ্কার করুন
• হাইলাইট করা বর্তমান বিকল্প
• অনুসন্ধানের সময় সূচক লোড হচ্ছে

সচরাচর জিজ্ঞাস্য

আমার অনুসন্ধানের আগে কয়টি বিকল্প আছে?

২০+ বিকল্প সহ যেকোনো ড্রপডাউনের জন্য অনুসন্ধান সক্ষম করুন। ৫০+ বিকল্পের জন্য, অনুসন্ধান অপরিহার্য। কিছু ব্যবহারকারী এমনকি ১০-১৫টি বিকল্পের জন্যও অনুসন্ধান পছন্দ করেন।

অনুসন্ধান কি শুরু থেকেই মিলবে নাকি অন্য কোথাও?

"যেকোনো জায়গায়" মিল বেশি সহনশীল। "ইয়র্ক" খুঁজলে "নিউ ইয়র্ক" পাওয়া যায়। পরিচিত শব্দের ক্ষেত্রে কেবল শুরুর মিল দ্রুত।

ব্যবহারকারীরা কি এখনও সব বিকল্পের মধ্য দিয়ে স্ক্রোল করতে পারবেন?

হ্যাঁ, অনুসন্ধানযোগ্য ড্রপডাউনগুলি সাধারণত প্রথমে সম্পূর্ণ তালিকা দেখায়। অনুসন্ধান এটি ফিল্টার করে, তবে ব্যবহারকারীরা চাইলে এখনও স্ক্রোল করতে পারেন।

ব্যবহারকারীরা যদি তাদের অনুসন্ধানের বানান ভুল করে?

বেসিক সার্চ টাইপিং ভুল পরিচালনা করে না। গুরুত্বপূর্ণ ক্ষেত্রগুলির জন্য (যেমন দেশ), নিশ্চিত করুন যে সাধারণ ভুল বানানগুলি ঢেকে রাখা হয়েছে অথবা যদি পাওয়া যায় তবে অস্পষ্ট মিল ব্যবহার করুন।

মোবাইলে কি সার্চযোগ্য ড্রপডাউন কাজ করে?

হ্যাঁ, এবং এগুলি প্রায়শই মোবাইলে স্ট্যান্ডার্ড ড্রপডাউনের চেয়ে ভালো কারণ টাইপিং একটি ছোট স্ক্রোল এরিয়া সহ দীর্ঘ তালিকার মধ্য দিয়ে স্ক্রোল করার চেয়ে দ্রুত।

সারাংশ

লম্বা ড্রপডাউন তালিকা ব্যবহারকারী-বান্ধব করুন:

1. দীর্ঘ তালিকাগুলি সনাক্ত করুন - ২০+ বিকল্প সহ যেকোনো ড্রপডাউন
2. অনুসন্ধান সক্ষম করুন - ব্যবহারকারীদের ফিল্টার করতে টাইপ করতে দিন
3. স্পষ্ট স্থানধারক ব্যবহার করুন – “সার্চ করতে টাইপ করুন…”
4. যুক্তিসঙ্গতভাবে অর্ডার করুন – প্রথমে জনপ্রিয় আইটেম, তারপর বর্ণানুক্রমিক
5. মোবাইলে পরীক্ষা করুন - মসৃণ স্পর্শ অভিজ্ঞতা নিশ্চিত করুন
6. বিকল্প বিবেচনা করুন - ক্যাসকেডিং ড্রপডাউন, গ্রুপকৃত বিকল্পগুলি

উপসংহার

লম্বা ড্রপডাউন তালিকা ফর্ম পূরণের হারকে হ্রাস করে। অনুসন্ধানযোগ্য ড্রপডাউন অভিজ্ঞতাকে রূপান্তরিত করুন—ব্যবহারকারীরা অবিরাম স্ক্রোল করার পরিবর্তে কয়েক সেকেন্ডের মধ্যে তাদের বিকল্প খুঁজে পান।

দেশ, রাজ্য, পণ্য, অথবা ২০+ বিকল্প সহ যেকোনো তালিকাই হোক না কেন, অনুসন্ধান কার্যকারিতা যোগ করলে আপনার ফর্মগুলি দ্রুত এবং আরও ব্যবহারকারী-বান্ধব হয়ে ওঠে।

অটো ফর্ম বিল্ডার আপনাকে অনুসন্ধানযোগ্য কার্যকারিতা সহ ড্রপডাউন ক্ষেত্র তৈরি করতে দেয়, ব্যবহারকারীদের দীর্ঘতম তালিকাতেও তাদের প্রয়োজনীয় জিনিসগুলি দ্রুত খুঁজে পেতে সহায়তা করে।

আপনার ফর্ম উন্নত করতে প্রস্তুত? অটো ফর্ম বিল্ডার ডাউনলোড করুন এবং আজই আপনার ড্রপডাউন তালিকাগুলিকে ব্যবহারকারী-বান্ধব করে তুলুন।