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

इस लेख में मैं यह वर्णन करने का प्रयास करूंगा कि मानव मस्तिष्क कैसे काम करता है और इसे इंटरफ़ेस डिज़ाइन में कैसे उपयोग किया जाए।

एक पैटर्न एक दोहराव वाला पैटर्न है जो जीवन के विभिन्न क्षेत्रों में हो सकता है।

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



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

यहाँ मुख्य बिंदु ऊर्जा लागत है। और यहाँ यह अभी भी एक व्यक्ति और उसके मस्तिष्क की बारीकियों पर विचार करने के लायक है। हमारा मस्तिष्क बहुत अधिक ऊर्जा की खपत करता है, और, शरीर के अन्य भागों की तरह, इसे बचाता है। संक्षेप में मस्तिष्क के काम पर विचार करें।

मानव मस्तिष्क

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

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

आदत की ताकत

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

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

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

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

प्राचीन वृत्ति

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

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

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

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

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

ब्रेन रैम

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

इसमें, इस तथ्य को ध्यान में रखना आवश्यक है कि स्विचिंग संदर्भों पर ऊर्जा और समय खर्च किया जाता है। यदि आपको पहले एक चीज के बारे में सोचने की जरूरत है, तो दूसरी, फिर पहले के बारे में, फिर किसी और चीज के बारे में, बहुत सारी ऊर्जा काम करने वाली मेमोरी के एक स्थायी रिबूट पर खर्च की जाएगी।

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

लेकिन एक ही चीज पर किसी व्यक्ति का ध्यान कैसे रखा जाए, इस बारे में अधिक सामान्य सलाह है: ये ज्यामितीय पैटर्न हैं । उदाहरण के लिए, एक तालिका या सूची लें। उन्हें पढ़ना आसान क्यों है? क्योंकि हम सबसे पहले डेटा के "मॉडल" को मेमोरी में लोड करते हैं। हम जानते हैं कि इस कॉलम में ऐसे मूल्य हैं, और इसमें। और डेटा की बाद की धारणा काफी आसान है, क्योंकि हम जानते हैं कि आगे क्या होगा।

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

पैटर्न मान्यता

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

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

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


यह अनुक्रम दिखाता है कि रंग के माध्यम से छवि की मान्यता को प्रभावित करने का सबसे आसान तरीका है। पृथ्वी पर रहने वाले जीव यह दावा करने के लिए उपयोग करते हैं कि वे कौन हैं। यह तुरंत स्पष्ट है कि लाल सांप खतरनाक है। यह समझने की तुलना में बहुत आसान है अगर उस पर लिखा गया था "खतरनाक सांप।"

इंटरफ़ेस का उच्चारण करने के लिए रंग का उपयोग करें। सरल जानकारी देने के लिए इसका उपयोग करें: लाल - रद्द, हरा और नीला - सकारात्मक, सफेद - शून्यता और शांत, और इसी तरह। लेकिन याद रखें, मुख्य बात यह ज़्यादा नहीं है। बस कुछ रंगों के एक पैलेट का उपयोग करें।

रंग के बाद सरल छवियों का चयन होता है, केवल तभी उनकी सामग्री। सबसे पहले, हम समझते हैं कि यह एक चक्र है, और फिर हम समझते हैं कि यह एक शून्य या अक्षर O है। इसलिए, आइकन पाठ से बेहतर हैं। इसके अलावा, वे कम जगह लेते हैं।

गतिशीलता

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

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

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

परिणाम

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