वेब3 इंटरफ़ेस डिज़ाइन के लिए 7 ह्यूरिस्टिक्स

प्रयोज्य ह्यूरिस्टिक्स व्यापक "अंगूठे के नियम" हैं जिनका उपयोग आप अपनी साइट की उपयोगिता को मापने के लिए कर सकते हैं। यहाँ दिए गए 7 ह्यूरिस्टिक्स विशेष रूप से वेब3 के लिए तैयार किए गए हैं और इनका उपयोग जैकब नीलसन के इंटरैक्शन डिज़ाइन के लिए 10 सामान्य सिद्धांत (opens in a new tab) के साथ किया जाना चाहिए।

वेब3 के लिए सात प्रयोज्य हेरिस्टिक्स

1. प्रतिक्रिया कार्रवाई का अनुसरण करती है
2. सुरक्षा और विश्वास
3. सबसे महत्वपूर्ण जानकारी स्पष्ट है
4. समझने योग्य शब्दावली
5. क्रियाएं यथासंभव छोटी हैं
6. नेटवर्क कनेक्शन दृश्यमान और लचीले होते हैं
7. ऐप से नियंत्रण, वॉलेट से नहीं

परिभाषाएं और उदाहरण

१. प्रतिक्रिया कार्रवाई का अनुसरण करती है{#feedback-follows-action}

** यह स्पष्ट होना चाहिए जब कुछ हुआ है, या हो रहा है।

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

Tips:

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

उदाहरण: लेन-देन में शामिल प्रत्येक चरण को दिखाने से उपयोगकर्ताओं को यह जानने में मदद मिलती है कि वे प्रक्रिया में कहां हैं। उपयुक्त आइकन उपयोगकर्ता को उनके कार्यों की स्थिति बताते हैं।

! टोकन स्वैप करते समय उपयोगकर्ता को प्रत्येक चरण के बारे में सूचित करना

2. सुरक्षा और विश्वास

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

Tips:

• अपने ऑडिट को गर्व से सूचीबद्ध करें
• कई ऑडिट प्राप्त करें
• अपने द्वारा डिज़ाइन की गई सभी सुरक्षा सुविधाओं का विज्ञापन करें
• अंतर्निहित एकीकरण सहित संभावित जोखिमों को हाइलाइट करें
• रणनीतियों की जटिलता का संचार करें
• गैर-UI समस्याओं पर विचार करें जो आपके उपयोगकर्ताओं की सुरक्षा की धारणा को प्रभावित कर सकती हैं

उदाहरण: पाद लेख में अपने ऑडिट शामिल करें, एक प्रमुख आकार में।

3. सबसे महत्वपूर्ण जानकारी स्पष्ट है

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

Tips:

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

उदाहरण: स्कैन करते समय पूर्ण रंग में बड़े टोकन ढूंढना आसान होता है। APR एपीआर बड़ा है और एक उच्चारण रंग में हाइलाइट किया गया है।

! टोकन और एपीआर ढूंढना आसान है

4. ! [टोकन और एपीआर ढूंढना आसान है](./Image3. png)

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

Tips:

• सरल और सुसंगत शब्दावली का प्रयोग करें
• जितना हो सके मौजूदा भाषा का इस्तेमाल करें
• अपनी खुद की शर्तों के साथ मत आओ
• सम्मेलनों का पालन करें जैसे वे दिखाई देते हैं
• जितना संभव हो उपयोगकर्ताओं को शिक्षित करें

उदाहरण: "आपका पुरस्कार" एक व्यापक रूप से समझा जाने वाला, तटस्थ, शब्द है; इस परियोजना के लिए एक नया शब्द नहीं बनाया गया है। पुरस्कारों को वास्तविक दुनिया के मानसिक मॉडल से मेल खाने के लिए USD में दर्शाया जाता है, भले ही पुरस्कार स्वयं किसी अन्य टोकन में हों।

! टोकन पुरस्कार, अमेरिका में प्रदर्शित डॉलर

5. क्रियाएं यथासंभव कम हैं

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

Tips:

• जहां संभव हो अन्य कार्यों के साथ "अनुमोदन" को मिलाएं
• हस्ताक्षर करने के चरणों को यथासंभव एक साथ बंडल करें

उदाहरण: "तरलता जोड़ें" और "हिस्सेदारी" का संयोजन एक त्वरक का एक सरल उदाहरण है जो उपयोगकर्ता को समय और गैस दोनों बचाता है।

! मोडल जमा और हिस्सेदारी कार्यों को संयोजित करने के लिए एक स्विच दिखा रहा है

6. नेटवर्क कनेक्शन दृश्यमान और लचीले होते हैं

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

Tips:

• डिस्कनेक्ट होने पर जितना संभव हो उतना ऐप दिखाएं
• दिखाएँ कि उपयोगकर्ता वर्तमान में किस नेटवर्क से कनेक्टेड है
• नेटवर्क बदलने के लिए उपयोगकर्ता को वॉलेट में न जाने दें
• यदि ऐप को उपयोगकर्ता को नेटवर्क स्विच करने की आवश्यकता है, तो मुख्य कॉल से कार्रवाई का संकेत दें
• यदि ऐप में कई नेटवर्क के लिए बाजार या वॉल्ट हैं, तो स्पष्ट रूप से बताएं कि उपयोगकर्ता वर्तमान में किस सेट को देख रहा है

उदाहरण: उपयोगकर्ता को दिखाएं कि वे किस नेटवर्क से जुड़े हैं, और उन्हें ऐपबार में इसे बदलने की अनुमति दें।

! ड्रॉपडाउन बटन कनेक्टेड नेटवर्क दिखा रहा है

7. ऐप से नियंत्रण, वॉलेट से नहीं

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

Tips:

• UI में प्रतिक्रिया के माध्यम से सिस्टम स्थिति का संचार करें
• उनके इतिहास का रिकॉर्ड रखें
• पुराने लेनदेन के लिए ब्लॉक एक्सप्लोरर के लिंक प्रदान करें
• नेटवर्क बदलने के लिए शॉर्टकट प्रदान करें।

उदाहरण: एक सूक्ष्म कंटेनर उपयोगकर्ता को दिखाता है कि उनके बटुए में कौन से प्रासंगिक टोकन हैं, और मुख्य सीटीए नेटवर्क को बदलने के लिए एक शॉर्टकट प्रदान करता है।

! मुख्य सीटीए उपयोगकर्ता को नेटवर्क स्विच करने के लिए प्रेरित कर रहा है