ગેસ્ટાલ્ટ સિદ્ધાંતો શું છે & તેમને કેવી રીતે લાગુ કરવું

UX અને ક્રિયાપ્રતિક્રિયા ડિઝાઇનના ક્ષેત્રોમાં સૌથી પ્રભાવશાળી મનોવૈજ્ઞાનિક સિદ્ધાંતોમાંની એક ગેસ્ટાલ્ટ સિદ્ધાંત છે. આ સિદ્ધાંતની સ્થાપના જર્મન મનોવૈજ્ઞાનિકો દ્વારા કરવામાં આવી હતી અને "ગેસ્ટાલ્ટ" શબ્દનો અર્થ જર્મનમાં ફોર્મ અથવા આકાર થાય છે. જેમ કે નામ સૂચવે છે, ગેસ્ટાલ્ટ સિદ્ધાંતો પાછળનો વિચાર એ છે કે મનુષ્ય વ્યક્તિગત વસ્તુઓને બદલે પેટર્ન તરીકે વસ્તુઓના જૂથોને જુએ છે.

ગેસ્ટાલ્ટ સિદ્ધાંતો વિશે ઘણા લેખો છે પરંતુ તેમાંથી ઘણા તમને કેવી રીતે કરવું તે સમજવામાં મદદ કરતા નથી. તેમને તમારા કાર્યમાં UX/UI ડિઝાઇનર તરીકે લાગુ કરો. આ લેખ તમને વધુ સારી UX અને UI ડિઝાઇન બનાવવા માટે Gestalt સિદ્ધાંતોનો ઉપયોગ કેવી રીતે કરવો તે અંગેના કેટલાક વિચારો આપશે જે લોકોને ઓછા પ્રયત્નો સાથે તેમના લક્ષ્યોને પ્રાપ્ત કરવામાં મદદ કરશે.

સમાનતાનો કાયદો

સમાનતાનો સિદ્ધાંત જણાવે છે કે જ્યારે વસ્તુઓ ભૌતિક રીતે સમાન હોય ત્યારે આપણે તેમને એકસાથે જૂથબદ્ધ કરીએ છીએ અને ધારીએ છીએ કે તેમની પાસે છે. સમાન કાર્યક્ષમતા . દાખલા તરીકે, નીચેની ઈમેજમાં તેના અલગ રંગને કારણે બાકીની ઈમેજમાંથી બર્ગન્ડી લાલ વર્તુળો ધરાવતી રેખાને અલગ પાડવાનું ખૂબ જ સરળ છે.

સમાનતાના સિદ્ધાંતનું ઉદાહરણ. લેખક દ્વારા ફોટો.

UX અને UI ડિઝાઇનમાં સમાનતાનો ઉપયોગ

ચાલો કલ્પના કરીએ કે તમારી કંપનીએ “Il Mio Chef” નામની એપ જેનો ઉપયોગ યુ.એસ. અને કેનેડામાં ઇટાલિયન ફૂડ શોખીનો દ્વારા કરવામાં આવે છે (અમે તેનો ઉપયોગઆ લેખનો બાકીનો ભાગ). તમારા UX સંશોધકે તમને સોંપેલ તાજેતરનો અહેવાલ જણાવે છે કે જ્યારે ઇટાલિયન ફૂડ ઓર્ડર કરવાની વાત આવે છે, ત્યારે વપરાશકર્તાઓ મોટે ભાગે ધ્યાન રાખે છે કે કઈ રેસ્ટોરન્ટ તેમની સૌથી નજીક છે. છેવટે, અમે બધા અમારા લાસગ્ના અથવા પિઝા હજુ પણ તાજા અને ગરમ હોવા પર વિતરિત કરવા ઈચ્છીએ છીએ, શું અમે નહીં?

અમારા એપ્લિકેશન વપરાશકર્તાઓને તેમની સૌથી નજીકની રેસ્ટોરન્ટ્સ જોવામાં મદદ કરવામાં સરળ બનાવવા માટે અમે UI માં આ રેસ્ટોરન્ટ્સને હાઇલાઇટ કરીને સમાનતાના સિદ્ધાંતનો ઉપયોગ કરી શકે છે. નીચેની ઈમેજમાં તમે જોઈ શકો છો કે આ વિકલ્પોને પીળા રંગમાં (જમણી બાજુએ) હાઈલાઈટ કરવાથી સૌથી નજીકની રેસ્ટોરાં અને તેનાથી દૂરની રેસ્ટોરાં વચ્ચેના તફાવત પર દૃષ્ટિની રીતે ભાર મૂકીને કેટલો મોટો ફરક પડે છે. આ રીતે તમે સમાનતાના સિદ્ધાંતનો ઉપયોગ તમારા વપરાશકર્તાઓને તેઓ જે શોધે છે તે ઝડપથી શોધવામાં મદદ કરવા માટે કરી શકો છો.

