साइटों पर फ़िल्टर के लिए हमारी चेकलिस्ट

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

ये आवश्यकताएं उचित हैं। उनमें से कुछ को लागू करना मुश्किल है। भाग स्पष्ट है। भाग - प्रसंग पर निर्भर करता है। लेकिन सामान्य तौर पर वे काफी सार्वभौमिक हैं। यदि विशिष्ट बिंदुओं पर कोई प्रश्न हैं - अच्छी तरह से टिप्पणियों में।

महत्व: अतिरिक्त उच्च

[] यदि फ़िल्टर लागू नहीं होता है, तो ब्राउज़र के एड्रेस बार में अतिरिक्त मापदंडों के बिना सीएनसी होता है।

[] जब आप पहली बार यूआरएल में श्रेणी पृष्ठ पर जाते हैं तो कोई "प्रश्न" नहीं होना चाहिए।
आपको कैटलॉग या श्रेणी पृष्ठ पर जाने और यह सुनिश्चित करने की आवश्यकता है कि सीएनसी का उपयोग किया जाता है।

उदाहरण: जिम्ज़ुम ।

[] जब कैटलॉग से किसी उत्पाद पर स्विच किया जाता है, तो ब्राउज़र में "बैक" लिंक सही ढंग से काम करना चाहिए और मापदंडों को बहाल करना चाहिए।

उदाहरण: Zolotoy-telets ।

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

[] फ़िल्टर के सभी क्षेत्रों के लिए, सुनिश्चित करें कि सही डेटा को संबंधित निर्देशिकाओं से लोड किया गया है।

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

[] जब आप फ़िल्टर किए गए डेटा के साथ एक लिंक खोलते हैं, तो फ़िल्टर की स्थिति बहाल हो जाती है।

[] फ़िल्टरिंग विकल्पों को लागू करते समय फ़िल्टर URL को गतिशील रूप से बदल देता है।
[] जब आप गुप्त मोड में एक अलग विंडो में फ़िल्टर किए गए डेटा के साथ एक लिंक खोलते हैं, तो फ़िल्टर की स्थिति और फ़िल्टर किए गए डेटा को रीडायरेक्ट, फ़िल्टर फ्लैशिंग या अनावश्यक बदलाव के बिना पुनर्स्थापित किया जाता है।
[] फ़िल्टर से प्रत्येक फ़ील्ड को बदलना लिंक में सहेजा और पुनर्स्थापित किया गया है।

उदाहरण: Trainer.ru ।

क्यों बिल्कुल: उपयोगकर्ता कैटलॉग को फ़िल्टर करने और किसी अन्य उपयोगकर्ता को प्राप्त चयन के लिए एक लिंक भेजने में सक्षम होना चाहिए। प्राप्त लिंक पर क्लिक करते समय, किसी अन्य उपयोगकर्ता को फ़िल्टर किए गए पृष्ठ पर जाना चाहिए।

[] फ़िल्टर के सभी क्षेत्र फ़िल्टर की गई सूची को सही ढंग से प्रभावित करते हैं।

[] प्रत्येक क्षेत्र के लिए अलग से फ़िल्टरिंग की जाँच करें।
[] खेतों के संयोजन द्वारा छानने की जाँच करें।

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

[] फ़िल्टर रीसेट बटन सही ढंग से काम करता है।

[] फ़िल्टरिंग पैरामीटर और URL दोनों रीसेट किए जाते हैं।
[] उत्पाद सूची का पुनर्निर्माण किया जा रहा है।

उदाहरण: जैतसेव

महत्व: उच्च

[] खोज इंजन के लिए पेजिंग प्रदान की जाती है।

उदाहरण: आराम ।

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

[] Robots.txt अनुक्रमण के दौरान सामग्री के दोहराव से सुरक्षा प्रदान करता है।

[] बिना फ़िल्टर के कैटलॉग पृष्ठ अनुक्रमण (अनुक्रमण पृष्ठांकन सहित) के लिए खुले होने चाहिए।
[] लागू किए गए फ़िल्टर वाले पृष्ठ अनुक्रमणिका से बंद होने चाहिए।

उदाहरण: सैपटो - robots.txt ।

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

[] फ़िल्टर अनावश्यक SQL क्वेरी नहीं बनाता है।

[] तेजी से काम करता है, कोई अनुचित नमूने नहीं हैं।

उदाहरण: जैपोस ।

