अच्छा इंटरफ़ेस डिजाइन। भाग ३

अनुवादित किए गए गुड यूजर इंटरफेस नोट्स का यह तीसरा भाग है। पहले 16 भाग पहले हमारे सहयोगियों द्वारा Habr पर ADV से अनुवादित किए गए थे, और दूसरे 11 हमारे द्वारा अनुवादित किए गए थे।

विचार 28


लोगों को चुनने के लिए मजबूर किए बिना डिफ़ॉल्ट विकल्पों का उपयोग करें

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

---

विचार 29
पारंपरिक विचारों का उपयोग करें और एक पहिया का आविष्कार करने की कोशिश न करें

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

---

विचार 30
फायदे पर जोर देने के बजाय नुकसान का डर इस्तेमाल करें

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

---

विचार 31
एकरूपता के बजाय दृश्य पदानुक्रम का उपयोग करें

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

---

विचार 32
समूह संबंधित आइटम उन्हें बिखरने के बजाय

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

---

विचार 33
आस्थगित त्रुटियों के बजाय त्वरित जांच

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

---

विचार 34
सख्त के बजाय मुफ्त डेटा प्रविष्टि का उपयोग करें

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

---

विचार 35
अनिश्चितता के बजाय तात्कालिकता का उपयोग करें

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

---

विचार 36
भरपूर के बजाय मर्यादा का उपयोग करें

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

---

विचार ३ 37
उपयोगकर्ता को एक विकल्प दें, याद न रखें

यह एक क्लासिक डिजाइन सिद्धांत है, जो दृढ़ता से मनोविज्ञान से जुड़ा हुआ है, जिसका अर्थ है कि यह याद रखने की कोशिश करने की तुलना में मौजूदा कुछ को पहचानना आसान है, अपनी स्मृति में तल्लीन करना। मान्यता विभिन्न सुरागों या कुंजियों पर आधारित होती है जो हमारी मदद करती है, जिससे हमें पिछले अनुभव को छूने की अनुमति मिलती है। स्‍मरण करने से हमें स्‍वतंत्र रूप से स्‍मृति के आंतों का पता लगाने में मदद मिलती है। शायद यही वजह है कि परीक्षा में कभी-कभी बहुविकल्पीय प्रश्न ओपन-एंडेड प्रश्नों की तुलना में आसान होते हैं। उपयोगकर्ताओं को उन चीजों को पहचानने की क्षमता दें जो उन्होंने पहले सामना की हैं, बजाय उम्मीद के कि वे सभी को याद रखें।

---

विचार 38
छोटे के बजाय बड़े प्रतिक्रिया क्षेत्रों का उपयोग करें

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

---

यह जैकब लिनोव्स्की द्वारा " गुड यूआई " नामक एक परियोजना के लिए युक्तियों का अनुवाद है। लेखक की स्वीकृति के साथ UXDepot में स्थानांतरित।

अनुवादित किए गए गुड यूजर इंटरफेस नोट्स का यह तीसरा भाग है। पहले 16 भाग पहले हमारे सहयोगियों द्वारा Habr पर ADV से अनुवादित किए गए थे, और दूसरे 11 हमारे द्वारा अनुवादित किए गए थे।

अनुवादकों से पुनश्च: मुझे आशा है कि आपको लेख अच्छा लगा होगा। हमें खुशी होगी यदि आप हमें अनुवाद में त्रुटियों का संकेत देते हैं, ताकि हम उन्हें जल्दी ठीक कर सकें। हमें editor@uxfox.ru पर ईमेल करें, कृपया :)