Ios Apps में एक Gesture आधारित नेविगेशन सिस्टम डिजाइन करना

आईओएस Apps में एक इशारा आधारित नेविगेशन सिस्टम डिजाइन करना

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

क्यों इशारा आधारित नेविगेशन मामले

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

आईओएस नेविगेशन में कोर इशारा

Apple के मानव इंटरफ़ेस दिशानिर्देश (HIG) मानक संकेतों को परिभाषित करते हैं जो उपयोगकर्ता ऐप में लगातार काम करने की उम्मीद करते हैं। इन परिचित बातचीत का लाभ उठाने वाले उपयोगकर्ताओं को घर पर महसूस करने में मदद करते हैं।

स्वाइप

स्वाइप इशारा शायद नेविगेशन के लिए सबसे बहुमुखी है। स्वाइपिंग बायीं या दाएं विचारों (जैसे, फोटो गैलरी में) के बीच संक्रमण कर सकते हैं, एक साइडबार मेनू (बाएं से नेविगेशन आधारित ऐप्स में बाएं किनारे से स्वाइप करें) प्रकट करते हैं, या एक स्क्रीन को खारिज करते हैं (एक UINavigationController में वापस स्वाइप करें)। दिशा के मामले: ऊर्ध्वाधर स्वाइप अक्सर स्क्रॉल या मोडल को खारिज करने के लिए उपयोग किया जाता है।

टैप

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

पिंच

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

लांग प्रेस

एक लंबे प्रेस (या पहले उपकरणों पर बल स्पर्श) ने बिना किसी नेविगेट किए संदर्भ मेनू, पूर्वावलोकन या तेज क्रियाओं को प्रकट किया। उदाहरण के लिए, संदेश पूर्वावलोकन को लंबे समय तक दबाने से पूर्ण बातचीत खोलने के बिना उत्तर विकल्प दिखा सकते हैं।

एज स्वाइप

स्क्रीन एज से स्वाइप करना (बाएं के किनारे वापस जाने के लिए, आईपैड पर peek / पॉप के लिए दायां किनारे) एक सिस्टम-स्तरीय इशारा है कि ऐप्स को सम्मान देना चाहिए जब तक कि उनके पास इसे ओवरराइड करने का एक मजबूत कारण न हो। उपयोगकर्ता भ्रम को रोकने के लिए सिस्टम इशारों के साथ संघर्ष से बचें।

गेस्टर-आधारित नेविगेशन के लिए डिजाइन सिद्धांत

सफल इशारा नेविगेशन सिर्फ मान्यताओं को जोड़ने के बारे में नहीं है - इसके लिए एक समग्र डिजाइन दृष्टिकोण की आवश्यकता होती है।

खोज

गेस्टर्स अदृश्य हैं। उपयोगकर्ताओं को उन्हें सिखाना या सहज रूप से समझना चाहिए। दृश्य संकेतों का उपयोग करें (उदाहरण के लिए, एक सूक्ष्म तीर, एक ड्रैगिंग सूचक या पहले लॉन्च पर एक ट्यूटोरियल ओवरले)। संगत पैटर्न - जैसे कि हमेशा वापस जाने के लिए छोड़ दिया गया है - उपयोगकर्ताओं को जल्दी से सीखने में मदद करें।

स्थिरता

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

प्रतिक्रिया

हर इशारा तत्काल, स्पष्ट प्रतिक्रिया प्रदान करना चाहिए। दृश्य प्रतिक्रिया (इशारे के साथ एक दृष्टिकोण को स्वीकार करना), haptic प्रतिक्रिया (UIImpactFeedbackGenerator या UINotificationFeedbackGenerator का उपयोग करना), और ऑडियो cues (जब उचित हो) पुष्टि करते हैं कि इशारा मान्यता प्राप्त है। प्रतिक्रिया के बिना, उपयोगकर्ता बार-बार स्वाइप कर सकते हैं, जिससे एक निराशाजनक अनुभव बन सकता है।

अभिगम्यता

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

संघर्ष से बचें

