यूजर इंटरफेस डिजाइन

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

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

उपयोगकर्ता इंटरफेस उपयोगकर्ताओं और डिजाइनों के बीच बातचीत के बिंदु हैं। तीन प्रकार हैं:

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

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

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

यूएक्स डिजाइन की तुलना में

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

डॉन नॉर्मन और जैकब नीलसन (उपयोगिता सलाहकार) ने कहा:

It’s important to distinguish the total user experience from the user interface (UI), even though the UI is obviously an extremely important part of the design. As an example, consider a website with movie reviews. Even if the UI for finding a film is perfect, the UX will be poor for a user who wants information about a small independent release if the underlying database only contains movies from the major studios.

प्रक्रियाएं

फ़ाइल: मोबाइल स्केच टेम्पलेट.pdf|thumb|300px|मोबाइल और डेस्कटॉप ऐप डिज़ाइन के लिए प्रिंट करने योग्य टेम्पलेट (पीडीएफ)

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

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

आवश्यकताएँ

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

सात संवाद सिद्धांत हैं:

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

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

भाग 11 उपयोगिता की निम्नलिखित परिभाषा देता है:

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

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

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

सात प्रस्तुति विशेषताएँ हैं:

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

आईएसओ 9241 मानक के भाग 13 में उपयोगकर्ता मार्गदर्शन का वर्णन है कि उपयोगकर्ता मार्गदर्शन जानकारी को अन्य प्रदर्शित जानकारी से आसानी से पहचाना जाना चाहिए और उपयोग के वर्तमान संदर्भ के लिए विशिष्ट होना चाहिए।

उपयोगकर्ता मार्गदर्शन निम्नलिखित पांच द्वारा दिया जा सकता हैसाधन:

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

अनुसंधान

प्रयोक्ता इंटरफेस डिजाइन इसके सौंदर्यशास्त्र सहित काफी शोध का विषय रहा है। सॉफ्टवेयर उत्पादों की उपयोगिता को परिभाषित करने के लिए मानकों को 1980 के दशक में विकसित किया गया था। संरचनात्मक आधारों में से एक IFIP उपयोगकर्ता इंटरफ़ेस संदर्भ मॉडल बन गया है।

मॉडल प्रयोक्ता इंटरफेस की संरचना के लिए चार आयामों का प्रस्ताव करता है:

• इनपुट/आउटपुट आयाम (देखो)
• संवाद आयाम (महसूस)
• तकनीकी या कार्यात्मक आयाम (उपकरणों और सेवाओं तक पहुंच)
• संगठनात्मक आयाम (संचार और सहयोग समर्थन)

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

यह भी देखें

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