शोधण्यायोग्य ड्रॉपडाउन: लांब याद्या वापरकर्ता-अनुकूल बनवणे

२०० देशांसह ड्रॉपडाउन सूची. ५० राज्यांची यादी. शेकडो उत्पादन पर्याय. लांब ड्रॉपडाउन सूचीमधून स्क्रोल करणे निराशाजनक आहे - आणि त्यामुळे सोडून देण्याचे प्रकार घडतात.

शोधण्यायोग्य ड्रॉपडाउन वापरकर्त्यांना त्वरित फिल्टर पर्याय टाइप करण्याची परवानगी देऊन हे सोडवले जाते. स्क्रोल करण्याऐवजी, ते "कॅन" टाइप करतात आणि वरच्या बाजूला कॅनडा पाहतात.

या मार्गदर्शकामध्ये, तुम्ही शोधण्यायोग्य ड्रॉपडाउन कधी वापरायचे आणि ते तुमच्या वर्डप्रेस फॉर्ममध्ये कसे सेट करायचे ते शिकाल.

लांब ड्रॉपडाऊनची समस्या

पर्याय वाढल्याने मानक ड्रॉपडाउन निरुपयोगी होतात:

वापरकर्ता अनुभव समस्या

• अंतहीन स्क्रोलिंग - वर्णक्रमानुसार देशांच्या यादीत "युनायटेड स्टेट्स" शोधणे म्हणजे १८०+ देशांच्या पुढे जाणे.
• मोबाईल दुःस्वप्न - टच स्क्रीनवर लहान स्क्रोल क्षेत्रे
• वेळखाऊ - वापरकर्ते एक पर्याय शोधण्यात १०+ सेकंद घालवतात
• त्रुटी प्रवण - चुकून चुकीची वस्तू निवडणे सोपे
• निराश - अनेक ड्रॉपडाउन फील्डसाठी पुनरावृत्ती

जेव्हा ड्रॉपडाउन समस्याप्रधान बनतात

शोधण्यायोग्य ड्रॉपडाउन कसे काम करतात

शोधण्यायोग्य ड्रॉपडाउनमध्ये मजकूर इनपुट ड्रॉपडाउन सूचीसह एकत्रित केला जातो:

1. वापरकर्ता ड्रॉपडाउन फील्डवर क्लिक करतो.
2. एक शोध बॉक्स दिसेल (किंवा फील्ड स्वतःच शोधण्यायोग्य होईल)
3. वापरकर्ता काही वर्ण टाइप करतो
4. इनपुटशी जुळण्यासाठी पर्याय रिअल-टाइममध्ये फिल्टर करा
5. वापरकर्ता फिल्टर केलेल्या शॉर्टलिस्टमधून निवडतो

उदाहरण: देश निवड

शोध न घेता: "जर्मनी" शोधण्यासाठी २००+ देशांमध्ये स्क्रोल करा.

शोधासह: “ger” टाइप करा → जर्मनी, अल्जेरिया, नायजेरिया पहा → जर्मनी वर क्लिक करा.

वेळ वाचवला: १०+ सेकंद → २ सेकंद

शोधण्यायोग्य ड्रॉपडाउनसाठी सामान्य वापर प्रकरणे

देश निवड

उत्कृष्ट उदाहरण. १९५+ देशांमध्ये, शोध आवश्यक आहे:

• “uni” टाइप करा → युनायटेड स्टेट्स, युनायटेड किंग्डम, संयुक्त अरब अमिराती
• "aus" → ऑस्ट्रेलिया, ऑस्ट्रिया टाइप करा
• “नवीन” टाइप करा → न्यूझीलंड, न्यू कॅलेडोनिया

राज्य/प्रांत निवड

५० अमेरिकन राज्ये, १३ कॅनेडियन प्रांत किंवा जगभरातील प्रदेश:

• “कॅल” टाइप करा → कॅलिफोर्निया
• “नवीन” टाइप करा → न्यू यॉर्क, न्यू जर्सी, न्यू हॅम्पशायर, न्यू मेक्सिको

