आधुनिक iOS नेविगेशन पैटर्न

iOS ऐप संरचना के लिए नेविगेशन पैटर्न

• iOS ऐप्स में एक निश्चित hierarchy संरचना होती है, इसलिए उपयोगकर्ता नेविगेशन विकल्पों का अनुमान लगा सकते हैं।
• नेविगेशन पैटर्न उपयोगकर्ताओं को अपनी वर्तमान और पिछली स्थिति समझने और यह जानने में मदद करते हैं कि वापस कैसे जाना है।

ड्रिलडाउन नेविगेशन

• ड्रिलडाउन एक ऐसा पैटर्न है जिसमें information tree संरचना को चरण-दर-चरण एक्सप्लोर किया जाता है, और इसमें horizontal transition animation का उपयोग होता है।
• यह state को save नहीं करता, और navigation bar वर्तमान स्क्रीन का शीर्षक दिखाता है।
• list row में मौजूद disclosure indicator यह दिखाता है कि hierarchy में और गहराई तक drill down किया जा सकता है।

फ्लैट नेविगेशन

• फ्लैट नेविगेशन hierarchy को root level पर विभाजित करता है और उसे tab bar में दिखाता है।
• tab bar items ऐप की मुख्य functionality के आधार पर व्यवस्थित होते हैं, और वे उपयोगकर्ता की अपेक्षाओं तथा ऐप के प्रति उनकी mental model को आकार देते हैं।
• tab bar पूरे ऐप में हमेशा दिखाई देता है, सिवाय उन स्थितियों के जब वह किसी modal sheet द्वारा अस्थायी रूप से ढक दिया जाए।

पिरामिड पैटर्न

• पिरामिड पैटर्न उपयोगकर्ताओं को parent screen पर लौटे बिना उसी hierarchy level के sibling views के बीच तेज़ी से जाने देता है।
• horizontal swipe gesture या buttons का उपयोग करके media ऐप में sibling views के बीच जाया जा सकता है।

हब एंड स्पोक पैटर्न

• हब एंड स्पोक पैटर्न hierarchy के सबसे ऊपरी स्तर पर मौजूद, एक-दूसरे से असंबंधित बड़े item collections के लिए उपयुक्त है।
• iOS होम स्क्रीन एक hub के रूप में operating system की विश्वसनीय "neutral state" प्रदान करती है।

ओवरले नेविगेशन

• ओवरले उपयोगकर्ता का ध्यान मांगते हैं, और modal overlay में उपयोगकर्ता की कार्रवाई आवश्यक होती है।
• high-friction modals उपयोगकर्ता के निर्णय की मांग करते हैं और किसी विशेष कार्य को पूरा करने पर केंद्रित होते हैं।
• low-friction modals को आसानी से dismiss किया जा सकता है, और single-action alert dialogs से जहाँ संभव हो बचना चाहिए।

एम्बेडेड नेविगेशन

• एम्बेडेड नेविगेशन पैटर्न iOS की सख्त संरचना और spatial model पर विशेष ध्यान देने की मांग करता है।
• state changes hierarchy की स्थिति नहीं बदलते, और यह सुनिश्चित करना चाहिए कि state change को hierarchy या modal के रूप में न समझा जाए।

चरणबद्ध नेविगेशन

• चरणबद्ध पैटर्न guided tour, settings flow, और onboarding tutorial जैसी स्क्रीन की श्रृंखला को linear flow में जोड़ता है।
• चरणबद्ध sequence को modal overlay के भीतर शामिल किया जाना चाहिए, और complete या close button के साथ sequence समाप्त होना चाहिए।

कंटेंट-केंद्रित नेविगेशन

• कंटेंट-केंद्रित नेविगेशन hyperlinks या buttons के माध्यम से उपयोगकर्ता को किसी दूसरे page या view पर तुरंत ले जाता है।
• iOS ऐप्स में hypertext, immersive games, या nonlinear content को छोड़कर इस पैटर्न से बचना चाहिए।

GN⁺ की राय

• यह लेख iOS ऐप डेवलपर्स के लिए बहुत उपयोगी हो सकता है और user experience बेहतर बनाने वाले महत्वपूर्ण नेविगेशन पैटर्न प्रस्तुत करता है।
• ड्रिलडाउन, फ्लैट, पिरामिड जैसे विभिन्न नेविगेशन पैटर्न ऐप की usability और accessibility बढ़ाने में योगदान देते हैं।
• खासकर modal और overlay नेविगेशन का उपयोग उपयोगकर्ता के workflow पर बड़ा प्रभाव डाल सकता है, इसलिए डेवलपर्स को इस पर सावधानी से विचार करना चाहिए।

[genkino]

नमस्ते! मुझे भी यह बात तब पता चली जब मैं यह लेख अपने सहकर्मी के साथ साझा कर रहा था। कोरियन वर्तनी के मानक के अनुसार 네비게이션 नहीं, बल्कि 내비게이션 मानक रूप है। हा हा यह अंग्रेज़ी उच्चारण से आया शब्द है, इसलिए सच कहें तो किसे बिल्कुल सही कहा जाए, यह थोड़ा अस्पष्ट लग सकता है। लेकिन चूँकि यह ऐसी जगह है जहाँ बहुत से लोग देखते हैं, इसलिए सोचा कि अगर हो सके तो मानक रूप के अनुसार लिखा जाए तो अच्छा रहेगा, इसी वजह से हल्के-से एक टिप्पणी छोड़ रहा हूँ।

[xguru]

यह लेख GPT-4 द्वारा किया गया सारांश है। लगता है कि GPT कभी "navigation" ठीक से लिखता है, लेकिन कभी-कभी "nebigeshan" भी मिलाकर इस्तेमाल करता है। मैंने उसे ठीक कर दिया है haha