क्रॉस-प्लेटफ़ॉर्म मोबाइल एप्लिकेशन: नेविगेशन

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

टैब

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



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









निष्कर्ष: आपको आईओएस से सीधे टैब को स्थानांतरित करने से बचना चाहिए, दूसरी ओर, सभी प्लेटफार्मों पर निचले स्तर के नेविगेशन के लिए टैब / स्विच का उपयोग किया जा सकता है, हालांकि, स्थिरता के लिए मामूली बदलाव आवश्यक हैं।

बैक बटन

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

नेविगेशन दराज (हैम्बर्गर मेनू)

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









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



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



निष्कर्ष : तत्व काफी बहुमुखी है, शीर्ष स्तर के नेविगेशन के लिए उपयुक्त है, आईओएस 7 की सुविधाओं के कारण कुछ अनुकूलन की आवश्यकता हो सकती है।



PS Android में मुख्य नेविगेशन त्रुटियों के विश्लेषण के साथ एक उत्कृष्ट लेख ।