Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Languageहिन्दी
यूएक्स पैटर्न6 मिनट पढ़ें·Updated अक्टूबर 2026·ExodeUI टीम द्वारा

स्वाइप-टू-एक्शन यूएक्स: छिपे हुए इशारों को खोजने योग्य और सुरक्षित बनाना

सूचियों में स्वाइप क्रियाओं को कैसे डिज़ाइन करें: संकेतक, थ्रेसहोल्ड, पूर्ण-स्वाइप कमिट, पूर्ववत करें, पहुंच, और स्वाइप कभी भी एकमात्र तरीका क्यों नहीं होना चाहिए।

प्रत्यक्ष सारांश एवं परिभाषा

कोर टेकअवे

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

प्रयोज्य समस्याएँ

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

स्वाइप क्रियाओं का व्यवहार कैसा होना चाहिए

Material Design Android पर सामान्य पैटर्न का वर्णन करता है: सूची आइटम स्वाइप पर बटन प्रकट कर सकते हैं, और प्राथमिक क्रिया अंतिम, अंत-संरेखित विकल्प है, जो पूर्ण स्वाइप सीधे ट्रिगर होता है।

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

कभी भी एकमात्र रास्ता नहीं

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

मोशन स्वाइप को भरोसेमंद महसूस कराता है

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

याद रखने योग्य कुंजी Principle

  • स्वाइप छिपा हुआ है: हमेशा एक दृश्यमान विकल्प प्रदान करें
  • इसका उपयोग लगातार, अपेक्षित कार्यों के लिए करें
  • आंशिक स्वाइप से पता चलता है, पूर्ण स्वाइप से पता चलता है, शीघ्र रिलीज़ वापस आ जाती है
  • विनाशकारी कार्यों को पूर्ववत करें या पुष्टि करें
  • एक स्क्रीन पर परस्पर विरोधी क्षैतिज इशारों से बचें

अक्सर पूछे जाने वाले प्रश्नों

स्रोत

  1. Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
  2. Lists guidelines — Material Design 3

संबंधित मार्गदर्शिकाएँ एवं उदाहरण

वास्तविक स्प्रिंग्स के साथ एक इशारा महसूस करें

ब्राउज़र में खींचें, फ़्लिक करें और छोड़ें, और स्नैप-बैक कैसा महसूस होता है, उसे ट्यून करें।

खेल का मैदान खोलो
मुफ्त में प्रयास करें