கெஸ்டால்ட் கோட்பாடுகள் என்ன & ஆம்ப்; அவற்றை எவ்வாறு விண்ணப்பிப்பது

UX மற்றும் தொடர்பு வடிவமைப்பு துறைகளில் மிகவும் செல்வாக்கு மிக்க உளவியல் கோட்பாடுகளில் ஒன்று கெஸ்டால்ட் கோட்பாடு ஆகும். இந்த கோட்பாடு ஜெர்மன் உளவியலாளர்களால் நிறுவப்பட்டது மற்றும் "கெஸ்டால்ட்" என்ற வார்த்தைக்கு ஜெர்மன் மொழியில் வடிவம் அல்லது வடிவம் என்று பொருள். பெயர் குறிப்பிடுவது போல, கெஸ்டால்ட் கொள்கைகளுக்குப் பின்னால் உள்ள கருத்து என்னவென்றால், மனிதர்கள் தனிப்பட்ட பொருட்களைக் காட்டிலும் பொருட்களின் குழுக்களை வடிவங்களாக உணர்கிறார்கள்.

கெஸ்டால்ட் கொள்கைகளைப் பற்றி பல கட்டுரைகள் உள்ளன, ஆனால் அவற்றில் பலவற்றைப் புரிந்துகொள்வது எப்படி என்பதைப் புரிந்துகொள்ள உங்களுக்கு உதவவில்லை. UX/UI வடிவமைப்பாளராக உங்கள் பணியில் அவற்றைப் பயன்படுத்துங்கள். குறைந்த முயற்சியில் மக்கள் தங்கள் இலக்குகளை அடைய உதவும் சிறந்த UX மற்றும் UI வடிவமைப்புகளை உருவாக்க கெஸ்டால்ட் கொள்கைகளை எவ்வாறு பயன்படுத்துவது என்பது குறித்த சில யோசனைகளை இந்தக் கட்டுரை உங்களுக்கு வழங்கும்.

ஒற்றுமையின் சட்டம் <1

ஒற்றுமையின் கொள்கையானது, பொருள்கள் உடல் ரீதியாக ஒத்ததாக இருக்கும் போது நாம் அவற்றை ஒன்றாக குழுவாக செய்து உள்ளதாக கருதுகிறோம். அதே செயல்பாடு . எடுத்துக்காட்டாக, கீழே உள்ள படத்தில், பர்கண்டி சிவப்பு வட்டங்களைக் கொண்ட கோடு அதன் வெவ்வேறு நிறத்தின் காரணமாக படத்தின் மற்ற பகுதிகளிலிருந்து வேறுபடுத்துவது மிகவும் எளிதானது.

ஒற்றுமைக் கொள்கையின் எடுத்துக்காட்டு. ஆசிரியரின் புகைப்படம்.

UX மற்றும் UI வடிவமைப்பில் ஒற்றுமையைப் பயன்படுத்துதல்

உங்கள் நிறுவனம் உருவாக்கியது என்று கற்பனை செய்து கொள்வோம் அமெரிக்கா மற்றும் கனடா முழுவதும் உள்ள இத்தாலிய உணவு பிரியர்களால் பயன்படுத்தப்படும் "Il Mio Chef" என்ற செயலி (நாங்கள் இதைப் பயன்படுத்துவோம்இந்த கட்டுரையின் மீதமுள்ளவை). இத்தாலிய உணவை ஆர்டர் செய்யும் போது, ​​பயனர்கள் தங்களுக்கு நெருக்கமான உணவகங்கள் எவை என்பதில் அதிக அக்கறை காட்டுவதாக உங்கள் UX ஆராய்ச்சியாளர் உங்களிடம் ஒப்படைத்த சமீபத்திய அறிக்கை கூறுகிறது. எல்லாவற்றிற்கும் மேலாக, லாசக்னா அல்லது பீட்சாவை புதியதாகவும், சூடாகவும் இருக்கும்போதே டெலிவரி செய்ய விரும்புகிறோம், இல்லையா?

