सूची से अपने देश का चयन कैसे सुधारें

मैं आपके सामने ईसाई होल्स्ट द्वारा " रीडिजाइनिंग द कंट्री सेलेक्टर " नामक लेख का अनुवाद प्रस्तुत करता हूँ। स्मैशिंग मैगज़ीन के प्रकाशन की स्वीकृति के साथ विशेष रूप से हबराब्रिज उपयोगकर्ताओं के लिए UXDepot में स्थानांतरित किया गया।

देश की पसंद आमतौर पर यह तब होता है जब आप एक नई वेब सेवा पर पंजीकरण करते हैं, एक ऑनलाइन स्टोर में एक आदेश देते हैं, या एक सम्मेलन में भागीदारी की व्यवस्था करते हैं। आमतौर पर किसी देश की पसंद क्या है? सभी उपलब्ध देशों की सूची के साथ एक ड्रॉप-डाउन सूची।



एक बार, बड़े पैमाने पर प्रयोज्य परीक्षणों का आयोजन (जो हमने अप्रैल 2011 में स्मैशिंग मैगज़ीन में किया था। अनुवादकों ने ध्यान दिया: हमने इस लेख का अनुवाद भी किया है । बाहर की जाँच अवश्य करें :), हमने लगातार देश चुनने से संबंधित कई समस्याओं का सामना किया। जैकब नीलसन ने 2000 और 2007 में ऐसे ही क्षणों की सूचना दी जब उन्होंने बड़ी संख्या में आंतरिक तत्वों के साथ ड्रॉप-डाउन सूचियों का परीक्षण किया, जैसे कि, उदाहरण के लिए, राज्यों या देशों की सूची।


इसलिए, इस गर्मी में हमने देश को चुनने का फैसला किया। यह लेख डिजाइन के चार चरणों का वर्णन करता है, जिसके परिणामस्वरूप हम एक तैयार समाधान (नि: शुल्क jQuery प्लगइन, जिसमें शामिल हैं) में आए।

सबसे पहले, आइए पारंपरिक देश के चयनकर्ताओं के उपयोग की समस्याओं पर करीब से नज़र डालें।

---

कठिनाइयों

जब वे (सूचियाँ) कई कारणों से देश या राज्य का चयन करने के साधन के रूप में उपयोग की जाती हैं, तो ड्रॉप-डाउन सूचियाँ प्रयोज्य समस्याओं को भड़काती हैं। यहाँ छह प्रमुख हैं:

1. समीक्षा का अभाव । 20 से अधिक असंरचित विकल्पों की पसंद को भी भ्रमित करना, दुनिया के सभी देशों की सूची का उल्लेख नहीं करना (आईएसओ 3166 के अनुसार, इसमें 249 देश हैं)।
2. अस्पष्ट छँटाई सिद्धांत । उपयोगकर्ताओं को बड़े पैमाने पर सूची का प्रदर्शन करते समय, सबसे पहले, उपयोगकर्ता तत्वों को छांटने के तर्क को समझने की कोशिश करते हैं। लेकिन, चूंकि देश के चयनकर्ता अक्सर सूची के शीर्ष पर सबसे लोकप्रिय विकल्पों में से तीन से पांच तक होते हैं, इसलिए आइटम को छांटने का तर्क हमेशा एक नज़र में स्पष्ट नहीं होता है।
3. सूची स्क्रॉलिंग प्रश्न । कई समस्याएं बड़ी ड्रॉप-डाउन सूचियों के माध्यम से स्क्रॉल करने से भी संबंधित हैं। यदि आपका माउस कर्सर विस्तारित सूची से बाहर है, तो आप संभवतः पूरे पृष्ठ को स्क्रॉल करेंगे, जो सूची आपने पृष्ठ से खोली है। अन्य ब्राउज़रों में, हालांकि, ड्रॉप-डाउन सूची तब तक स्क्रॉल होगी जब तक कि यह फोकस में है, जो गलत डेटा के इनपुट की संभावना को जन्म देगा।
4. सूची प्रस्तुत करने के विविध तरीके । अलग-अलग ब्राउज़र और ऑपरेटिंग सिस्टम में ड्रॉप-डाउन सूची इंटरफेस एक दूसरे से काफी अलग हैं। उदाहरण के लिए, मैक और सफारी पर, आपको सूची में स्क्रॉल करने के लिए दो तीर का उपयोग करने के लिए कहा जाएगा, और फायरफॉक्स एक पारंपरिक स्क्रॉल विकल्प प्रदान करता है। अब अपना स्मार्टफोन लें और आप अचानक पाएंगे कि इंटरफ़ेस फिर से नाटकीय रूप से बदल गया है।
5. शारीरिक प्रतिबंध । मोबाइल उपकरणों पर स्क्रीन के आकार पर गंभीर प्रतिबंध हैं - उन पर देशों की एक बड़ी सूची प्रदर्शित करना शारीरिक रूप से असंभव है। यह चयन प्रक्रिया को धीमा कर देता है, जिससे असुविधा भी होती है।
6. तार्किक अनुक्रम का उल्लंघन । लगभग सभी उपयोगकर्ता - यहां तक ​​कि जो लोग फार्म तत्वों के बीच स्विच करने के लिए टैब का उपयोग करते हैं - ड्रॉप-डाउन सूचियों के साथ बातचीत करने के लिए एक माउस का उपयोग करेंगे, जो बातचीत को काफी धीमा कर देगा।

