गेस्टाल्ट तत्त्वे काय आहेत & त्यांना कसे लागू करावे

UX आणि परस्परसंवाद डिझाइनच्या क्षेत्रातील सर्वात प्रभावशाली मानसशास्त्रीय सिद्धांतांपैकी एक म्हणजे गेस्टाल्ट सिद्धांत. या सिद्धांताची स्थापना जर्मन मानसशास्त्रज्ञांनी केली होती आणि जर्मनमध्ये “Gestalt” या शब्दाचा अर्थ फॉर्म किंवा आकार असा होतो. नावाप्रमाणेच, गेस्टाल्ट तत्त्वांमागील कल्पना अशी आहे की मानवांना वैयक्तिक वस्तूंऐवजी नमुने म्हणून वस्तूंचे समूह समजतात.

गेस्टाल्ट तत्त्वांबद्दल बरेच लेख आहेत परंतु त्यापैकी बरेचसे तुम्हाला कसे करायचे हे समजण्यास मदत करत नाहीत. त्यांना UX/UI डिझायनर म्हणून तुमच्या कामात लागू करा. हा लेख तुम्हाला उत्तम UX आणि UI डिझाइन्स तयार करण्यासाठी Gestalt तत्त्वे कशी वापरायची याबद्दल काही कल्पना देईल ज्यामुळे लोकांना कमी प्रयत्नात त्यांचे ध्येय साध्य करण्यात मदत होईल.

समानतेचा कायदा <1

समानतेचे तत्त्व असे सांगते की जेव्हा वस्तू भौतिकदृष्ट्या सारख्या असतात तेव्हा आपण त्यांना एकत्र गटबद्ध करतो आणि गृहीत धरतो की त्यांच्याकडे आहे. समान कार्यक्षमता . उदाहरणार्थ, खालील प्रतिमेमध्ये बरगंडी लाल वर्तुळे असलेली रेषा त्याच्या वेगळ्या रंगामुळे वेगळे करणे खूप सोपे आहे.

समानतेच्या तत्त्वाचे उदाहरण. लेखकाने फोटो.

UX आणि UI डिझाइनमध्‍ये समानता वापरणे

आपल्‍या कंपनीने विकसित केले आहे याची कल्पना करूया "इल मिओ शेफ" नावाचे अॅप जे यूएस आणि कॅनडामधील इटालियन खाद्यप्रेमींद्वारे वापरले जाते (आम्ही ते यासाठी वापरूया लेखाचा उर्वरित). तुमच्‍या UX संशोधकाने तुम्‍हाला दिलेल्‍या अलीकडील अहवालात असे नमूद केले आहे की इटालियन खाद्यपदार्थांची ऑर्डर देताना वापरकर्ते अधिकतर कोणते रेस्टॉरंट त्यांच्या जवळचे आहेत याची काळजी घेतात. शेवटी, आम्हा सर्वांना आमचा लसग्ना किंवा पिझ्झा ताजे आणि उबदार असतानाच वितरित करायचा आहे, नाही का?

आमच्या अॅप वापरकर्त्यांना त्यांच्या सर्वात जवळची रेस्टॉरंट कोणती आहे हे पाहण्यास मदत करणे सोपे करण्यासाठी आम्ही ही रेस्टॉरंट्स UI मध्ये हायलाइट करून समानतेचे तत्त्व वापरू शकतात. खालील प्रतिमेमध्ये तुम्ही पाहू शकता की या पर्यायांना पिवळ्या (उजवीकडे) हायलाइट केल्याने सर्वात जवळच्या रेस्टॉरंट्स आणि त्याहून दूर असलेल्या रेस्टॉरंट्समधील फरक दृश्यमानपणे किती फरक पडतो. तुमच्या वापरकर्त्यांना ते काय शोधतात ते पटकन शोधण्यात मदत करण्यासाठी तुम्ही समानतेचे तत्त्व अशा प्रकारे वापरू शकता.

समानतेचे Gestalt तत्त्व वापरणे. लेखकाची प्रतिमा.

द लॉ ऑफ प्रॉक्सिमिटी

प्रॉक्सिमिटीच्या तत्त्वानुसार एकमेकांच्या जवळ असलेल्या वस्तू अधिक दिसतात संबंधित वस्तूंपेक्षा जास्त अंतरावर आहेत. उदाहरणार्थ, पहिली प्रतिमा आणि दुसरी प्रतिमा त्यांच्यामध्ये समान प्रमाणात वर्तुळे आहेत. तथापि, दुसर्‍या प्रतिमेत काही स्तंभ एकमेकांच्या जवळ आहेत आणि एका मोठ्या गटाऐवजी तीन वेगळे गट असल्याचा आभास निर्माण करतात.

समीपता - उदाहरण 1 - एक मोठा गट. लेखकाची प्रतिमा.

समीपता - उदाहरण 2 - तीन वेगळे गट. लेखकाची प्रतिमा.

UX आणि UI डिझाइनमध्ये प्रॉक्सिमिटी वापरणे

चला फील्डमधून एक उदाहरण घेऊ माहितीच्या व्हिज्युअलायझेशनचे.