எங்கள் பயன்பாட்டுப் பயனர்கள் தங்களுக்கு நெருக்கமான உணவகங்கள் எது என்பதை எளிதாகப் பார்க்க உதவுவதற்காக. UI இல் இந்த உணவகங்களை முன்னிலைப்படுத்துவதன் மூலம் ஒற்றுமை கொள்கையைப் பயன்படுத்தலாம். கீழே உள்ள படத்தில், மஞ்சள் நிறத்தில் (வலதுபுறம்) இந்த விருப்பங்களை எவ்வாறு முன்னிலைப்படுத்துவது, அருகிலுள்ள உணவகங்களுக்கும் தொலைவில் உள்ள உணவகங்களுக்கும் இடையே உள்ள வித்தியாசத்தை பார்வைக்கு வலியுறுத்துவதன் மூலம் பெரிய வித்தியாசத்தை ஏற்படுத்துகிறது. உங்கள் பயனர்கள் எதைத் தேடுகிறார்கள் என்பதை விரைவாகக் கண்டறிய உதவ, ஒற்றுமைக் கொள்கையை நீங்கள் இப்படித்தான் பயன்படுத்தலாம்.

Gestalt கோட்பாட்டின் ஒற்றுமையைப் பயன்படுத்துதல். ஆசிரியரால் படம் தொலைவில் உள்ள பொருட்களை விட தொடர்புடையது. உதாரணமாக, முதல் படமும் இரண்டாவது படமும் ஒரே அளவு வட்டங்களைக் கொண்டுள்ளன. இருப்பினும், இரண்டாவது படத்தில் குறிப்பிட்ட நெடுவரிசைகள் ஒன்றுக்கொன்று நெருக்கமாக உள்ளன மற்றும் ஒரு பெரிய குழுவிற்குப் பதிலாக மூன்று தனித்தனி குழுக்களைக் கொண்ட தோற்றத்தை உருவாக்குகின்றன.

அருகாமை - உதாரணம் 1 - ஒரு பெரிய குழு. ஆசிரியரின் படம்.

அருகாமை - உதாரணம் 2 - மூன்று வெவ்வேறு குழுக்கள். ஆசிரியரின் படம்.

UX மற்றும் UI வடிவமைப்பில் அருகாமையைப் பயன்படுத்துதல்

புலத்திலிருந்து ஒரு உதாரணத்தை எடுத்துக் கொள்வோம் தகவல் காட்சிப்படுத்தல்.

இந்த நேரத்தில், உங்கள் செயலி “Il Mio Chef” எவ்வாறு செயல்படுகிறது என்பதைப் பார்க்க விரும்பும் ஒரு நிர்வாகியாக நீங்கள் கற்பனை செய்துகொள்வோம். நிதி செயல்திறன், பயனர் ஈடுபாடு மற்றும் திருப்தி ஆகியவற்றை அளவிடும் KPIகளை நீங்கள் பார்க்க வேண்டும். முதலில், உங்கள் தகவல் காட்சிப்படுத்தல் நிபுணர் கீழே உள்ள டாஷ்போர்டை உருவாக்குகிறார், அது உங்களையும் மற்ற எல்லா நிர்வாகிகளையும் எண்களில் தொலைத்து மேலும் மேலும் கேள்விகளைக் கேட்க வைக்கிறது. ஒரு மாதத்திற்குப் பிறகு உங்களில் பலர் இந்த டேஷ்போர்டைப் பயன்படுத்துவதை முற்றிலும் நிறுத்திவிடுவீர்கள்.

KPI டாஷ்போர்டு - Il Mio Chef. ஆசிரியரின் படம்.

இந்த கட்டத்தில் நீங்கள் உங்கள் தகவல் காட்சிப்படுத்தல் நிபுணரிடம் திரும்பி, டாஷ்போர்டை மறுவடிவமைப்பதன் மூலம் பெரிய படத்தைப் புரிந்துகொள்வதை எளிதாக்கும்படி அவரிடம் கேட்கிறீர்கள். இந்த விஷயத்தில் அருகாமையின் கொள்கை கைக்குள் வருகிறது, மேலும் புதிய வடிவமைப்பை கீழே காணலாம். இது KPI வகையால் வகுக்கப்படும் மூன்று குழுக்களைக் கொண்டுள்ளது, மேலும் நிதி செயல்திறன், ஈடுபாடு மற்றும் திருப்தி ஆகியவற்றின் அடிப்படையில் பயன்பாடு எவ்வாறு செயல்படுகிறது என்பதைப் புரிந்துகொள்ள இது அனைவருக்கும் உதவுகிறது. பொருட்களை ஒன்றாகக் குழுவாக்கி, குழுக்களுக்கு இடையே அதிக இடைவெளியைப் பயன்படுத்தினால், உங்கள் பயனர்கள் தகவலை விரைவாக ஜீரணிக்க உதவும்.

டாஷ்போர்டு வடிவமைப்பில் கெஸ்டால்ட் கொள்கையைப் பயன்படுத்துதல். ஆசிரியரின் படம்.

