എന്താണ് Gestalt തത്ത്വങ്ങൾ & അവ എങ്ങനെ പ്രയോഗിക്കാം

UX, ഇന്ററാക്ഷൻ ഡിസൈൻ മേഖലകളിലെ ഏറ്റവും സ്വാധീനമുള്ള മനഃശാസ്ത്ര സിദ്ധാന്തങ്ങളിലൊന്നാണ് ഗെസ്റ്റാൾട്ട് സിദ്ധാന്തം. ജർമ്മൻ സൈക്കോളജിസ്റ്റുകളാണ് ഈ സിദ്ധാന്തം സ്ഥാപിച്ചത്, "ഗെസ്റ്റാൾട്ട്" എന്ന വാക്കിന്റെ അർത്ഥം ജർമ്മൻ ഭാഷയിൽ രൂപം അല്ലെങ്കിൽ ആകൃതി എന്നാണ്. പേര് സൂചിപ്പിക്കുന്നത് പോലെ, ഗസ്റ്റാൾട്ട് തത്വങ്ങൾക്ക് പിന്നിലെ ആശയം, മനുഷ്യർ വ്യക്തിഗത വസ്തുക്കളേക്കാൾ പാറ്റേണുകളായി വസ്തുക്കളുടെ ഗ്രൂപ്പുകളെ കാണുന്നു എന്നതാണ്.

ഗെസ്റ്റാൾട്ട് തത്വങ്ങളെക്കുറിച്ച് ധാരാളം ലേഖനങ്ങളുണ്ട്, എന്നാൽ അവയിൽ പലതും എങ്ങനെയെന്ന് മനസ്സിലാക്കാൻ നിങ്ങളെ സഹായിക്കുന്നില്ല. ഒരു UX/UI ഡിസൈനർ എന്ന നിലയിൽ നിങ്ങളുടെ ജോലിയിൽ അവ പ്രയോഗിക്കുക. കുറഞ്ഞ പ്രയത്നത്തിൽ ആളുകളെ അവരുടെ ലക്ഷ്യങ്ങൾ നേടാൻ സഹായിക്കുന്ന മികച്ച UX, UI ഡിസൈനുകൾ സൃഷ്ടിക്കാൻ Gestalt തത്വങ്ങൾ എങ്ങനെ ഉപയോഗിക്കാമെന്നതിനെക്കുറിച്ചുള്ള ചില ആശയങ്ങൾ ഈ ലേഖനം നിങ്ങൾക്ക് നൽകും.

സാമ്യതയുടെ നിയമം <1

സാമ്യതയുടെ തത്വം പറയുന്നത്, വസ്തുക്കൾ ഭൗതികമായി സാമ്യമുള്ളതായിരിക്കുമ്പോൾ നാം അവയെ ഒരുമിച്ച് കൂട്ടി അവയ്ക്ക് ഉണ്ടെന്ന് അനുമാനിക്കുന്നു എന്നാണ്. അതേ പ്രവർത്തനം . ഉദാഹരണത്തിന്, ചുവടെയുള്ള ചിത്രത്തിൽ, ബർഗണ്ടി ചുവന്ന സർക്കിളുകൾ ഉൾക്കൊള്ളുന്ന വരയെ അതിന്റെ വ്യത്യസ്‌ത നിറം കാരണം ചിത്രത്തിലെ ബാക്കി ഭാഗങ്ങളിൽ നിന്ന് വേർതിരിച്ചറിയാൻ വളരെ എളുപ്പമാണ്.

സാമ്യതയുടെ തത്വത്തിന്റെ ഒരു ഉദാഹരണം. രചയിതാവിന്റെ ഫോട്ടോ.

UX, UI രൂപകൽപ്പനയിൽ സാമ്യം ഉപയോഗിക്കുന്നു

നിങ്ങളുടെ കമ്പനി ഒരു വികസിപ്പിച്ചെടുത്തതായി സങ്കൽപ്പിക്കുക യുഎസിലും കാനഡയിലുടനീളമുള്ള ഇറ്റാലിയൻ ഭക്ഷണ പ്രേമികൾ ഉപയോഗിക്കുന്ന "ഇൽ മിയോ ഷെഫ്" ആപ്പ് (ഞങ്ങൾ ഇത് ഉപയോഗിക്കുംഈ ലേഖനത്തിന്റെ ബാക്കി). നിങ്ങളുടെ UX ഗവേഷകൻ നിങ്ങൾക്ക് കൈമാറിയ ഒരു സമീപകാല റിപ്പോർട്ടിൽ പറയുന്നത്, ഇറ്റാലിയൻ ഭക്ഷണം ഓർഡർ ചെയ്യുമ്പോൾ, ഉപയോക്താക്കൾക്ക് ഏറ്റവും അടുത്തുള്ള റെസ്റ്റോറന്റുകൾ ഏതൊക്കെയാണെന്ന് കൂടുതലായി ശ്രദ്ധിക്കുന്നു. എല്ലാത്തിനുമുപരി, ഞങ്ങളുടെ ലസാഗ്നയോ പിസ്സയോ പുതുമയുള്ളതും ഊഷ്മളവുമായിരിക്കുമ്പോൾ തന്നെ ഡെലിവറി ചെയ്യാൻ ഞങ്ങൾ എല്ലാവരും ആഗ്രഹിക്കുന്നു, അല്ലേ?

