Android टैब टिप्स

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



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

टैब ऊपर

एक साल पहले एक चर्चा थी - टैब कहाँ होना चाहिए: ऊपर या नीचे। मुझे लगता है कि यह चर्चा खत्म हो गई है। टैब करता है। इसके कई कारण हैं:

1. चीजों की प्राकृतिक पदानुक्रम ऊपर से नीचे तक जाती है। टैब हेडर हैं और स्क्रीन पर मौजूद सामग्री की तुलना में सूचना के पदानुक्रम में उच्चतर हैं।
2. अधिक जटिल कार्यक्रमों को एक से अधिक स्तर के नेविगेशन की आवश्यकता होती है। नेविगेशन पदानुक्रम की बात आते ही नीचे की ओर टैब उपयोगकर्ताओं के लिए भ्रम पैदा करेगा।
3. उपयोगकर्ता नई स्क्रीन को ऊपर से नीचे तक स्कैन करते हैं। जब टैब शीर्ष पर होंगे, तो वे स्क्रीन पर आपकी पदानुक्रम को बेहतर ढंग से समझ पाएंगे।

हाल ही में अपडेट किया गया यूरोसपोर्ट ऐप हमें उपरोक्त बिंदुओं का एक शानदार उदाहरण देता है। नीचे स्क्रीनशॉट पर एक नज़र डालें। पहला एक पुराना एप्लिकेशन है, नीचे नए संस्करण का स्क्रीनशॉट है। पुराने एप्लिकेशन में पदानुक्रम के माध्यम से नेविगेट करना अधिक भ्रामक था। सबसे पहले, यह सही नहीं लगता (नीचे टैब की शैली के बारे में अधिक), यह समझना भी बहुत मुश्किल है कि दो टैब बार एक दूसरे से कैसे जुड़े हैं। नए संस्करण में ऐसे स्थान नहीं हैं जो एप्लिकेशन की संरचना की गलतफहमी पैदा कर सकते हैं।

टैब स्टाइल

एंड्रॉइड में टैब की शैली अन्य प्लेटफार्मों से बहुत अलग है। यह डिज़ाइन पहली बार प्लेटफ़ॉर्म 3.0 संस्करण में पेश किया गया था, लेकिन ओएस के बाद के संस्करणों पर भी, टैब शैली पुरानी लग रही है।

यहाँ Android टैब स्टाइल पर कुछ विचार हैं:

1. एंड्रॉइड टैब में शायद ही कभी आइकन होते हैं। उन्हें अक्सर पाठ के रूप में प्रस्तुत किया जाता है। इसका एक अच्छा कारण है। सभी संभव नेविगेशन विकल्पों के लिए वर्णनात्मक आइकन के साथ आना मुश्किल है। अक्सर पाठ ज्यादा बेहतर होता है।
2. Android टैब वर्गाकार बटन नहीं हैं। क्योंकि उनमें मुख्य रूप से पाठ होता है, आप स्क्रीन के बहुत से हिस्से को थोड़ा निचोड़कर बचा सकते हैं।
3. एंड्रॉइड टैब की दृश्य शैली यहां तक ​​कि है। यह चमकदार या चिंतनशील नहीं होना चाहिए।

Android टैब शैलियों के इन दो उदाहरणों को देखें। पहले दुर्लभ मामलों में जब टैब में आइकन होते हैं। यह एप्लिकेशन 4.1 पर डिफ़ॉल्ट एंड्रॉइड फोन है। सामान्य तौर पर, मैं आपको आइकनों के उपयोग से बचने की सलाह दूंगा यदि आप सुनिश्चित नहीं हैं कि आपके आइकनों में कार्यक्षमता का संदेह नहीं होगा।

नीचे आप Foursquare ऐप देख सकते हैं, जिसमें टैब में टेक्स्ट होता है।




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




एंड्रॉइड पर टैब के लिए रंग का विकल्प असीमित है। किसी भी मामले में सभी टैब में एक काली पृष्ठभूमि और नीली बैकलाइट नहीं होनी चाहिए। टैब का रंग चुनते समय आप अपने एप्लिकेशन के ब्रांड का उपयोग कर सकते हैं!

नेविगेशन के लिए टैब, कार्रवाई के लिए नहीं!

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

टैब हमेशा चुना जाना चाहिए।

दुर्भाग्य से, Spiegel Online ने बहुत कुछ गलत किया है जो केवल टैब के साथ गलत हो सकता है। न केवल वे गलत दिखते हैं, गलत जगह पर हैं और इसमें नेविगेशन और क्रियाएं दोनों हैं, वे भी सही तरीके से सक्रिय नहीं होते हैं।

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

टैब और बैकट्रैकिंग

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

एक अच्छा कारण है कि टैब बदलने से स्टैक में परिवर्तन नहीं होता है। उपयोगकर्ताओं को ऐसा नहीं लगता कि टैब के बीच स्विच करने पर उन्होंने स्क्रीन को बंद कर दिया है।

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

स्वाइप!

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

scalability

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

निष्कर्ष

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