जब एकाधिक इशारे पहचानकर्ता उसी दृश्य (या एक अभिभावक दृश्य) से जुड़े होते हैं, तो संघर्ष उत्पन्न हो सकता है। उदाहरण के लिए, कार्ड को खारिज करने के लिए एक स्वाइप कार्ड के अंदर स्क्रॉल करने के लिए एक स्वाइप के साथ संघर्ष कर सकता है। सावधानी से संकेतों को व्यक्त करने के लिए जैसे कि या सेट अप इशारे पहचानकर्ता निर्भरताएं।

प्रदर्शन

जेस्चर हैंडलिंग तरल पदार्थ होना चाहिए। भारी एनिमेशन या सिंक्रोनस कम्प्यूटेशन्स ने लैग या स्टटर को इशारा दिया। का उपयोग करें और मानक पैनिंग के लिए इसके अंतर्निहित इशारा पहचानकर्ता; कस्टम इशारों के लिए, हैंडलर विधियों को हल्के रखें और चिकनी एनिमेशन के लिए ] का उपयोग करने पर विचार करें।

आईओएस में गेस्टर रिकोग्नाइज़र को लागू करना

आईओएस ]] के तहत कंक्रीट इशारा पहचानकर्ता का एक सेट प्रदान करता है। यहां आम नेविगेशन पैटर्न को लागू करने का तरीका है।

बेसिक सेटअप

एक इशारा पहचानकर्ता को तुरंत दोहराएं, अपने लक्ष्य और कार्रवाई को सेट करें, गुण (दिशा, नल की संख्या, आदि) को कॉन्फ़िगर करें और इसे एक दृष्टिकोण में संलग्न करें।

let swipeBack = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipeBack))
swipeBack.direction = .right
view.addGestureRecognizer(swipeBack)

उन्नत विन्यास

अधिक दानेदार नियंत्रण के लिए, प्रतिनिधि प्रोटोकॉल का उपयोग करें। उदाहरण के लिए, उपयोगकर्ता की उंगली बाएं किनारे के पास शुरू होने पर केवल एक स्वाइप इशारा देने की अनुमति देने के लिए (वापस के लिए एज स्वाइप)):

func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
 guard let swipe = gestureRecognizer as? UISwipeGestureRecognizer else { return false }
 let location = swipe.location(in: view)
 return location.x < 30
}

एक साथ ही भूसी तंत्र हैंडलिंग

जब स्क्रॉल विचार या संग्रह विचार शामिल होते हैं, तो आपको इशारों को एक साथ काम करने की अनुमति दे सकती है। का प्रयोग संगत इशारों के लिए ] का उपयोग करें, और प्राथमिकताओं को निर्धारित करने के लिए।

कस्टम संक्रमण

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

गेस्टर्स (उदाहरण) के साथ एक मेनू नेविगेशन डिजाइन करना

कई आधुनिक आईओएस ऐप एक हैम्बर्गर मेनू का उपयोग करते हैं जो बाईं ओर से स्लाइड करता है। एक इशारा-आधारित विकल्प एक साइड पैनल (जैसे कि आईपैड के स्प्लिट व्यू) को प्रकट करने के लिए एक स्वाइप-से-जेज हो सकता है। इस का निर्माण करने के लिए:

1. एक किनारे के पैन संकेत को मुख्य सामग्री दृश्य (किसानों के साथ: .left) के लिए पहचानकर्ता संलग्न करें।
2. इशारे पर शुरू हुआ, बाईं ओर एक मेनू दृश्य ऑफ-स्क्रीन जोड़ें; बदलकर, इसके x स्थिति को समान रूप से अद्यतन करें; अंत में, इसे पूरी तरह से खुला या बंद वेग / स्थिति के आधार पर अलग करें।
3. उपयोगकर्ताओं के लिए एक बटन प्रदान करें जो स्वाइप नहीं कर सकते।
4. ] का प्रयोग इंटरैक्टिव एनिमेशन के लिए मध्य-आधार को उलटने की अनुमति देता है।

इस पैटर्न को नीचे की चादरें, दाहिने तरफ के पैनल, या स्वाइप करने योग्य टैब तक बढ़ाया जा सकता है।

परीक्षण और पुनर्परिभाषित भूनिर्माण नेविगेशन

