उपयोगकर्ता इंटरफ़ेस डिजाइन के 20 आदेश

यह यूजर इंटरफेस डिजाइन लेख के मूल सिद्धांतों का अनुवाद है

“एक डिजाइनर बनना सिर्फ असमान तत्वों को एक साथ इकट्ठा करना, उन्हें व्यवस्थित करना या उन्हें किसी तरह बदलना नहीं है। यहां एक निश्चित मूल्य बनाना, और अर्थ देना, और रोशन करना, और सरल करना, और रूपांतरित करना, और विस्तार करना, और रंगों को गाढ़ा करना, और राजी करना और यहां तक ​​कि कुछ हद तक मनोरंजन करना आवश्यक है। "

- पॉल रैंड

1. इंटरफेस की जिम्मेदारी इंटरऑपरेबिलिटी सुनिश्चित करना है।

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

2. स्पष्टता सब से ऊपर

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

3. हर कीमत पर ध्यान

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

4. उपयोगकर्ताओं के नियंत्रण में

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

5. बेहतर प्रबंधन - प्रत्यक्ष प्रबंधन

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

6. एक स्क्रीन - एक मुख्य कार्य

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

7. माध्यमिक कार्य, अपना स्थान जानें

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

8. आगे बढ़ने की जगह

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

9. व्यवहार उपस्थिति निर्धारित करता है (या "कार्य आकार निर्धारित करता है")

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

10. सुसंगत होने का महत्व

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

11. एक स्पष्ट पदानुक्रम - पूरे सिर पर

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

12. सक्षम संगठन संज्ञानात्मक भार को कम करता है

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

13. संकेत, संकेत नहीं: रंग की भूमिका

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

14. एक बार में नहीं

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

15. मुझे समझदारी से बताओ

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

16. सत्य का क्षण: शून्य अवस्था

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

17. वर्तमान समस्याएँ मुख्य समस्याएँ हैं।

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

18. सर्वश्रेष्ठ डिजाइन - अदृश्य डिजाइन

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

19. क्षितिज का विस्तार

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

20. अप्रयुक्त इंटरफ़ेस - खराब इंटरफ़ेस

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

द्वारा पोस्ट: यहोशू पोर्टर

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