ഞങ്ങളുടെ ആപ്പ് ഉപയോക്താക്കളെ അവർക്ക് ഏറ്റവും അടുത്തുള്ള റെസ്റ്റോറന്റുകൾ ഏതെന്ന് കാണാൻ സഹായിക്കുന്നതിന്. UI-ൽ ഈ റെസ്റ്റോറന്റുകൾ ഹൈലൈറ്റ് ചെയ്യുന്നതിലൂടെ സമാനതയുടെ തത്വം ഉപയോഗിക്കാനാകും. ഏറ്റവും അടുത്തുള്ള റെസ്റ്റോറന്റുകളും ദൂരെയുള്ളവയും തമ്മിലുള്ള വ്യത്യാസം ദൃശ്യപരമായി ഊന്നിപ്പറയുന്നതിലൂടെ, മഞ്ഞ നിറത്തിൽ (വലതുവശത്ത്) ഈ ഓപ്ഷനുകൾ ഹൈലൈറ്റ് ചെയ്യുന്നത് എങ്ങനെയെന്ന് ചുവടെയുള്ള ചിത്രത്തിൽ നിങ്ങൾക്ക് കാണാൻ കഴിയും. നിങ്ങളുടെ ഉപയോക്താക്കൾക്ക് അവർ തിരയുന്നത് വേഗത്തിൽ കണ്ടെത്താൻ സഹായിക്കുന്നതിന് സമാനതത്വത്തിന്റെ തത്വം നിങ്ങൾക്ക് ഉപയോഗിക്കാവുന്നത് ഇങ്ങനെയാണ്.

സാമ്യതയുടെ Gestalt തത്വം ഉപയോഗിക്കുന്നു. രചയിതാവിന്റെ ചിത്രം.

സാമീപ്യ നിയമം

പ്രോക്‌സിമിറ്റിയുടെ തത്വം പറയുന്നത് പരസ്പരം അടുത്ത് സ്ഥിതി ചെയ്യുന്ന വസ്തുക്കൾ കൂടുതൽ കാണപ്പെടുന്നു എന്നാണ്. വളരെ അകലെയുള്ള വസ്തുക്കളേക്കാൾ ബന്ധപ്പെട്ടിരിക്കുന്നു. ഉദാഹരണത്തിന്, ആദ്യത്തെ ചിത്രത്തിനും രണ്ടാമത്തെ ചിത്രത്തിനും ഒരേ അളവിലുള്ള സർക്കിളുകൾ ഉണ്ട്. എന്നിരുന്നാലും, രണ്ടാമത്തെ ചിത്രത്തിൽ ചില കോളങ്ങൾ പരസ്പരം അടുത്ത് നിൽക്കുന്നു, ഒരു വലിയ ഗ്രൂപ്പിന് പകരം മൂന്ന് വ്യത്യസ്ത ഗ്രൂപ്പുകൾ ഉണ്ടെന്ന പ്രതീതി സൃഷ്ടിക്കുന്നു.

പ്രോക്‌സിമിറ്റി - ഉദാഹരണം 1 - ഒരു വലിയ ഗ്രൂപ്പ്. രചയിതാവിന്റെ ചിത്രം.

അടുത്തത് - ഉദാഹരണം 2 - മൂന്ന് വ്യത്യസ്ത ഗ്രൂപ്പുകൾ. രചയിതാവിന്റെ ചിത്രം.

UX, UI ഡിസൈനിൽ പ്രോക്‌സിമിറ്റി ഉപയോഗിക്കുന്നു

നമുക്ക് ഫീൽഡിൽ നിന്ന് ഒരു ഉദാഹരണം എടുക്കാം വിവര വിഷ്വലൈസേഷന്റെ.

