एंड्रॉइड ऐप किस तरह दिखना चाहिए?

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

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

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

आइसक्रीम सैंडविच

Android का नवीनतम संस्करण (4.0) हाल ही में जारी किया गया था। यह रिलीज अपने साथ पहले से कहीं ज्यादा कस्टम प्लेटफॉर्म एन्हांसमेंट का सबसे बड़ा सेट लेकर आई। ये परिवर्तन स्वाभाविक रूप से प्रभावित करेंगे कि भविष्य में एंड्रॉइड ऐप कैसे दिखते हैं। कुछ संवर्द्धन पूर्व संस्करणों में वापस किए जा सकते हैं, लेकिन उनमें से सभी नहीं। इस लेख में, मैं मुख्य रूप से बात करता हूं कि एंड्रॉइड ऐप अभी कैसे दिखते हैं। मुझे उम्मीद है कि जल्द ही हम आईसीएस इंटरफेस के विकास को देखेंगे, लेकिन तथ्य यह है कि हमारे पास 2.1 से 2.3 तक के संस्करणों के साथ लगभग 200,000,000 एंड्रॉइड डिवाइस हैं।

अनुप्रयोग होम स्क्रीन

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



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

आवेदन आम स्क्रीन

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

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

ActionBarSherlock (जेक व्हार्टन) प्रोजेक्ट एक्शन पैनल को लागू करना आसान बनाता है।

सूचियों

सूचियाँ Android उपयोगकर्ता इंटरफ़ेस के सबसे सामान्य घटकों में से एक हैं। डेटा प्रदर्शित करते समय सूचियाँ बहुत उपयोगी होती हैं, खासकर यदि आप नहीं जानते हैं कि वे कितने बड़े होंगे।

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

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

सूची स्क्रीन पर कार्रवाई पट्टी।

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

सूची आइटम और चेकबॉक्स

तत्वों की सूची, एक नियम के रूप में, पाठ और कई ग्राफिक तत्व शामिल हैं। बहुत बार प्रत्येक तत्व पर चेकबॉक्स होते हैं, जो उन पर संचालन करने के लिए एक या अधिक सूची आइटम का चयन करने के लिए उपयोग किया जा सकता है।

सूची आइटम में बाईं ओर चेकबॉक्स रखने से निम्नलिखित फायदे हैं:

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

माध्यमिक नियंत्रण

कुछ तत्वों को एक साधारण चयन (चेकबॉक्स) या नेविगेशन (क्लिक) की तुलना में अधिक अंतर की आवश्यकता होती है। इस तत्व के लिए सबसे आम उपयोग मामला रेटिंग प्रबंधन या बुकमार्क करना है। माध्यमिक नियंत्रण के लिए एकमात्र प्राकृतिक स्थान तत्व का सही किनारा है। किसी अन्य स्थान पर स्थान की समस्या हो सकती है।



एल्डिको और गूगल मेल उन ऐप्स के अच्छे उदाहरण हैं जो अच्छी सूचियों का उपयोग करते हैं। एल्डिको ने दाईं ओर बक्से की जांच करने का फैसला किया, जो नेत्रहीन उपयोगकर्ता इंटरफ़ेस को असंतुलित करता है।

अंतहीन सूची

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



एंड्रॉइड मार्केट और ट्विटर स्वचालित रूप से कई आइटम डाउनलोड करते हैं जब वे सूची के अंत तक पहुंचते हैं।

तत्वों पर कार्रवाई - लंबी प्रेस - त्वरित कार्रवाई

आपको उपयोगकर्ताओं को स्क्रीन के शीर्ष पर जाने के बिना सूची के एक तत्व पर संचालन करने की क्षमता देने की आवश्यकता है।

चूंकि टेलीफोन और टैबलेट कंप्यूटर में माउस को राइट-क्लिक करने का कार्य नहीं होता है, इसलिए टच स्क्रीन के "राइट-क्लिक" की बारीकियों का विकास हुआ है। एक तत्व पर एक लंबा प्रेस उपयोगकर्ता को यह स्पष्ट करता है कि वह वर्तमान तत्व पर एक ऑपरेशन करना चाहता है।

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

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

एल्डिको, एस्टो फाइल मैनेजर और Google+ विभिन्न दृश्य शैलियों का उपयोग करते हैं। सभी मामलों में, ये क्रियाएं स्क्रीन तत्व पर एक लंबे प्रेस के साथ दिखाई देती हैं।

एल्डिको और एस्ट्रो अच्छे डिजाइन के उदाहरण हैं, लेकिन Google + लक्ष्य तत्व को छिपाने के नियम को तोड़ता है क्योंकि वे सरल पॉप-अप का उपयोग करते हैं। मुझे आशा है कि वे भविष्य के संस्करणों में इस कमी को ठीक करेंगे।

कई वस्तुओं पर कार्रवाई

यदि सूची में एक चेकबॉक्स नियंत्रण है, तो यह उपयोगकर्ता को कई वस्तुओं का चयन करने की अनुमति देता है। कई मदों का चयन करते समय, उपयोगकर्ता एक ही बार में सभी चयनित वस्तुओं के लिए कार्य कर सकता है।

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



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

अधिक सूचियाँ जानकारी

सूचियों के साथ काम करने के तकनीकी विवरण के बारे में अधिक जानकारी के लिए, लेखों की दो उत्कृष्ट श्रृंखला देखें:

एंड्रॉइड के मार्क एलीसन स्टाइलिंग:
सूची दृश्य - भाग १
सूची दृश्य - भाग २
सूची दृश्य - भाग ३
सूची दृश्य - भाग ४

AndroidDevBlog का सिरिल मोटियार:
ListView Tips & ट्रिक्स # 1: खालीपन को नियंत्रित करें
लिस्ट व्यू टिप्स एंड ट्रिक्स # 2: अपने लिस्ट व्यू को सेक्शन करें
लिस्ट व्यू टिप्स एंड ट्रिक्स # 3: फैंसी लिस्ट व्यू बनाएं
ListView Tips & ट्रिक्स # 4: कई क्लिक करने योग्य क्षेत्र जोड़ें

टैब

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

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



ऐप के अच्छे उदाहरण जो टैब के बीच नेविगेट करने के लिए स्लाइडिंग का उपयोग करते हैं, एंड्रॉइड मार्केट और Google+ हैं।


मार्क एलीसन ने इस विषय के तकनीकी कार्यान्वयन पर कई उत्कृष्ट लेख लिखे हैं:
ViewPager - भाग 1
ViewPager - भाग 2
ViewPager - भाग 3

जेक व्हार्टन की परियोजना से पता चलता है कि आप टैब के साथ कैसे काम कर सकते हैं:
GitHub पर ViewPagerIndicator

निष्कर्ष

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

पीएस लेख थोड़ा धूल भरा है, लेकिन मुझे लगता है कि यह उपयोगी होगा।