ड्रैग-एंड-ड्रॉप यूएक्स: संकेतक, फीडबैक और सुलभ विकल्प

हर स्तर पर फीडबैक

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

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

अभिगम्यता: हमेशा दूसरा रास्ता पेश करें

WCAG 2.2 सफलता मानदंड 2.5.7, ड्रैगिंग मूवमेंट्स (स्तर AA) के लिए आवश्यक है कि ड्रैगिंग द्वारा किया गया कोई भी काम बिना ड्रैगिंग के एक ही पॉइंटर से किया जा सकता है, जब तक कि ड्रैगिंग आवश्यक न हो। सामान्य विकल्प ऊपर और नीचे जाने वाले बटन, "मूव टू" मेनू, या तीर कुंजियों के साथ कीबोर्ड समर्थन हैं। NN/g यह भी नोट करता है कि एक सटीक विकल्प अक्सर हर किसी की मदद करता है, उदाहरण के लिए मोटे तौर पर जगह में खींचना और तीर कुंजी के साथ धक्का देना।

भौतिकी घसीटने का प्रत्यक्ष अनुभव कराती है

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

विवरण स्पर्श करें

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