સમાનતાના Gestalt સિદ્ધાંતનો ઉપયોગ કરીને. લેખક દ્વારા છબી.

નજીકનો કાયદો

નિકટતાનો સિદ્ધાંત જણાવે છે કે જે વસ્તુઓ એકબીજાની નજીક સ્થિત છે તે વધુ દેખાય છે સંબંધિત ઓબ્જેક્ટ કે જેઓ એકબીજાથી વધુ અંતરે છે. દાખલા તરીકે, પ્રથમ ઈમેજ અને બીજી ઈમેજમાં સરખા વર્તુળો છે. જો કે, બીજી ઈમેજમાં અમુક કૉલમ એકબીજાની નજીક છે અને એક મોટા જૂથને બદલે ત્રણ અલગ-અલગ જૂથો હોવાની છાપ ઊભી કરે છે.

નિકટતા - ઉદાહરણ 1 - એક મોટું જૂથ. લેખક દ્વારા છબી.

નિકટતા - ઉદાહરણ 2 - ત્રણ અલગ જૂથો. લેખક દ્વારા છબી.

UX અને UI ડિઝાઇનમાં નિકટતાનો ઉપયોગ

ચાલો ફીલ્ડમાંથી એક ઉદાહરણ લઈએ માહિતી વિઝ્યુલાઇઝેશનનું.

આ વખતે, ચાલો કલ્પના કરીએ કે તમે એક એક્ઝિક્યુટિવ છો જે જોવા માગો છો કે તમારી એપ્લિકેશન "ઇલ મિઓ શેફ" કેવી રીતે કાર્ય કરે છે. તમે KPIs જોવા માંગો છો જે નાણાકીય કામગીરી, વપરાશકર્તાની સગાઈ અને સંતોષને માપે છે. શરૂઆતમાં, તમારા માહિતી વિઝ્યુલાઇઝેશન નિષ્ણાત નીચેનું ડેશબોર્ડ બનાવે છે જે તમને અને અન્ય તમામ અધિકારીઓની સંખ્યામાં ખોવાઈ જાય છે અને વધુ પ્રશ્નો પૂછે છે. એક મહિના પછી તમારામાંથી ઘણા આ ડેશબોર્ડનો ઉપયોગ કરવાનું બંધ કરી દે છે.

KPI ડેશબોર્ડ - Il Mio Chef. લેખક દ્વારા છબી.

આ સમયે તમે તમારા માહિતી વિઝ્યુલાઇઝેશન નિષ્ણાત પાસે પાછા જાઓ અને તેને ડેશબોર્ડને ફરીથી ડિઝાઇન કરીને લોકો માટે મોટા ચિત્રને સમજવાનું સરળ બનાવવા માટે કહો. નિકટતાનો સિદ્ધાંત આ કિસ્સામાં હાથમાં આવે છે, અને તમે નીચેની નવી ડિઝાઇન જોઈ શકો છો. તેમાં KPI ના પ્રકાર દ્વારા વિભાજિત ત્રણ જૂથો છે અને તે દરેકને એ સમજવામાં મદદ કરે છે કે નાણાકીય કામગીરી, જોડાણ અને સંતોષની દ્રષ્ટિએ એપ્લિકેશન કેવી રીતે કાર્ય કરી રહી છે. ઑબ્જેક્ટ્સને એકસાથે જૂથબદ્ધ કરવા અને જૂથો વચ્ચે વધુ સફેદ જગ્યાનો ઉપયોગ તમારા વપરાશકર્તાઓને માહિતીને ઝડપથી પચાવવામાં મદદ કરી શકે છે.

ડેશબોર્ડ ડિઝાઇનમાં નિકટતાના Gestalt સિદ્ધાંતનો ઉપયોગ કરીને. લેખક દ્વારા છબી.

ધી લો ઓફસાતત્ય