उत्पादन श्रेणी

शेकडो उत्पादन प्रकारांसह ई-कॉमर्स साइट्स:

• "लॅपटॉप" टाइप करा → लॅपटॉप, लॅपटॉप अॅक्सेसरीज, लॅपटॉप बॅग
• "फोन" टाइप करा → फोन, फोन केसेस, फोन चार्जर्स

नोकरीची शीर्षके/उद्योग

विस्तृत नोकरी यादीसह करिअर फॉर्म:

• "इंजिनिअर" प्रकार → सॉफ्टवेअर इंजिनिअर, सिव्हिल इंजिनिअर, मेकॅनिकल इंजिनिअर
• "मार्केट" टाइप करा → मार्केटिंग मॅनेजर, मार्केट अॅनालिस्ट, मार्केटप्लेस स्पेशालिस्ट

भाषा

१००+ पर्यायांसह भाषा प्राधान्य:

• “स्पॅन” → स्पॅनिश टाइप करा
• "हनुवटी" टाइप करा → चीनी (सरलीकृत), चीनी (पारंपारिक)

विद्यापीठे/शाळा

शैक्षणिक संस्थांची यादी:

• "हार्वर्ड" टाइप करा → हार्वर्ड विद्यापीठ
• "एमआयटी" टाइप करा → मॅसॅच्युसेट्स इन्स्टिट्यूट ऑफ टेक्नॉलॉजी

वेळ क्षेत्र

४००+ टाइमझोन पर्याय:

• "पॅसिफिक" टाइप करा → पॅसिफिक/ऑकलंड, पॅसिफिक/होनोलुलु, यूएस/पॅसिफिक
• “न्यू यॉर्क” → अमेरिका/न्यू यॉर्क टाइप करा

शोधण्यायोग्य ड्रॉपडाउन सेट करणे

शोधण्यायोग्य ड्रॉपडाउन कसे तयार करायचे ते येथे आहे ऑटो फॉर्म बिल्डर:

पायरी १: ऑटो फॉर्म बिल्डर स्थापित करा

1. जा प्लगइन्स → नवीन जोडा
2. "साठी शोधा"A.F.B."(ऑटो फॉर्म बिल्डरचे संक्षिप्त नाव)"
3. शोधणे "AFB – ऑटो फॉर्म बिल्डर – ड्रॅग अँड ड्रॉप फॉर्म क्रिएटर"
4. क्लिक करा स्थापित करा, नंतर सक्रिय

पायरी २: ड्रॉपडाउन फील्ड जोडा

1. तुमचा फॉर्म तयार करा किंवा संपादित करा
2. ड्रॅग करा ड्रॉपडाउन तुमच्या फॉर्मवर फील्ड करा
3. सेटिंग्ज उघडण्यासाठी क्लिक करा

पायरी ३: तुमचे पर्याय जोडा

तुमच्या पर्यायांची यादी एंटर करा. लांब यादीसाठी, तुम्ही हे करू शकता:

• मॅन्युअली टाइप करा - प्रत्येक पर्याय एक एक करून प्रविष्ट करा.
• मोठ्या प्रमाणात जोडा - पर्यायांची यादी पेस्ट करा (प्रत्येक ओळीत एक)

पायरी ४: शोध सक्षम करा

ड्रॉपडाउन सेटिंग्जमध्ये, शोधा शोधण्यायोग्य or शोध सक्षम करा पर्याय. ते चालू करा.

ड्रॉपडाऊनमध्ये आता एक शोध/फिल्टर बॉक्स असेल जो वापरकर्त्यांनी टाइप केल्याप्रमाणे पर्याय फिल्टर करेल.

पायरी ५: शोध वर्तन कॉन्फिगर करा

तुमच्या फॉर्म बिल्डरवर अवलंबून, तुमच्याकडे असे पर्याय असू शकतात:

• किमान वर्ण - X अक्षरे टाइप केल्यानंतर फिल्टरिंग सुरू करा.
• शोध स्थान - पर्यायाच्या सुरुवातीपासून किंवा कुठूनही जुळवा
• प्लेसहोल्डर मजकूर – “शोधण्यासाठी टाइप करा…” किंवा “देश शोधा…”