कुल मिलाकर, हमारे पास है

ये सभी प्रयोज्य समस्याएं बल्कि छोटी हैं, व्यक्तिगत रूप से वे देशों के ड्रॉप-डाउन चयनकर्ता के साथ उपयोगकर्ताओं की सहभागिता को खराब नहीं करते हैं। लेकिन सभी एक साथ, अन्य छोटे प्रयोज्य समस्याओं को ध्यान में रखते हुए, यह बातचीत की पूरी प्रक्रिया को काफी परेशान करता है और अंततः विफलताओं की ओर जाता है।

उपरोक्त सभी को देखते हुए, हम मानक ड्रॉप-डाउन देश चयनकर्ता को फिर से डिज़ाइन करने के बारे में निर्धारित करते हैं। हमारे द्वारा कवर किए गए चार चरण नीचे वर्णित हैं।

---

स्टेज 1. कीबोर्ड इनपुट एंटी-स्क्रॉल

सैकड़ों सूची आइटम और स्क्रॉलिंग मुद्दों से छुटकारा पाने का सबसे आसान तरीका केवल ड्रॉप-डाउन सूची को एक इनपुट फ़ील्ड के साथ बदलना है ताकि उपयोगकर्ता अपने देश का नाम दर्ज कर सके। यह विधि केवल तभी काम करती है जब उपयोगकर्ता जानता है कि क्या और कहाँ दर्ज करना है, क्योंकि अन्यथा दृश्य मान्यता का कोई प्रभाव नहीं होगा (यह वितरण विकल्पों को इंगित करने के लिए कभी काम नहीं करेगा, क्योंकि उपयोगकर्ता को खेतों के नाम का अनुमान लगाना होगा)। लेकिन देश के "लाने" को पाठ क्षेत्र द्वारा अच्छी तरह से लागू किया जाता है क्योंकि यह मानना ​​तर्कसंगत है कि प्रत्येक उपयोगकर्ता जानता है कि वह किस देश में रहता है।

तो, हमारे पास एक टेक्स्ट इनपुट फ़ील्ड है। हालांकि यह एक तरफ सुविधाजनक है, यह एक कूरियर के लिए खराब है, जिसे माल पहुंचाना है। ड्रॉप-डाउन सूची सीमित संख्या में विकल्प प्रदान करती है, जबकि पाठ क्षेत्र एक अनंत संख्या प्रदान करता है (उपयोगकर्ता जो चाहे वहां प्रवेश कर सकता है)। क्षेत्र में एक मूल्य के इनपुट को सीमित करने के लिए (हम देश के नाम के बारे में बात कर रहे हैं), जिसे हमारी सेवा का सर्वर हिस्सा पहचान सकता है, यह पाठ क्षेत्र में ऑटो प्रतिस्थापन जोड़ने और विकल्पों के सीमित सेट को स्वीकार करने के लायक है । यह हमें डेटा प्रविष्टि प्रदान करने की अनुमति देगा जो हमारे सर्वर भाग (और हमारे कूरियर) से 100% संतुष्ट है।