[] सूची, चेकलिस्ट, पेड़ और अन्य क्षेत्रों में केवल उन तत्वों को शामिल करना चाहिए जिनके द्वारा स्थिति पाई जा सकती है।

[] यदि किसी क्षेत्र या मानदंड द्वारा फ़िल्टर करने पर ० स्थान मिलते हैं, तो आपको इसे फ़िल्टर से हटाने या इसे निष्क्रिय करने की आवश्यकता है (डिज़ाइन के आधार पर)।

उदाहरण: टिफ़नी ।

यह महत्वपूर्ण है: इस तरह के ऑपरेशन सर्वर को महत्वपूर्ण रूप से लोड करते हैं।

[] आश्रित क्षेत्र को समकालिक रूप से अद्यतन किया जाता है।

[] निर्भर क्षेत्रों में से एक को बदलते समय, बाकी अपने डेटा को अपडेट करते हैं (डेटा सूचियों को अपडेट करते हैं, मूल्यों की गतिविधि को बदलते हैं, आदि)।

उदाहरण: बाजार ।

क्यों ठीक है: इस तरह के मैकेनिक्स उपयोगकर्ता को "शून्य" परिणामों से बचाता है, सही उत्पादों को खोजने के लिए चरणों की संख्या कम कर देता है। दुर्गम निर्भर क्षेत्रों को छिपाया जा सकता है या दुर्गम बनाया जा सकता है।

[] नमूना अद्यतन करने के लिए एक पूर्व लोडर प्रदान किया जाता है।

उदाहरण: सपातो

[] फिल्टर मापदंडों को अद्यतन करने के लिए एक पूर्व लोडर है।

नोट: कुछ साइटों (एक ही Sapato) पर, चयन और फ़िल्टर मापदंडों को अपडेट करने के लिए एक सामान्य प्रीलोडर है। यह काफी स्वीकार्य है, हालांकि यह हमें लगता है कि यह सबसे सुरुचिपूर्ण समाधान नहीं है।

[] पाया पदों की संख्या की एक प्रारंभिक गणना प्रदान की जाती है और सही ढंग से काम करती है।

उदाहरण: इंटर्नो और यैंडेक्स.मार्केट ।

क्यों बिल्कुल: डिजाइन के आधार पर, इसे फ़िल्टर बटन पर और फ़िल्टर फ़ील्ड के प्रत्येक मान के बगल में प्रदान किया जा सकता है (यह इंगित किया गया है कि यदि फ़िल्टर आवश्यक मानदंड के अनुसार उपयोग किया जाता है तो कितने तत्व मिलेंगे)।

महत्व: सामान्य

[] अजाक्स द्वारा डायरेक्टरी लोडिंग वाला फिल्टर सूची में स्थिति को सही ढंग से पुनर्स्थापित करता है।

उदाहरण: आराम ।

क्यों ठीक है: यदि उपयोगकर्ता ने पेजिंग करके कई पेज लोड किए हैं, तो यह यूआरएल बदलना चाहिए ताकि जब आप उस पर क्लिक करें, तो यह तुरंत पेजिंग के वांछित पेज पर पहुंच जाए। HTML या ajax में तुरंत अपलोड करें, जैसा कि प्रोजेक्ट मैनेजर के साथ सहमति है।

[] फ़िल्टर अनावश्यक रूप से कैशिंग सिस्टम को रोक नहीं पाता है।

[] विशेषताओं और बड़े कैटलॉग की बड़ी मात्रा वाले फिल्टर के लिए, कैशिंग परिणामों की वैधता की जांच करें।
[] टैग किए गए कैश की उपस्थिति।
[] रीसेट आवृत्ति।

बिल्कुल क्यों: मान लीजिए कि उपयोगकर्ता मापदंडों का चयन करता है: रंग "लाल", आकार "एक्स्ट्रा लार्ज", सामग्री "कपास", मॉडल "स्लिम", मूल्य: 1500 रूबल। (कीमत कीबोर्ड से मैन्युअल रूप से निर्दिष्ट की जा सकती है)। किसी अन्य नमूने में बस ऐसी स्थितियों को दोहराने की संभावना छोटी है; तदनुसार, आपको ऐसे नमूने को कैश नहीं करना चाहिए। इसी समय, ऐसे मापदंडों के उत्पादन में ऐसे तत्व शामिल हो सकते हैं जिन्हें अतिरिक्त नमूने की आवश्यकता हो सकती है। आप उन्हें कैश कर सकते हैं।