ड्रॉपडाउन फील्डमधील सर्वोत्तम पद्धती

१. २०+ पर्यायांसाठी शोध नेहमी सक्षम करा.

जर तुमच्या ड्रॉपडाउनमध्ये २० पेक्षा जास्त पर्याय असतील, तर शोध सक्षम करा. हे इतके सोपे आहे. वापरकर्ते तुमचे आभार मानतील.

३. स्पष्ट प्लेसहोल्डर मजकूर वापरा

वापरकर्त्यांना सांगा की ते शोधू शकतात:

• "देश निवडा (शोधण्यासाठी प्रकार)"
• "तुमचे राज्य निवडा..."
• "शोधा किंवा निवडा..."

३. पर्याय तार्किकदृष्ट्या ऑर्डर करा

शोध असला तरी, पर्यायांचा क्रम महत्त्वाचा असतो:

• क्रमवारीनुसार - नावांसाठी सर्वोत्तम (देश, राज्ये)
• सर्वात सामान्य प्रथम - लोकप्रिय पर्यायांना वरच्या क्रमांकावर ठेवा (यूएस, यूके, कॅनडा)
• गटबद्ध - विभाजकांसह श्रेणी

४. सामान्य भिन्नता समाविष्ट करा

वापरकर्ते हे शोधू शकतात:

• "यूएसए" किंवा "युनायटेड स्टेट्स" किंवा "यूएस" किंवा "अमेरिका"
• "यूके" किंवा "युनायटेड किंग्डम" किंवा "ब्रिटन" किंवा "इंग्लंड"

शक्य असल्यास, समान पर्यायाशी जुळणारे सामान्य संक्षेप किंवा भिन्नता समाविष्ट करा.

५. मोबाईलवर चाचणी

टच डिव्हाइसेसवर शोधण्यायोग्य ड्रॉपडाउन सहजतेने काम करतील:

• शोध इनपुट सहजपणे टॅप करता येतो
• टाइप करण्यासाठी कीबोर्ड दिसतो.
• अचूकपणे टॅप करण्यासाठी पर्याय पुरेसे मोठे आहेत

शोधण्यायोग्य ड्रॉपडाउन कधी वापरू नयेत

शोधण्यायोग्य ड्रॉपडाउन नेहमीच उत्तर नसतात:

लहान यादी (१० पर्यायांपेक्षा कमी)

५-१० पर्यायांसाठी, एक मानक ड्रॉपडाउन जलद आहे. जेव्हा तुम्ही एकाच वेळी सर्वकाही पाहू शकता तेव्हा टाइप करण्याची आवश्यकता नाही.

जेव्हा वापरकर्त्यांना नेमकी संज्ञा माहित नसते

शोधासाठी वापरकर्त्यांना काय टाइप करायचे हे माहित असणे आवश्यक आहे. जर ते पर्याय ब्राउझ करत असतील/एक्सप्लोर करत असतील, तर वर्गीकृत यादी किंवा रेडिओ बटणे अधिक चांगले काम करू शकतात.

हो/नाही किंवा बायनरी पर्याय

त्याऐवजी रेडिओ बटणे वापरा. ​​दोन पर्यायांना ड्रॉपडाउनची अजिबात आवश्यकता नाही.

संख्यात्मक श्रेणी

वयोगटातील किंवा प्रमाण निवडीसाठी, विचारात घ्या:

• क्रमांक इनपुट फील्ड
• स्लायडर
• लहान ड्रॉपडाउन (१-१०)

शोधण्यायोग्य ड्रॉपडाउनसाठी पर्याय

तुमच्या डेटावर अवलंबून, हे पर्याय विचारात घ्या:

ऑटो-कंप्लीट टेक्स्ट फील्ड

वापरकर्ता मुक्तपणे टाइप करतो, सूचना खाली दिसतात. वापरकर्ते तुमच्या यादीत नसलेली मूल्ये प्रविष्ट करू शकतात तेव्हा चांगले.

