सामग्री तालिका
UX र अन्तरक्रिया डिजाइनको क्षेत्रमा सबैभन्दा प्रभावशाली मनोवैज्ञानिक सिद्धान्तहरू मध्ये एक Gestalt सिद्धान्त हो। यो सिद्धान्त जर्मन मनोवैज्ञानिकहरू द्वारा स्थापित गरिएको थियो र "Gestalt" शब्दको अर्थ जर्मनमा फॉर्म वा आकार हो। नामले जस्तै, गेस्टाल्ट सिद्धान्तहरू पछाडिको विचार यो हो कि मानिसहरूले वस्तुहरूको समूहलाई व्यक्तिगत वस्तुहरू भन्दा ढाँचाको रूपमा बुझ्छन्।
गेस्टल्ट सिद्धान्तहरूको बारेमा धेरै लेखहरू छन् तर तीमध्ये धेरैले तपाईंलाई कसरी बुझ्न मद्दत गर्दैनन्। तिनीहरूलाई आफ्नो काममा UX/UI डिजाइनरको रूपमा लागू गर्नुहोस्। यस लेखले तपाईंलाई राम्रो UX र UI डिजाइनहरू सिर्जना गर्न Gestalt सिद्धान्तहरू कसरी प्रयोग गर्ने भन्ने बारे केही विचारहरू दिनेछ जसले मानिसहरूलाई कम प्रयासमा उनीहरूको लक्ष्यहरू प्राप्त गर्न मद्दत गर्दछ।
समानताको कानून
समानताको सिद्धान्तले बताउँछ कि जब वस्तुहरू भौतिक रूपमा समान हुन्छन् हामी तिनीहरूलाई एकसाथ समूहबद्ध गर्छौं र उनीहरूसँग छ भनी मान्दछौं। समान कार्यक्षमता । उदाहरणका लागि, तलको छविमा फरक रंगको कारणले छविको बाँकी भागबाट बरगन्डी रातो सर्कलहरू समावेश गर्ने रेखालाई छुट्याउन धेरै सजिलो छ।
समानताको सिद्धान्तको उदाहरण। लेखक द्वारा फोटो।
UX र UI डिजाइनमा समानता प्रयोग गर्दै
तपाईँको कम्पनीले विकास गरेको कल्पना गरौं। "Il Mio Chef" नामक एप जुन अमेरिका र क्यानडाभरका इटालियन खाना प्रेमीहरूले प्रयोग गर्छन् (हामी यसलाईयस लेखको बाँकी)। तपाइँको UX अनुसन्धानकर्ताले तपाइँलाई हस्तान्तरण गरेको भर्खरको रिपोर्टले बताउँछ कि जब यो इटालियन खाना अर्डर गर्ने कुरा आउँछ, प्रयोगकर्ताहरूले प्रायः कुन रेस्टुरेन्टहरू उनीहरूको नजिकको हो भन्ने कुरामा ध्यान दिन्छन्। आखिर, हामी सबैले हाम्रो लासग्ना वा पिज्जा अझै ताजा र न्यानो हुँदा डेलिभर गर्न चाहन्छौं, होइन?
हाम्रा एप प्रयोगकर्ताहरूलाई तिनीहरूको सबैभन्दा नजिकको रेस्टुरेन्टहरू हेर्न मद्दत गर्न सजिलो बनाउनको लागि हामी UI मा यी रेस्टुरेन्टहरू हाइलाइट गरेर समानताको सिद्धान्त प्रयोग गर्न सक्छ। तलको छविमा तपाईले देख्न सक्नुहुन्छ कि यी विकल्पहरूलाई पहेंलो (दायाँ तर्फ) हाइलाइट गर्दा नजिकको रेस्टुरेन्टहरू र टाढा रहेकाहरू बीचको भिन्नतालाई दृश्यात्मक रूपमा जोड दिएर ठूलो फरक पार्छ। यसरी तपाईले समानताको सिद्धान्त प्रयोग गर्न सक्नुहुन्छ ताकि तपाईका प्रयोगकर्ताहरूलाई उनीहरूले खोजेको कुरा छिटो फेला पार्न मद्दत गर्न सक्नुहुन्छ।
समानताको Gestalt सिद्धान्त प्रयोग गर्दै। लेखक द्वारा छवि।
निकटको नियम
निकटताको सिद्धान्तले बताउँछ कि एक अर्काको नजिक अवस्थित वस्तुहरू धेरै देखिन्छन्। सम्बन्धित वस्तुहरू भन्दा टाढा टाढा राखिएको छ। उदाहरणका लागि, पहिलो छवि र दोस्रो छविमा समान मात्रामा सर्कलहरू छन्। यद्यपि, दोस्रो छविमा केही स्तम्भहरू एकअर्काको नजिक छन् र एउटा ठूलो समूहको सट्टा तीनवटा भिन्न समूहहरू भएको छाप सिर्जना गर्दछ।
निकटता - उदाहरण 1 - ठूलो समूह। लेखक द्वारा छवि।
निकटता - उदाहरण 2 - तीन अलग समूह। लेखक द्वारा छवि।
UX र UI डिजाइनमा निकटता प्रयोग गर्दै
फिल्डबाट एउटा उदाहरण लिऔं जानकारी दृश्यको।
यस पटक, कल्पना गरौं कि तपाईं आफ्नो एप "Il Mio Chef" ले कस्तो प्रदर्शन गर्छ भनेर हेर्न चाहनुभएको कार्यकारी हुनुहुन्छ। तपाईं KPIs हेर्न चाहानुहुन्छ जसले वित्तीय कार्यसम्पादन, प्रयोगकर्ता संलग्नता, र सन्तुष्टि मापन गर्दछ। सुरुमा, तपाइँको जानकारी भिजुअलाइजेशन विशेषज्ञले तलको ड्यासबोर्ड सिर्जना गर्दछ जसले तपाइँ र अन्य सबै कार्यकारीहरूलाई संख्यामा हराउन र थप प्रश्नहरू सोध्न बनाउँछ। एक महिना पछि तपाईं मध्ये धेरैले यो ड्यासबोर्ड प्रयोग गर्न छाडेका छन्।
KPI ड्यासबोर्ड - Il Mio Chef। लेखक द्वारा छवि।
यस बिन्दुमा तपाईं आफ्नो सूचना दृश्य विशेषज्ञमा जानुहुन्छ र ड्यासबोर्डलाई पुन: डिजाइन गरेर मानिसहरूलाई ठूलो तस्वीर बुझ्न सजिलो बनाउन उहाँलाई सोध्नुहोस्। निकटता को सिद्धान्त यस मामला मा काम मा आउँछ, र तपाईं तल नयाँ डिजाइन हेर्न सक्नुहुन्छ। यसले KPI को प्रकारद्वारा विभाजित तीन समूहहरू समावेश गर्दछ र यसले सबैलाई वित्तीय कार्यसम्पादन, संलग्नता र सन्तुष्टिको सन्दर्भमा एपले कसरी गरिरहेको छ भनेर बुझ्न मद्दत गर्छ। वस्तुहरूलाई एकसाथ समूहबद्ध गर्न र समूहहरू बीच थप सेतो ठाउँ प्रयोग गर्नाले तपाइँका प्रयोगकर्ताहरूलाई जानकारी छिटो पचाउन मद्दत गर्न सक्छ।
ड्यासबोर्ड डिजाइनमा निकटताको Gestalt सिद्धान्त प्रयोग गर्दै। लेखक द्वारा छवि।
द कानूननिरन्तरता
निरन्तरताको सिद्धान्तले बताउँछ कि एक पटक आँखाले कुनै वस्तुलाई पछ्याउन थाल्छ, त्यो दिशामा "गति" लाई पछ्याउन जारी राख्छ जबसम्म यो अर्को वस्तुसँग भेट्दैन। यो आन्दोलनले हामीलाई जानकारी खोज्नको लागि हामीले जाने बाटोको भागको रूपमा वस्तुलाई बुझ्न मद्दत गर्दछ। तलको छविले देखाउँछ कि हामी कसरी निरन्तरताको सिद्धान्तलाई विशेष दिशामा आँखालाई निर्देशित गर्ने दृश्य ढाँचाहरू सिर्जना गर्न प्रयोग गर्न सक्छौं।
यो पनि हेर्नुहोस्: ग्राफिक डिजाइनरहरूको लागि पुरानो लोगो डिजाइन प्रेरणा
निरन्तरताको सिद्धान्तको उदाहरण। लेखक द्वारा छवि।
UX र UI डिजाइनमा निरन्तरता प्रयोग गर्दै
तपाईँको UX अनुसन्धानकर्ताले एउटा नयाँ रिपोर्ट प्रस्तुत गर्नुभयो जसले देखाउँछ कि प्रयोगकर्ताहरूको लागि "Il Mio Chef" एप प्रयोग गर्नको लागि मुख्य प्रेरणा भनेको खाना अन्वेषण हो, किनकि यसले तिनीहरूलाई हरेक हप्ता नयाँ इटालियन खाना रेस्टुरेन्टहरूमा पहुँच गर्न अनुमति दिन्छ। तपाईले मेट्रिकलाई हेर्नुहुन्छ जसले तलको छवि (बाँया तर्फ) मा हालको UI डिजाइनको साथ मानिसहरूले कति पटक आफ्ना विकल्पहरू स्वाइप गर्छन् र उनीहरूलाई कुन विकल्पहरू उपलब्ध छन् भनेर हेर्न औसतमा दुई पटक भन्दा बढी स्वाइप गर्दैनन् भनेर देखाउँदछ।
निरन्तरताको सिद्धान्त प्रयोग गरेर (तलको छविको दायाँ छेउमा) तपाइँको UX डिजाइनरले त्यो संख्यालाई औसतमा लगभग 10 स्वाइपमा बढाउन मद्दत गर्यो। त्यो कसरी भयो? छविको अंश लुकाएर र त्यहाँ के छ भनेर हेर्नको लागि तपाईंले बायाँ वा दायाँ स्वाइप गर्न आवश्यक छ भन्ने तथ्यलाई हाइलाइट गरेर तपाईंको प्रयोगकर्ताहरूको आँखालाई शाब्दिक रूपमा "स्वाइप" आन्दोलन सिर्जना गर्न निर्देशित गरिएको थियो र थप थियो।थप रेस्टुरेन्टहरू र तिनीहरूले के प्रस्ताव गर्छन् अन्वेषण गर्न उत्प्रेरित। यो केहि कुरा हो जुन अघिल्लो डिजाइनले तपाईंलाई त्यसो गर्न उत्प्रेरित गरेको थिएन, भले पनि तपाईं स्वाभाविक रूपमा त्यसो गर्न उत्प्रेरित हुनुहुन्छ।
UX/UI डिजाइनमा निरन्तरताको Gestalt सिद्धान्त प्रयोग गर्दै। लेखक द्वारा छवि।
संक्षेपमा , तपाईंको UX र UI डिजाइनमा यस लेखमा प्रस्तुत Gestalt सिद्धान्तहरू प्रयोग गरेर तपाइँका प्रयोगकर्ताहरूलाई जानकारी छिटो र राम्रोसँग पचाउन मद्दत गर्न सक्छ। यो। साथै, यसले उनीहरूलाई सबैभन्दा मनपर्ने कार्यहरू गर्न उत्प्रेरित गरेर तपाईंको उत्पादनसँग उनीहरूको सन्तुष्टि बढाउन सक्छ।
यो पनि हेर्नुहोस्: ग्रहमा सर्वश्रेष्ठ YouTube परिचय निर्माताहरू
कभरमा भेक्टरनेटरमा सम्पादन गरिएको मिक्लोस फिलिप्सको कलाकृति समावेश छ।
<17