સતતતાનો સિદ્ધાંત જણાવે છે કે એકવાર આંખ કોઈ વસ્તુને અનુસરવાનું શરૂ કરે છે, તે તે દિશામાં "ચળવળ" ને અનુસરવાનું ચાલુ રાખશે જ્યાં સુધી તે અન્ય પદાર્થનો સામનો ન કરે. આ ચળવળ અમને ઑબ્જેક્ટને તે જ પાથના ભાગ રૂપે સમજવામાં મદદ કરે છે જે આપણે માહિતી શોધવા માટે પસાર કરીએ છીએ. નીચેની છબી બતાવે છે કે આંખને ચોક્કસ દિશામાં માર્ગદર્શન આપતા આવા વિઝ્યુઅલ પેટર્ન બનાવવા માટે આપણે સાતત્યના સિદ્ધાંતનો ઉપયોગ કેવી રીતે કરી શકીએ છીએ.

સતતતાના સિદ્ધાંતનું ઉદાહરણ. લેખક દ્વારા છબી.

UX અને UI ડિઝાઇનમાં સાતત્યનો ઉપયોગ

તમારા UX સંશોધકે એક નવો અહેવાલ રજૂ કર્યો જે દર્શાવે છે કે વપરાશકર્તાઓ માટે "ઇલ મિઓ શેફ" એપ્લિકેશનનો ઉપયોગ કરવાની મુખ્ય પ્રેરણા એ ફૂડ એક્સપ્લોરેશન છે, કારણ કે તે તેમને દર અઠવાડિયે નવી ઇટાલિયન ફૂડ રેસ્ટોરન્ટ્સ ઍક્સેસ કરવાની મંજૂરી આપે છે. તમે મેટ્રિક જુઓ જે દર્શાવે છે કે નીચેની ઇમેજમાં (ડાબી બાજુએ) વર્તમાન UI ડિઝાઇન સાથે લોકો તેમના વિકલ્પોમાંથી કેટલી વાર સ્વાઇપ કરે છે અને જુઓ કે તેઓ તેમના માટે કયા વિકલ્પો ઉપલબ્ધ છે તે જોવા માટે તેઓ ક્યારેય સરેરાશ બે વારથી વધુ સ્વાઇપ કરતા નથી.<4

સતતતાના સિદ્ધાંતનો ઉપયોગ કરીને (નીચેની છબી પર જમણી બાજુએ) તમારા UX ડિઝાઇનરે તે સંખ્યાને સરેરાશ લગભગ 10 સ્વાઇપ સુધી વધારવામાં મદદ કરી. કેવી રીતે થયું? ઇમેજનો ભાગ છુપાવીને અને એ હકીકતને હાઇલાઇટ કરીને કે તમારે ત્યાં શું છે તે જોવા માટે તમારે ડાબે અથવા જમણે સ્વાઇપ કરવાની જરૂર છે તમારા વપરાશકર્તાઓની આંખો શાબ્દિક રીતે "સ્વાઇપ" ચળવળ બનાવવા માટે માર્ગદર્શન આપે છે અને વધુવધુ રેસ્ટોરન્ટ્સ અને તેઓ શું ઓફર કરે છે તેનું અન્વેષણ કરવા પ્રેરિત. આ એવું કંઈક છે જે અગાઉની ડિઝાઇન તમને કરવા માટે બિલકુલ પ્રેરિત કરતી ન હતી, પછી ભલે તમે આમ કરવા માટે સહજ રીતે પ્રેરિત હો.

UX/UI ડિઝાઇનમાં સાતત્યના Gestalt સિદ્ધાંતનો ઉપયોગ કરીને. લેખક દ્વારા છબી.

સારવા માટે , તમારા UX અને UI ડિઝાઇનમાં આ લેખમાં પ્રસ્તુત Gestalt સિદ્ધાંતોનો ઉપયોગ કરીને તમારા વપરાશકર્તાઓને માહિતી ઝડપી અને સારી રીતે ડાયજેસ્ટ કરવામાં મદદ કરી શકે છે. તે આ ઉપરાંત, તે તેમને સૌથી વધુ ગમતી ક્રિયાઓ કરવા માટે પ્રેરિત કરીને તમારા ઉત્પાદન પ્રત્યેનો તેમનો સંતોષ વધારી શકે છે.

‍

કવરમાં વેક્ટરનેટરમાં સંપાદિત મિકલોસ ફિલિપ્સ દ્વારા આર્ટવર્કનો સમાવેશ થાય છે.