आज, अधिकांश वेब उपयोगकर्ता ऑटो-प्रतिस्थापन कार्यक्षमता से परिचित हैं। Google इस सुविधा का उपयोग अपने खोज क्षेत्र के लिए 2008 से (और 2004 से एक प्रायोगिक सुविधा के रूप में) कर रहा है।

---

स्टेज 2. टाइपो और उनके परिणाम

एक ऑटोसुबस्ट्रेशन इनपुट क्षेत्र वाले देशों की सूची की जगह, हम एक नई समस्या का सामना कर रहे हैं। यद्यपि उपयोगकर्ता अपने देश का नाम जानता है, वह यह नहीं जान सकता है कि हमारा सर्वर हिस्सा क्या कहता है। यदि कोई उपयोगकर्ता, यूएसए में रहता है, तो उसे सील कर दिया जाता है, उदाहरण के लिए, "संयुक्त राज्य अमेरिका", या नाम के केवल भाग में प्रवेश करने का निर्णय करता है, उदाहरण के लिए "अमेरिका" ("संयुक्त राज्य अमेरिका के बजाय"), इससे गलत परिणाम आएगा।


Apple वेबसाइट पर देश के प्रवेश क्षेत्र के लिए आपको न केवल देश के नाम की वर्तनी की आवश्यकता है, बल्कि नाम में शब्दों का सही क्रम भी है।

यह सब इस तथ्य के कारण है कि ऑटो-प्रतिस्थापन के साथ मानक इनपुट क्षेत्र को मूल्यों की आवश्यकता होती है, न केवल सही ढंग से टाइप किया जाता है, बल्कि वांछित अनुक्रम में भी दर्ज किया जाता है।

कई वेब सेवाएँ, विशेष रूप से ऑनलाइन स्टोर, भौगोलिक रूप से सीमित हैं, और अंतर्राष्ट्रीय उपयोगकर्ता इसके बारे में अच्छी तरह से जानते हैं। अमेज़ॅन, हुलु या स्पॉटिफ़ जैसी बड़ी साइटों पर भी कुछ या सभी सेवाओं पर गंभीर भौगोलिक प्रतिबंध हैं। यदि संयुक्त राज्य अमेरिका में रहने वाला कोई व्यक्ति यह उम्मीद कर सकता है कि उसका देश समर्थित लोगों की सूची में है, तो दूसरे देश का एक उपयोगकर्ता जो सूची में अपने देश को नहीं खोज सकता है वह आपकी टाइपो को मान्यता देने से पहले आपकी साइट छोड़ सकता है।

संक्षेप में, देश चयनकर्ता को टाइपोस से संबंधित मुद्दों और दर्ज किए गए डेटा के अनुक्रम को हल करना होगा। हम इसे इनपुट डेटा के अंशों की स्वतंत्र तुलना की अनुमति देकर प्राप्त करते हैं।

---

स्टेज 3. जब नीदरलैंड को हॉलैंड कहा जाता है।

हमने टाइपो और अधूरे नामों की समस्या को हल किया। हालांकि, एक और उपद्रव है। कुछ देशों के कई सामान्य नाम हैं (उदाहरण के लिए, नीदरलैंड को कभी-कभी नीदरलैंड कहा जाता है)। भौगोलिक रूप से, हॉलैंड नीदरलैंड को संदर्भित करता है, लेकिन ऐसे समय में जब सामान्य लोग कहते हैं कि वे "नीदरलैंड में आराम करते हैं " , जबकि डच खुद आमतौर पर "नीदरलैंड" का उच्चारण करते हैं।



जब हमें उपयोगकर्ता को किसी देश का नाम दर्ज करने की आवश्यकता होती है, तो हमें सभी सामान्य वर्तनी विकल्पों पर विचार करना चाहिए। समानार्थक शब्द, स्थानीय नाम, संक्षिप्त नाम और कोड - यह सब ध्यान में रखा जाना चाहिए। यदि स्विटज़रलैंड (स्विट्जरलैंड) के बजाय उपयोगकर्ता स्किविज़, सुइस, स्वज़ीरा या स्विज़रा में प्रवेश करता है तो सामान्य ऑटो-प्रतिस्थापन काम नहीं करेगा। जर्मनी के बजाय वे डीई लिखते हैं तो ऐसा ही होगा।