कॅस्केडिंग ड्रॉपडाउन

एका लांब यादीचे दोन लहान यादींमध्ये विभाजन करा:

• पहिला ड्रॉपडाउन: खंड निवडा
• दुसरा ड्रॉपडाउन: देश निवडा (खंडानुसार फिल्टर केलेले)

"इतर" असलेले रेडिओ बटणे

मजकूर फील्ड दाखवणाऱ्या "इतर" पर्यायासह रेडिओ बटणे म्हणून शीर्ष ५-७ पर्याय दाखवा.

गटबद्ध/वर्गीकृत पर्याय

श्रेणीनुसार पर्याय आयोजित करण्यासाठी ऑप्टग्रुप वापरा:

• उत्तर अमेरिका
  • कॅनडा
  • मेक्सिको
  • संयुक्त राष्ट्र
• युरोप
  • फ्रान्स
  • जर्मनी
  • युनायटेड किंगडम

पूर्व-निर्मित पर्याय सूची

चाक पुन्हा शोधू नका. तुम्हाला आवश्यक असलेल्या सामान्य यादी येथे आहेत:

देश

१९५ संयुक्त राष्ट्र सदस्य देश आणि प्रदेश. सामान्य देश (अमेरिका, युके, कॅनडा, ऑस्ट्रेलिया) वरती ठेवण्याचा विचार करा, नंतर वर्णक्रमानुसार.

यूएस स्टेट्स

५० राज्ये अधिक डीसी आणि प्रदेश. वर्णक्रमानुसार चांगले काम करते.

कॅनेडियन प्रांत

१३ प्रांत आणि प्रदेश. शोध पर्यायी असेल इतके लहान.

वेळ क्षेत्र

मानक टाइमझोन आयडेंटिफायर वापरा (अमेरिका/न्यू_यॉर्क, युरोप/लंडन). प्रदेशानुसार गटबद्ध करा.

भाषा

प्रदर्शन नावांसह ISO भाषा कोड. सामान्य भाषांना प्रथम स्थान द्या.

इंडस्ट्रीज

तुमच्या प्रेक्षकांसाठी मानक उद्योग वर्गीकरण सूची (NAICS, SIC) किंवा कस्टम सूची.

कामगिरी विचार

खूप मोठ्या याद्या (१०००+ पर्याय)

अत्यंत मोठ्या यादींसाठी:

• मागणीनुसार लोड पर्याय - सर्व्हरवरून वापरकर्त्याच्या प्रकारानुसार मिळवा.
• किमान वर्ण सेट करा - शोधण्यापूर्वी २-३ वर्ण आवश्यक आहेत.
• दाखवलेले परिणाम मर्यादित करा - सर्व ५०० नाही तर टॉप २० सामने दाखवा

पेज लोडचा परिणाम

लांब पर्याय सूची पृष्ठ आकार वाढवतात. ५०० पेक्षा जास्त पर्यायांच्या सूचींसाठी, विचारात घ्या:

• AJAX द्वारे पर्याय लोड करत आहे
• कॅस्केडिंग ड्रॉपडाउनमध्ये विभागणे
• सर्व्हर-साइड शोध वापरणे

प्रवेश

शोधण्यायोग्य ड्रॉपडाउन उपलब्ध आहेत याची खात्री करा:

कीबोर्ड नेव्हिगेशन

• फील्ड फोकस करण्यासाठी टॅब
• शोधण्यासाठी टाइप करा
• पर्याय नेव्हिगेट करण्यासाठी बाण की
• निवडण्यासाठी एंटर करा
• बंद करण्यासाठी एस्केप करा

स्क्रीन रीडर्स

• योग्य ARIA लेबल्स
• निकालांची संख्या जाहीर करा
• निवडलेला पर्याय जाहीर करा

व्हिज्युअल निर्देशक

• फोकस स्थिती साफ करा
• हायलाइट केलेला वर्तमान पर्याय
• शोधताना इंडिकेटर लोड होत आहे

वारंवार विचारले जाणारे प्रश्न