थॉरोफ परीक्षण गैर-परक्राम्य है। गेस्ट्चर पहचानकर्ता अलग-अलग उपकरणों पर अप्रत्याशित रूप से व्यवहार कर सकते हैं, जिसमें विभाजित स्क्रीन या जब सिस्टम इशारे (जैसे, होम इंडिकेटर, ऐप स्विचर) शामिल हैं।

उपकरण और विधियां

• Xcode Debugger: विज़ुअलाइज़ इशारे पहचानकर्ता स्टेट्स (possible, शुरू किया, बदल गया, समाप्त हो गया, रद्द कर दिया गया, विफल रहा) व्यू डिबगिंग फलक का उपयोग करते हुए।
• Accessibility Inspector: सत्यापित करें कि वॉयसओवर उपयोगकर्ता हर कार्रवाई तक पहुंच सकते हैं।
• User Testing: वास्तविक उपयोगकर्ताओं के इशारों का निरीक्षण; ध्यान दें hesitation, आकस्मिक ट्रिगर, या बार-बार प्रयास.
• Performance Monitoring: कोर एनिमेशन उपकरणों का उपयोग करके इशारा निष्पादन के दौरान फ्रेम की दरों की जाँच करें।

आम पिटफ

• Accidental Triggers: वापस जाने के लिए एक स्वाइप गलत व्याख्या की जा सकती है जब उपयोगकर्ता पंक्ति का चयन करने की कोशिश कर रहा है। मिटिगेट न्यूनतम ड्रैग दूरी या एक विशिष्ट प्रारंभिक बढ़त की आवश्यकता के अनुसार।
• सिस्टम गेस्टेशन कॉन्फिल्ट:फेस आईडी के साथ iPhones पर, होम इंडिकेटर स्वाइप नीचे-edge इशारों के साथ संघर्ष कर सकता है। ] संपत्ति का उपयोग करके पहले अपने इशारे की अनुमति दी जाए, लेकिन हमेशा एक गिरावट प्रदान की जाती है।
• ]Poor Discoverability: यदि उपयोगकर्ता एक इशारा मौजूद नहीं जानते हैं, तो वे अटक जाएंगे। ऑनबोर्डिंग, लगातार संकेत या अनुकूली यूआई का उपयोग करें जो एक टाइमआउट के बाद बटन प्रकट करता है।

अभिगम्यता और समावेशी डिजाइन

गेस्टर आधारित नेविगेशन को उपयोगकर्ताओं को मोटर हानि के साथ बाहर नहीं करना चाहिए। इन प्रथाओं का पालन करें:

• Alternative Control: प्रत्येक इशारे से ट्रिगर कार्रवाई एक बटन या कीबोर्ड शॉर्टकट के माध्यम से उपलब्ध होना चाहिए। उदाहरण के लिए, एक स्वाइप-टू-डेलीट भी एक लंबी प्रेस हो सकती है जो एक डिलीट बटन दिखाता है।
• VoiceOver: का प्रयोग ], जिसका प्रयोग संकेत क्रियाओं को नाम देने के लिए किया जाता है। उदाहरण के लिए, "Swipe back" रोटर में एक कस्टम कार्रवाई बन सकता है।
• ]Reduce Motion: सेटिंग; अनुरोध के समय सरल फीका संक्रमण के साथ लंबन या स्लाइड-इन मेनू को प्रतिस्थापित करें।
• टच आवास: असिसिस्टिवटच और टच एकोमोडेशन के बारे में सोचना, जो इशारा व्यवहार को संशोधित करता है-कभी भी एक स्पर्श बिंदु को सही मान नहीं देता है।

निष्कर्ष

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

आगे पढ़ने के लिए, Apple के परामर्श ]Human इंटरफेस दिशानिर्देश on Gestures], UIKit Gesture Recognizer प्रलेखन , और उत्कृष्ट लेख “]WWDC 2018 से तरल इंटरेक्शन डिजाइनिंग]"। एक्सेसिबिलिटी सर्वोत्तम प्रथाओं के लिए, [FLT: 6]]Apple की एक्सेसिबिलिटी HIG] देखें।