उपयोग में आसानी के दृष्टिकोण से, इस तरह की त्रुटियों को अस्वीकार्य माना जाता है, क्योंकि ये वर्तनी संस्करण आम हैं और लोग अक्सर स्वचालित प्रतिस्थापन के साथ उन्हें खेतों में प्रवेश करेंगे।

देश के नाम के लिए इनपुट फ़ील्ड के रीडिज़ाइन के दौरान, हमने प्राप्त मूल्य के साथ कई शब्दों को मिलाने की क्षमता जोड़ी।

---

स्टेज 4. जब संयुक्त राज्य अमेरिका संयुक्त अरब अमीरात की तुलना में अधिक लोकप्रिय है

Apple वेबसाइट पर देश के चयन क्षेत्र में "युनाइटेड" शब्द दर्ज करते हुए, आप निम्नलिखित चित्र देख सकते हैं:


इस ऑटो प्रतिस्थापन सूची में देशों को वर्णानुक्रम में क्रमबद्ध किया गया है। लेकिन, चूंकि अब हमें देशों की सूची के माध्यम से पत्ते की आवश्यकता नहीं है, इसलिए वर्णानुक्रम से छंटनी का कोई कारण नहीं है, इसे लोकप्रियता के आधार पर छांटना अधिक तर्कसंगत होगा । Apple शायद संयुक्त राज्य अमेरिका को एक उच्च प्राथमिकता बनाना चाहता है, और उनके पीछे यूनाइटेड किंगडम और यूएई है। उसी समय, एक ब्रिटिश समाचार पत्र यूनाइटेड किंगडम को पहले रखना चाह सकता है।



इस सिद्धांत को लागू करने के लिए, हम देश के वजन की अवधारणा को पेश कर सकते हैं। प्रारंभ में, सभी देशों में सभी साइटों पर वजन समान होता है, लेकिन फिर, उनके परिचय पर आंकड़ों के आगमन के साथ, देशों को स्वयं पसंद की आवृत्ति द्वारा हल किया जाता है।

अंतिम समाधान: नया चयनकर्ता देश

सभी चरणों का परिणाम एक संशोधित देश चयनकर्ता का निर्माण था: यह टाइपोस, विभिन्न वर्तनी विशेषताओं, समानार्थी और प्राथमिकता विकल्पों को ध्यान में रखता है।

यह आंशिक रूप से मेल खाते, समानार्थी और प्राथमिकता के परिणामों को ध्यान में रखते हुए "ऑटो-प्रतिस्थापन के साथ परिणामी टेक्स्ट बॉक्स" को कॉल करने के लिए तकनीकी रूप से सही होगा। यह थोड़ा बोझिल है, इसलिए मैंने इसे एक पुनर्नवीनीकरण देश का चयनकर्ता कहने का फैसला किया। आप इसे इस डेमो में आज़मा सकते हैं।

आपमें से जो देश चयनकर्ता वाली साइट के मालिक हैं या काम करते हैं, मैंने एक ओपन सोर्स कोड बनाने का फैसला किया। यह ड्रॉप-डाउन मेनू (यानी किसी देश के चयन के लिए ड्रॉप-डाउन सूची) में सुधार के लिए एक सरल jQuery प्लगइन है, जो आधुनिक ब्राउज़रों के लिए ऑटो-प्रतिस्थापन के साथ उन्नत क्षेत्रों में बदल जाता है। प्लगइन उपयोग और FAQ के निर्देशों के साथ है। आप GitHub पर प्रोजेक्ट भी देख सकते हैं और इस समाधान के लिए और अपडेट के लिए हमारे साथ बने रह सकते हैं।

।
अनुवादकों से पुनश्च: मुझे आशा है कि आपको लेख अच्छा लगा होगा। हमें खुशी होगी यदि आप हमें अनुवाद में त्रुटियों का संकेत देते हैं, ताकि हम उन्हें जल्दी ठीक कर सकें। कृपया मुझे पीएम में लिखें :)

PPS: वैकल्पिक समाधान के लिंक के लिए धन्यवाद।