👩🏿 🏴 🎡 मोबाइल एप्लिकेशन में नेविगेशन के माध्यम से कैसे सोचें 😗 👉🏻 👩🏾‍🤝‍👩🏽

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

हैमबर्गर

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

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

अंजीर। 1. हैमबर्गर मेनू का उदाहरण

प्रोफ़ाइल

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

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

अंजीर। 2. इंस्टाग्राम नीचे मेनू से स्क्रीनशॉट। बाईं ओर - एक उपयोगकर्ता प्रोफ़ाइल, दाईं ओर - एक खाते से दो कनेक्टेड प्रोफ़ाइल

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

निचला मेनू

फिलहाल मेनू का सबसे सामान्य रूप है। और इस लोकप्रियता की एक नींव है।

यह सुविधाजनक है, पढ़ने में आसान है, Android और ayos के डिजाइन के लिए गाइड में वर्णित है। इसने खुद को स्थापित किया है और लंबे समय तक उपयोग के साथ पुष्टि की है, सुविधाजनक और समझने योग्य है।

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

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

चित्र 3। टिकटॉक एप्लिकेशन स्क्रीनशॉट

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

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

चित्र 4। ऊर्ध्वाधर मेनू

अनुभाग में टैब

यदि डेटा एक सेक्शन का है, लेकिन एक ही समय में कुछ अंतर हैं।

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

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

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

अंजीर। 5. इंस्टाग्राम जब मैंने मास्क अपलोड किया और उससे पहले मैंने पहला मास्क अपलोड किया

पीछे तीर / पार

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

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

अंजीर। 6. कार्ड की विस्तृत जानकारी और सूची में वापस तीर के माध्यम से खोलने का एनीमेशन

नीचे से पैनल आ रहा है

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

अंजीर। 7. बाईं ओर गूगल मैप्स का स्क्रीनशॉट, बीच में Yandex खाना और दाईं ओर Ticktok

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

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

निष्कर्ष

एप्लिकेशन में नेविगेशन बनाने के लिए एक ऐसा मामला है जिसमें सावधानी, दृढ़ता और तर्क की उपस्थिति की आवश्यकता होती है।

आप इससे सहमत हैं कि आप क्या असहमत हैं, और लेख में कुछ जोड़ने के लायक हो सकता है।

मोबाइल एप्लिकेशन में नेविगेशन के माध्यम से कैसे सोचें