उपयोगकर्ता इंटरफ़ेस डिज़ाइन में जेस्टाल्ट मनोविज्ञान के नियमों का उपयोग करना

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

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

1. समानता का नियम

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

यूजर इंटरफेस डिजाइन में आवेदन:

तत्वों को नेत्रहीन समूहित किया जा सकता है यदि वे नेत्रहीन समान हैं। यह समानता आकार, रंग और आकार का उपयोग करके बनाई जा सकती है।

2. समरूपता का नियम

हमारा मन सममित वस्तुओं से प्यार करता है, क्योंकि समरूपता स्थिरता और व्यवस्था की छाप देती है।

यूजर इंटरफेस डिजाइन में आवेदन:

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



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

3. सामान्य क्षेत्र का कानून

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

यूजर इंटरफेस डिजाइन में आवेदन:

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

4. मूल आकृति

सिद्धांत "आंकड़ा-आधार" एक व्यक्ति को ध्यान के विभिन्न स्तरों पर अलग-अलग वस्तुओं को देखने की क्षमता को संदर्भित करता है। हम जानते हैं कि कौन से तत्व अग्रभूमि में हैं और कौन सी पृष्ठभूमि में हैं।

यूजर इंटरफेस डिजाइन में आवेदन:

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

5. निकटता का नियम

एक दूसरे के बगल में स्थित वस्तुओं को एक साथ समूहीकृत किया गया लगता है।
स्पेस सिद्धांत में एक महत्वपूर्ण भूमिका निभाते हैं। निम्नलिखित आकृति में, बाईं ओर के वृत्त एक समूह का हिस्सा प्रतीत होते हैं, और दाईं ओर के वृत्त दूसरे का भाग प्रतीत होते हैं।

यूजर इंटरफेस डिजाइन में आवेदन:

निकटता सिद्धांत डिजाइनरों को सामग्री को अधिक उपयोगकर्ता के अनुकूल बनाने में मदद करता है। निकटता प्रभाव बनाने के लिए संबंधित वस्तुओं को एक दूसरे से सघन करें।

यह सिद्धांत इंटरैक्टिव तत्वों के लिए त्रुटि दर को भी कम कर सकता है, क्योंकि यह तत्वों के बीच संबंध को बढ़ाता है।

बायां: बटन और उसके अनुरूप उत्पाद के बीच पत्राचार को निर्धारित करने के लिए उपयोगकर्ता द्वारा अतिरिक्त प्रयासों की आवश्यकता होगी।
सही: निकटता सिद्धांत का उपयोग करते हुए, आप एक विशिष्ट तत्व के लिए एक बटन बांधते हैं।

6. निरंतरता का नियम

हमारी धारणा जुड़ी हुई या समूहबद्ध रूप में रेखाओं या वक्रों में व्यवस्थित वस्तुओं को देखने की है। ऐसा इसलिए है क्योंकि इस पथ का अनुसरण करने के लिए सीधी या घुमावदार रेखाओं से जुड़ी वस्तुएं दिखाई देती हैं।

नीचे दी गई छवि में, उन मंडलियों से लाइनें बनाई जाती हैं जिन्हें एक-दूसरे से संबंधित माना जाता है।

यूजर इंटरफेस डिजाइन में आवेदन:

वस्तुओं के बीच एक दृश्य संबंध बनाने के लिए उपयोगकर्ता के टकटकी को निर्देशित करें। मेनू डिजाइन करते समय इस सिद्धांत का उपयोग करें।


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

7. बंद करने का नियम

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

यूजर इंटरफेस डिजाइन में आवेदन:

हर बार जब आप एक प्रगति बार या प्रगति बार डिजाइन करते हैं, तो समापन कानून को याद रखें।

8. सामान्य नियति का सिद्धांत

जब तत्व एक ही दिशा में चलते हैं, तो हमारा मस्तिष्क उन्हें एक ही समूह का हिस्सा मानता है।

यूजर इंटरफेस डिजाइन में आवेदन:

यह सिद्धांत आंदोलन के डिजाइन में बुनियादी में से एक है। कार्यात्मक एनीमेशन उपयोगकर्ता की आंखों का मार्गदर्शन करने के लिए एक साझा भाग्य का उपयोग करता है।