ഇത്തവണ, നിങ്ങളുടെ ആപ്പ് "Il Mio Chef" എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് കാണാൻ ആഗ്രഹിക്കുന്ന ഒരു എക്സിക്യൂട്ടീവാണ് നിങ്ങൾ എന്ന് സങ്കൽപ്പിക്കുക. സാമ്പത്തിക പ്രകടനം, ഉപയോക്തൃ ഇടപഴകൽ, സംതൃപ്തി എന്നിവ അളക്കുന്ന കെപിഐകൾ നിങ്ങൾ നോക്കണം. ആദ്യം, നിങ്ങളുടെ വിവര വിഷ്വലൈസേഷൻ സ്പെഷ്യലിസ്റ്റ് ചുവടെയുള്ള ഡാഷ്‌ബോർഡ് സൃഷ്‌ടിക്കുന്നു, അത് നിങ്ങളെയും മറ്റ് എല്ലാ എക്‌സിക്യൂട്ടീവുകളെയും നമ്പറുകളിൽ നഷ്‌ടപ്പെടുത്തുകയും കൂടുതൽ ചോദ്യങ്ങൾ ചോദിക്കുകയും ചെയ്യുന്നു. ഒരു മാസത്തിനുശേഷം നിങ്ങളിൽ പലരും ഈ ഡാഷ്‌ബോർഡ് ഉപയോഗിക്കുന്നത് പൂർണ്ണമായും നിർത്തുന്നു.

കെപിഐ ഡാഷ്‌ബോർഡ് - ഇൽ മിയോ ഷെഫ്. രചയിതാവിന്റെ ചിത്രം.

ഈ സമയത്ത് നിങ്ങൾ നിങ്ങളുടെ വിവര വിഷ്വലൈസേഷൻ സ്പെഷ്യലിസ്റ്റിലേക്ക് മടങ്ങുകയും ഡാഷ്‌ബോർഡ് പുനർരൂപകൽപ്പന ചെയ്യുന്നതിലൂടെ വലിയ ചിത്രം ആളുകൾക്ക് മനസ്സിലാക്കുന്നത് എളുപ്പമാക്കാൻ അവളോട് ആവശ്യപ്പെടുകയും ചെയ്യുന്നു. ഈ സാഹചര്യത്തിൽ സാമീപ്യത്തിന്റെ തത്വം ഉപയോഗപ്രദമാണ്, നിങ്ങൾക്ക് ചുവടെയുള്ള പുതിയ ഡിസൈൻ കാണാം. കെപിഐയുടെ തരം അനുസരിച്ച് വിഭജിക്കപ്പെട്ട മൂന്ന് ഗ്രൂപ്പുകൾ ഇതിൽ അടങ്ങിയിരിക്കുന്നു, സാമ്പത്തിക പ്രകടനം, ഇടപഴകൽ, സംതൃപ്തി എന്നിവയിൽ ആപ്പ് എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് മനസ്സിലാക്കാൻ ഇത് എല്ലാവരെയും സഹായിക്കുന്നു. ഒബ്‌ജക്‌റ്റുകൾ ഒരുമിച്ച് ഗ്രൂപ്പുചെയ്യുകയും ഗ്രൂപ്പുകൾക്കിടയിൽ കൂടുതൽ വൈറ്റ് സ്‌പെയ്‌സ് ഉപയോഗിക്കുകയും ചെയ്യുന്നത് നിങ്ങളുടെ ഉപയോക്താക്കളെ വിവരങ്ങൾ വേഗത്തിൽ ദഹിപ്പിക്കാൻ സഹായിക്കും.

ഡാഷ്‌ബോർഡ് രൂപകൽപ്പനയിലെ പ്രോക്‌സിമിറ്റിയുടെ ഗെസ്റ്റാൾട്ട് തത്വം ഉപയോഗിക്കുന്നു. രചയിതാവിന്റെ ചിത്രം.

The Law Ofതുടർച്ച

തുടർച്ചയുടെ തത്വം പറയുന്നത്, കണ്ണ് ഒരു വസ്തുവിനെ പിന്തുടരാൻ തുടങ്ങിയാൽ, അത് മറ്റൊരു വസ്തുവിനെ അഭിമുഖീകരിക്കുന്നത് വരെ ആ ദിശയിലുള്ള "ചലനത്തെ" പിന്തുടരും എന്നാണ്. വിവരങ്ങൾ കണ്ടെത്തുന്നതിന് നാം കടന്നുപോകേണ്ട അതേ പാതയുടെ ഭാഗമായി വസ്തുവിനെ മനസ്സിലാക്കാൻ ഈ ചലനം നമ്മെ സഹായിക്കുന്നു. ഒരു പ്രത്യേക ദിശയിലേക്ക് കണ്ണിനെ നയിക്കുന്ന അത്തരം ദൃശ്യ പാറ്റേണുകൾ സൃഷ്ടിക്കുന്നതിന് നമുക്ക് തുടർച്ചയുടെ തത്വം എങ്ങനെ ഉപയോഗിക്കാമെന്ന് ചുവടെയുള്ള ചിത്രം കാണിക്കുന്നു.

തുടർച്ചയുടെ തത്വത്തിന്റെ ഒരു ഉദാഹരണം. രചയിതാവിന്റെ ചിത്രം.

UX, UI ഡിസൈൻ എന്നിവയിൽ തുടർച്ച ഉപയോഗിക്കുന്നു

