एंड्रॉइड में 10 एंटी-नेविगेशन पैटर्न

इस लेख में, हम एंड्रॉइड में 10 एंटी-नेविगेशन पैटर्न पर विचार करेंगे जो कि कई newbies (और न केवल) एंड्रॉइड एप्लिकेशन इंटरफेस बनाने की अनुमति देते हैं।







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


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



सही विकल्प:



नेविगेशन ड्रॉअर को हमेशा उच्चतम स्तर का प्रतिनिधित्व करना चाहिए, एक्शन बार स्पिनर को दूसरे स्तर पर और अंत में, तीसरे नेविगेशन स्तर पर टैब होना चाहिए। और यदि आप एक्शन बार स्पिनर का उपयोग नहीं करते हैं और आपके पास केवल ड्रावर और टैब (जैसे Google Play Music) है, तो मुख्य नेविगेशन को नेविगेशन ड्रावर में और फिर टैब में ही किया जाना चाहिए।


एंड्रॉइड में टैब का अपना विशिष्ट इशारा है - बाएं या दाएं स्वाइप करें। जब आप टैब देखते हैं, तो आपको यह सुनिश्चित करने की आवश्यकता है कि क्षैतिज स्क्रॉल इशारों का उपयोग करके, आप टैब के बीच नेविगेट कर सकते हैं। इस स्थिति में, यदि हमारे पास क्षैतिज स्वाइप का उपयोग करके स्क्रॉल की गई सामग्री है, तो यह इशारा संघर्ष पैदा करता है।



इसे ठीक करने के लिए, आप सामग्री को कई स्क्रीन में विभाजित कर सकते हैं या क्षैतिज नेविगेशन को ऊर्ध्वाधर में बदल सकते हैं:



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


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



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

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

उदाहरण का सही संस्करण है:




टैब नेविगेशन को कार्रवाई के इतिहास में सहेजा नहीं जाना चाहिए। हमारे उदाहरण में, जब आप बैक बटन पर क्लिक करते हैं, तो आप पिछले टैब पर जाते हैं। इसके बजाय, पिछली स्क्रीन पर नेविगेट करें।




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







नेविगेशन दराज को एप्लिकेशन के अलग-अलग हिस्सों के बीच स्पष्ट और स्थिर नेविगेशन के लिए बनाया गया था। आपको बहु-स्तरीय नेविगेशन दराज से बचना चाहिए।

लेकिन बंधनेवाला उप-अनुच्छेद काफी स्वीकार्य हैं:



इस समस्या का एक और समाधान यह है कि जब आप नेविगेशन दराज में एक आइटम का चयन करते हैं, तो नेविगेशन के साथ एक स्क्रीन खोला जाता है:




यहां, "संक्रमण" शब्द का अर्थ है एनीमेशन और स्क्रीन के बीच संक्रमण। उदाहरण के लिए, यदि आप नेविगेशन ड्रावर खोलते हैं और "सेक्शन 1" पर क्लिक करते हैं, तो एक्शन बार में बैक बटन के साथ एक नई स्क्रीन नहीं खुलनी चाहिए:



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



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

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


नियमों के अनुसार, जैसा कि ऊपर उल्लेख किया गया है, नेविगेशन दराज में मौजूद प्रत्येक स्क्रीन में एक दराज संकेतक होना चाहिए। हमारे उदाहरण में, विस्तृत सामग्री (चित्रण में) के साथ एक निश्चित खुली स्क्रीन पर एक नेविगेशन दराज आइकन नहीं होना चाहिए।



इसके बजाय, आपको एक्शन बार में एप्लिकेशन के पिछले स्तर पर जाने के लिए बटन का उपयोग करना होगा। सही विकल्प:







अंतिम एंटी-पैटर्न राइट-हैंड नेविगेशन का उपयोग है। अपने अनुप्रयोगों में दाहिने हाथ के नेविगेशन का उपयोग करने के लिए इसे दृढ़ता से हतोत्साहित किया जाता है। "हेडिंग-डिटेल" मॉडल का उपयोग करते समय, हेडिंग हमेशा दाईं ओर होनी चाहिए, और आइटम पर विस्तृत जानकारी बाईं ओर होनी चाहिए, क्योंकि हम में से लगभग सभी लोग बाएं से दाएं पढ़ते हैं और केवल उन भाषाओं के लिए जहां राइट से लेफ्ट राइटिंग होती है, आप राइट-साइड नेविगेशन कर सकते हैं।

सही विकल्प:



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