मला शोधण्यापूर्वी किती पर्याय आहेत?

२०+ पर्यायांसह कोणत्याही ड्रॉपडाउनसाठी शोध सक्षम करा. ५०+ पर्यायांसाठी, शोध आवश्यक आहे. काही वापरकर्ते १०-१५ पर्यायांसाठी देखील शोध पसंत करतात.

शोध सुरुवातीपासून जुळला पाहिजे की कुठेही?

"कोठेही" जुळणी अधिक क्षम्य आहे. "यॉर्क" शोधल्याने "न्यू यॉर्क" सापडते. ज्ञात संज्ञांसाठी सुरुवातीपासून जुळणारी जुळणी जलद आहे.

वापरकर्ते अजूनही सर्व पर्यायांमधून स्क्रोल करू शकतात का?

हो, शोधण्यायोग्य ड्रॉपडाउन सामान्यतः सुरुवातीला संपूर्ण यादी दाखवतात. शोध ते खाली फिल्टर करते, परंतु वापरकर्ते त्यांना हवे असल्यास ते स्क्रोल करू शकतात.

जर वापरकर्त्यांनी त्यांच्या शोधात चुकीचे स्पेलिंग केले तर काय होईल?

मूलभूत शोध टायपिंगच्या चुका हाताळत नाही. महत्त्वाच्या फील्डसाठी (जसे की देश), सामान्य चुकीच्या स्पेलिंग्ज समाविष्ट आहेत याची खात्री करा किंवा उपलब्ध असल्यास अस्पष्ट जुळणी वापरा.

मोबाईलवर शोधण्यायोग्य ड्रॉपडाउन काम करतात का?

हो, आणि ते बहुतेकदा मोबाइलवर मानक ड्रॉपडाउनपेक्षा चांगले असतात कारण टाइपिंग हे लहान स्क्रोल क्षेत्र असलेल्या लांब यादीतून स्क्रोल करण्यापेक्षा जलद असते.

सारांश

लांब ड्रॉपडाउन सूची वापरकर्त्यांसाठी अनुकूल बनवा:

1. लांबलचक यादी ओळखा - २०+ पर्यायांसह कोणताही ड्रॉपडाउन
2. शोध सक्षम करा - वापरकर्त्यांना फिल्टर करण्यासाठी टाइप करू द्या
3. स्पष्ट प्लेसहोल्डर वापरा – “शोधण्यासाठी टाइप करा…”
4. तार्किकरित्या क्रम लावा - प्रथम लोकप्रिय आयटम, नंतर वर्णक्रमानुसार
5. मोबाईलवर चाचणी करा - सहज स्पर्श अनुभव सुनिश्चित करा
6. पर्यायांचा विचार करा - कॅस्केडिंग ड्रॉपडाउन, गटबद्ध पर्याय

निष्कर्ष

लांब ड्रॉपडाऊन याद्या फॉर्म पूर्ण होण्याचे प्रमाण कमी करतात. शोधण्यायोग्य ड्रॉपडाउन अनुभवाचे रूपांतर करा—वापरकर्ते अविरतपणे स्क्रोल करण्याऐवजी काही सेकंदात त्यांचा पर्याय शोधतात.

देश असोत, राज्य असोत, उत्पादने असोत किंवा २०+ पर्यायांसह कोणतीही यादी असो, शोध कार्यक्षमता जोडल्याने तुमचे फॉर्म जलद आणि अधिक वापरकर्ता-अनुकूल बनतात.

ऑटो फॉर्म बिल्डर तुम्हाला शोधण्यायोग्य कार्यक्षमतेसह ड्रॉपडाउन फील्ड तयार करू देते, ज्यामुळे वापरकर्त्यांना सर्वात लांब सूचीमध्ये देखील त्यांना आवश्यक असलेले द्रुतपणे शोधण्यास मदत होते.

तुमचे फॉर्म सुधारण्यास तयार आहात का? ऑटो फॉर्म बिल्डर डाउनलोड करा आणि आजच तुमच्या ड्रॉपडाउन याद्या वापरण्यास सोप्या बनवा.