നിങ്ങളുടെ UX ഗവേഷകൻ ഒരു പുതിയ റിപ്പോർട്ട് അവതരിപ്പിച്ചു ഉപയോക്താക്കൾക്ക് "Il Mio Chef" ആപ്പ് ഉപയോഗിക്കാനുള്ള പ്രധാന പ്രചോദനം ഭക്ഷണ പര്യവേക്ഷണമാണ്, കാരണം ഇത് എല്ലാ ആഴ്ചയും പുതിയ ഇറ്റാലിയൻ ഫുഡ് റെസ്റ്റോറന്റുകളിലേക്ക് പ്രവേശനം അനുവദിക്കുന്നു. ചുവടെയുള്ള ചിത്രത്തിലെ (ഇടത് വശം) നിലവിലെ UI ഡിസൈൻ ഉപയോഗിച്ച് ആളുകൾ അവരുടെ ഓപ്‌ഷനുകളിലൂടെ എത്ര തവണ സ്വൈപ്പ് ചെയ്യുന്നു എന്ന് കാണിക്കുന്ന മെട്രിക് നിങ്ങൾ നോക്കുന്നു, അവർക്ക് ലഭ്യമായ ഓപ്‌ഷനുകൾ ഏതൊക്കെയെന്ന് കാണാൻ അവർ ഒരിക്കലും ശരാശരി രണ്ടുതവണയിൽ കൂടുതൽ സ്വൈപ്പ് ചെയ്യുന്നില്ലെന്ന് കാണുക.<4

തുടർച്ചയുടെ തത്വം (ചുവടെയുള്ള ചിത്രത്തിൽ വലതുവശം) ഉപയോഗിച്ച് നിങ്ങളുടെ UX ഡിസൈനർ ആ സംഖ്യ ശരാശരി 10 സ്വൈപ്പുകളായി വർദ്ധിപ്പിക്കാൻ സഹായിച്ചു. അതെങ്ങനെ സംഭവിച്ചു? ചിത്രത്തിന്റെ ഒരു ഭാഗം മറയ്‌ക്കുന്നതിലൂടെയും അവിടെ എന്താണെന്ന് കാണുന്നതിന് ഇടത്തോട്ടോ വലത്തോട്ടോ സ്വൈപ്പ് ചെയ്യേണ്ട വസ്തുത ഹൈലൈറ്റ് ചെയ്യുന്നതിലൂടെ നിങ്ങളുടെ ഉപയോക്താക്കളുടെ കണ്ണുകൾ അക്ഷരാർത്ഥത്തിൽ “സ്വൈപ്പ്” ചലനം സൃഷ്‌ടിക്കുന്നതിന് വഴിതെളിച്ചു.കൂടുതൽ റെസ്റ്റോറന്റുകളും അവ ഓഫർ ചെയ്യുന്നവയും പര്യവേക്ഷണം ചെയ്യാൻ പ്രേരിപ്പിച്ചു. ഇത് ചെയ്യാൻ  മുമ്പത്തെ ഡിസൈൻ നിങ്ങളെ പ്രേരിപ്പിക്കാത്ത കാര്യമാണ്, നിങ്ങൾ ഇതിനകം തന്നെ അങ്ങനെ ചെയ്യാൻ പ്രേരിപ്പിച്ചിട്ടുണ്ടെങ്കിലും.

UX/UI ഡിസൈനിലെ തുടർച്ചയുടെ Gestalt തത്വം ഉപയോഗിക്കുന്നു. രചയിതാവ് മുഖേനയുള്ള ചിത്രം.

ചുരുക്കത്തിൽ , ഈ ലേഖനത്തിൽ അവതരിപ്പിച്ചിരിക്കുന്ന Gestalt തത്ത്വങ്ങൾ നിങ്ങളുടെ UX, UI രൂപകൽപ്പനയിൽ ഉപയോഗിക്കുന്നത് നിങ്ങളുടെ ഉപയോക്താക്കളെ വിവരങ്ങൾ വേഗത്തിലും നന്നായി ദഹിപ്പിക്കാനും സഹായിക്കും. അത്. കൂടാതെ, അവർ ഏറ്റവും ഇഷ്ടപ്പെടുന്ന പ്രവർത്തനങ്ങൾ ചെയ്യാൻ അവരെ പ്രചോദിപ്പിക്കുന്നതിലൂടെ നിങ്ങളുടെ ഉൽപ്പന്നത്തിലുള്ള അവരുടെ സംതൃപ്തി വർദ്ധിപ്പിക്കാൻ ഇതിന് കഴിയും.

വെക്‌ടോർനേറ്ററിൽ എഡിറ്റ് ചെയ്‌ത Miklos Philips-ന്റെ കലാസൃഷ്ടികൾ കവറിൽ ഉൾപ്പെടുന്നു.