यावेळी, कल्पना करूया की तुम्ही एक कार्यकारी आहात जे तुमचे अॅप “इल मिओ शेफ” कसे कार्य करते ते पाहू इच्छित आहात. तुम्हाला KPIs पहायचे आहेत जे आर्थिक कामगिरी, वापरकर्ता प्रतिबद्धता आणि समाधान मोजतात. सुरुवातीला, तुमचा माहिती व्हिज्युअलायझेशन विशेषज्ञ खाली डॅशबोर्ड तयार करतो ज्यामुळे तुम्ही आणि इतर सर्व अधिकारी संख्या गमावून बसू शकता आणि आणखी प्रश्न विचारू शकता. एका महिन्यानंतर तुमच्यापैकी बरेच जण हा डॅशबोर्ड वापरणे पूर्णपणे बंद करतात.

KPI डॅशबोर्ड - Il Mio Chef. लेखकाची प्रतिमा.

या टप्प्यावर तुम्ही तुमच्या माहिती व्हिज्युअलायझेशन तज्ञाकडे परत जा आणि तिला डॅशबोर्ड पुन्हा डिझाइन करून लोकांना मोठे चित्र समजणे सोपे करण्यास सांगा. या प्रकरणात समीपतेचे तत्त्व उपयुक्त आहे आणि आपण खाली नवीन डिझाइन पाहू शकता. यात KPI च्या प्रकारानुसार विभागलेले तीन गट आहेत आणि ते प्रत्येकाला आर्थिक कामगिरी, प्रतिबद्धता आणि समाधानाच्या बाबतीत अॅप कसे कार्य करत आहे हे समजण्यास मदत करते. ऑब्जेक्ट्स एकत्रितपणे एकत्रित करणे आणि गटांमध्ये अधिक पांढरी जागा वापरणे आपल्या वापरकर्त्यांना माहिती जलद पचवण्यास मदत करू शकते.

डॅशबोर्ड डिझाइनमध्ये प्रॉक्सिमिटीचे Gestalt तत्त्व वापरणे. लेखकाची प्रतिमा.

द लॉ ऑफसातत्य

कंटिन्युटीचे तत्त्व असे सांगते की एकदा डोळा एखाद्या वस्तूचे अनुसरण करू लागला की, तो त्या दिशेने “हालचाल” करत राहील जोपर्यंत ती दुसरी वस्तू समोर येत नाही. माहिती शोधण्यासाठी आपल्याला ज्या मार्गावरून जावे लागते त्याच मार्गाचा भाग म्हणून ही हालचाल आपल्याला ऑब्जेक्ट समजण्यास मदत करते. खालील प्रतिमा दाखवते की आपण निरंतरतेचे तत्त्व कसे वापरून असे दृश्य नमुने तयार करू शकतो जे डोळ्यांना विशिष्ट दिशेने मार्गदर्शन करतात.

सातत्य तत्त्वाचे उदाहरण. लेखकाची प्रतिमा.

UX आणि UI डिझाइनमध्ये सातत्य वापरणे

तुमच्या UX संशोधकाने एक नवीन अहवाल सादर केला जो दर्शवितो की वापरकर्त्यांना “Il Mio Chef” अॅप वापरण्याची मुख्य प्रेरणा म्हणजे फूड एक्सप्लोरेशन, कारण ते त्यांना दर आठवड्याला नवीन इटालियन फूड रेस्टॉरंटमध्ये प्रवेश देते. तुम्ही खालील प्रतिमेतील (डावीकडे) वर्तमान UI डिझाइनसह लोक त्यांच्या पर्यायांमधून किती वेळा स्वाइप करतात हे दाखवणारे मेट्रिक पाहता आणि त्यांच्यासाठी कोणते पर्याय उपलब्ध आहेत हे पाहण्यासाठी ते कधीही सरासरी दोनदा स्वाइप करत नाहीत.<4

सातत्य (खालील प्रतिमेवर उजवीकडे) तत्त्व वापरून तुमच्या UX डिझायनरने ती संख्या सरासरी 10 स्वाइपपर्यंत वाढवण्यास मदत केली. ते कसे घडले? प्रतिमेचा काही भाग लपवून आणि त्यात काय आहे हे पाहण्यासाठी तुम्हाला डावीकडे किंवा उजवीकडे स्वाइप करणे आवश्यक आहे हे हायलाइट करून तुमच्या वापरकर्त्यांच्या डोळ्यांना अक्षरशः "स्वाइप" चळवळ तयार करण्यासाठी मार्गदर्शन केले गेले आणि ते अधिक होते.अधिक रेस्टॉरंट्स आणि ते काय ऑफर करतात हे एक्सप्लोर करण्यास प्रवृत्त. हे असे काहीतरी आहे  पूर्वीच्या डिझाइनने तुम्हाला असे करण्यास अजिबात प्रवृत्त केले नाही, जरी तुम्ही आधीपासूनच तसे करण्यास प्रेरित असाल.

UX/UI डिझाइनमध्ये सातत्य ठेवण्याचे Gestalt तत्त्व वापरणे. लेखकाची प्रतिमा.

सारांश , तुमच्या UX आणि UI डिझाइनमध्ये या लेखात सादर केलेल्या गेस्टाल्ट तत्त्वांचा वापर केल्याने तुमच्या वापरकर्त्यांना माहिती जलद आणि चांगल्या प्रकारे पचण्यास मदत होऊ शकते. ते याशिवाय, त्यांना सर्वात जास्त आवडत असलेल्या कृती करण्यास प्रवृत्त करून ते तुमच्या उत्पादनाबद्दल त्यांचे समाधान वाढवू शकते.

‍

कव्हरमध्ये मिक्लोस फिलिप्सच्या कलाकृतीचा समावेश आहे, व्हेक्टरनेटरमध्ये संपादित केले आहे.