[] एक डिफ़ॉल्ट सॉर्टिंग फ़ील्ड निर्दिष्ट है।

[] डिज़ाइन लेआउट पर प्रदान किया गया।

[] चयनित छँटाई विकल्प स्पष्ट हैं।

[] जाहिर है, किस क्षेत्र और किस दिशा में छँटाई अब लागू होती है।
[] जाहिर है, छँटाई के क्षेत्र और दिशा को कैसे बदलना है।

उदाहरण: बाजार ।

यह महत्वपूर्ण है: सॉर्ट फ़ील्ड ("अप एरो" या "डाउन एरो") के बगल में स्थित आइकन को सॉर्ट की वर्तमान स्थिति को प्रतिबिंबित करना चाहिए।

[] फ़िल्टर एप्लिकेशन बटन हमेशा देखने में होता है।

उदाहरण: बुलगारी ।

क्यों ठीक है: एक नियम के रूप में, फ़िल्टर को लागू करने के लिए बटन हमेशा फ़िल्टर के साथ स्क्रीन पर मौजूद होना चाहिए (उपयोगकर्ता को इसे देखना चाहिए)।

[] ब्रेडक्रंब जब उत्पाद को देखते हैं तो आप सही ढंग से फ़िल्टर की गई सूची में वापस आ सकते हैं।

उदाहरण: आराम ।

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

आप खोज इंजन के लिए डुप्लिकेट पृष्ठ उपलब्ध नहीं हैं, यह सुनिश्चित करने के लिए ब्रेडक्रंब लिंक में फ़िल्टर पैरामीटर स्टोर नहीं कर सकते। ब्रेडक्रंब के लिए लिंक भी सही तरीके से काम करना चाहिए यदि उपयोगकर्ता एक सीधा लिंक के माध्यम से उत्पाद कार्ड पर क्लिक करता है (इस मामले में, फ़िल्टर लागू नहीं किया जाना चाहिए)।

ब्रेडक्रंब के बजाय "रिटर्न टू कैटलॉग" लिंक का उपयोग करना संभव (लेकिन एकमात्र समाधान और सबसे इष्टतम नहीं) समाधान है। लिंक पते में एक निर्देशिका अनुभाग होना चाहिए, जिसमें एक वापसी की जाती है और एक अतिरिक्त पैरामीटर यह संकेत देता है कि यदि उपयोगकर्ता ने फ़िल्टर का उपयोग किया है, तो उसकी स्थिति को पुनर्स्थापित किया जाना चाहिए (जैसे http: // <product_cateory>? Back = true)।

फ़िल्टर की स्थिति को पुनर्स्थापित करने के लिए, फ़िल्टर पहले सेशन में सेव किए जाते हैं, प्रत्येक श्रेणी के लिए अलग से।

[] फ़िल्टर पैरामीटर बदलते समय, फ़ील्ड के बगल में शो बटन दिखाई देता है।

उदाहरण: बाजार ।

बिल्कुल क्यों: यदि यह डिज़ाइन द्वारा प्रदान किया जाता है - फ़िल्टर मापदंडों को बदलते समय, "शो" बटन तुरंत उसी फ़ील्ड के बगल में दिखाई देता है, जिसमें तत्वों की संख्या पाई जाती है। यह उपयोगकर्ता को नेविगेट करने की अनुमति देता है कि चयनित फ़िल्टर पैरामीटर लागू होने से पहले कितने उपयुक्त हैं।

महत्व: कम

[] ब्रेडक्रंब जब उत्पाद को देखते हैं तो फ़िल्टरिंग मापदंडों को ध्यान में रखते हुए बनाया जाता है।

उदाहरण: शाम 6 बजे ।

नोट: एक विवादास्पद लेकिन दिलचस्प निर्णय।

[] फ़िल्टर में चयनित पैरामीटर किसी भी चयनित पैरामीटर को रीसेट करने की क्षमता के साथ एक सूची के रूप में दिखाई देते हैं।

उदाहरण: त्रय ।

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

Google डॉक में चेकलिस्ट ।
उपयोग और पूरक।

और यहाँ फिल्टर के बारे में एक holivar से एक वीडियो है । हम टिप्पणियों में चर्चा की प्रतीक्षा कर रहे हैं।