The Law Ofதொடர்ச்சி

தொடர்ச்சியின் கொள்கையானது, கண் ஒரு பொருளைப் பின்தொடரத் தொடங்கியவுடன், அது மற்றொரு பொருளைச் சந்திக்கும் வரை அந்தத் திசையில் “இயக்கத்தை” தொடர்ந்து பின்பற்றும் என்று கூறுகிறது. தகவலைக் கண்டறிய நாம் செல்ல வேண்டிய அதே பாதையின் ஒரு பகுதியாக பொருளை உணர இந்த இயக்கம் உதவுகிறது. ஒரு குறிப்பிட்ட திசையில் கண்ணை வழிநடத்தும் அத்தகைய காட்சி வடிவங்களை உருவாக்க, தொடர்ச்சியின் கொள்கையை நாம் எவ்வாறு பயன்படுத்தலாம் என்பதை கீழே உள்ள படம் காட்டுகிறது.

தொடர்ச்சியின் கொள்கையின் உதாரணம். ஆசிரியரின் படம்.

UX மற்றும் UI வடிவமைப்பில் தொடர்ச்சியைப் பயன்படுத்துதல்

உங்கள் UX ஆராய்ச்சியாளர் ஒரு புதிய அறிக்கையை சமர்ப்பித்துள்ளார். பயனர்கள் "Il Mio Chef" பயன்பாட்டைப் பயன்படுத்துவதற்கான முக்கிய உந்துதல் உணவு ஆய்வு ஆகும், ஏனெனில் இது ஒவ்வொரு வாரமும் புதிய இத்தாலிய உணவு உணவகங்களை அணுக அனுமதிக்கிறது. கீழே உள்ள படத்தில் (இடது பக்கம்) தற்போதைய UI வடிவமைப்பு மூலம் மக்கள் எத்தனை முறை தங்கள் விருப்பங்களை ஸ்வைப் செய்கிறார்கள் என்பதைக் காட்டும் மெட்ரிக்கைப் பார்க்கிறீர்கள், மேலும் அவர்களுக்கு என்னென்ன விருப்பங்கள் உள்ளன என்பதைப் பார்க்க சராசரியாக இரண்டு முறைக்கு மேல் அவர்கள் ஸ்வைப் செய்வதில்லை.<4

தொடர்ச்சியின் கொள்கையைப் பயன்படுத்தி (கீழே உள்ள படத்தில் வலது பக்கம்) உங்கள் UX வடிவமைப்பாளர் அந்த எண்ணிக்கையை சராசரியாக 10 ஸ்வைப்களாக அதிகரிக்க உதவினார். அது எப்படி நடந்தது? படத்தின் ஒரு பகுதியை மறைத்து, இடது அல்லது வலதுபுறமாக ஸ்வைப் செய்ய வேண்டியதன் மூலம், உங்கள் பயனர்களின் கண்கள் "ஸ்வைப்" இயக்கத்தை உண்மையில் உருவாக்க வழிகாட்டப்பட்டன.மேலும் உணவகங்கள் மற்றும் அவை என்ன வழங்குகின்றன என்பதை ஆராய தூண்டியது. நீங்கள் ஏற்கனவே இயல்பாகவே அவ்வாறு செய்ய உந்துதல் பெற்றிருந்தாலும் கூட, முந்தைய வடிவமைப்பு உங்களைச் செய்யத் தூண்டவில்லை.

UX/UI வடிவமைப்பில் தொடர்ச்சிக்கான கெஸ்டால்ட் கொள்கையைப் பயன்படுத்துதல். ஆசிரியரின் படம்.

ஒட்டுமொத்தமாக , இந்தக் கட்டுரையில் கொடுக்கப்பட்டுள்ள கெஸ்டால்ட் கொள்கைகளை உங்கள் UX மற்றும் UI வடிவமைப்பில் பயன்படுத்தி, உங்கள் பயனர்கள் தகவலை விரைவாகவும் சிறப்பாகவும் செரிக்க உதவலாம். அது. அதுமட்டுமின்றி, அவர்கள் மிகவும் விரும்பும் செயல்களைச் செய்ய அவர்களைத் தூண்டுவதன் மூலம் உங்கள் தயாரிப்பில் அவர்களின் திருப்தியை அதிகரிக்கலாம்.

கவரில் வெக்டார்னேட்டரில் திருத்தப்பட்ட Miklos Philips இன் கலைப்படைப்பு உள்ளது.