గెస్టాల్ట్ సూత్రాలు ఏమిటి & వాటిని ఎలా దరఖాస్తు చేయాలి

UX మరియు ఇంటరాక్షన్ డిజైన్ రంగాలలో అత్యంత ప్రభావవంతమైన మానసిక సిద్ధాంతాలలో ఒకటి గెస్టాల్ట్ సిద్ధాంతం. ఈ సిద్ధాంతాన్ని జర్మన్ మనస్తత్వవేత్తలు స్థాపించారు మరియు “గెస్టాల్ట్” అనే పదానికి జర్మన్‌లో రూపం లేదా ఆకారం అని అర్థం. పేరు సూచించినట్లుగా, గెస్టాల్ట్ సూత్రాల వెనుక ఉన్న ఆలోచన ఏమిటంటే, మానవులు వస్తువుల సమూహాలను వ్యక్తిగత వస్తువులుగా కాకుండా నమూనాలుగా గ్రహిస్తారు.

గెస్టాల్ట్ సూత్రాల గురించి చాలా కథనాలు ఉన్నాయి, కానీ వాటిలో చాలా వరకు ఎలా చేయాలో అర్థం చేసుకోవడంలో మీకు సహాయపడలేదు. UX/UI డిజైనర్‌గా మీ పనిలో వాటిని వర్తింపజేయండి. తక్కువ ప్రయత్నంతో ప్రజలు తమ లక్ష్యాలను సాధించడంలో సహాయపడే మెరుగైన UX మరియు UI డిజైన్‌లను రూపొందించడానికి గెస్టాల్ట్ సూత్రాలను ఎలా ఉపయోగించాలనే దానిపై ఈ కథనం మీకు కొన్ని ఆలోచనలను అందిస్తుంది.

సారూప్యత యొక్క చట్టం <1

సారూప్యత యొక్క సూత్రం ప్రకారం వస్తువులు భౌతికంగా సారూప్యంగా ఉన్నప్పుడు మనం వాటిని సమూహానికి మరియు అవి ని కలిగి ఉన్నాయని ఊహిస్తాము. అదే కార్యాచరణ . ఉదాహరణకు, దిగువ చిత్రంలో ఉన్న వివిధ రంగుల కారణంగా మిగిలిన చిత్రం నుండి బుర్గుండి ఎరుపు వృత్తాలను కలిగి ఉన్న లైన్‌ను వేరు చేయడం చాలా సులభం.

సారూప్యత సూత్రానికి ఉదాహరణ. రచయిత ఫోటో.

UX మరియు UI డిజైన్‌లో సారూప్యతను ఉపయోగించడం

మీ కంపెనీ అభివృద్ధి చేసిందని ఊహించుకుందాం "Il Mio Chef" అని పిలవబడే అనువర్తనం US మరియు కెనడా అంతటా ఇటాలియన్ ఆహార ప్రియులచే ఉపయోగించబడుతుంది (మేము దీనిని ఉపయోగిస్తాముఈ వ్యాసం యొక్క మిగిలినవి). మీ UX పరిశోధకుడు మీకు అందజేసిన ఇటీవలి నివేదిక ప్రకారం, ఇటాలియన్ ఆహారాన్ని ఆర్డర్ చేసేటప్పుడు, వినియోగదారులు తమకు దగ్గరగా ఉన్న రెస్టారెంట్‌ల గురించి ఎక్కువగా శ్రద్ధ వహిస్తారు. అన్నింటికంటే, మనమందరం మా లాసాగ్నా లేదా పిజ్జా తాజాగా మరియు వెచ్చగా ఉన్నప్పుడే డెలివరీ చేయాలనుకుంటున్నాము, కాదా?

మా యాప్ వినియోగదారులకు మేము వారికి దగ్గరగా ఉన్న రెస్టారెంట్‌లను చూడటంలో సహాయపడటం సులభం చేయడానికి UIలో ఈ రెస్టారెంట్‌లను హైలైట్ చేయడం ద్వారా సారూప్యత సూత్రాన్ని ఉపయోగించవచ్చు. దిగువన ఉన్న చిత్రంలో, ఈ ఎంపికలను పసుపు రంగులో (కుడివైపు) హైలైట్ చేయడం ద్వారా దగ్గరగా ఉన్న రెస్టారెంట్‌లు మరియు దూరంగా ఉన్న వాటి మధ్య వ్యత్యాసాన్ని దృశ్యమానంగా నొక్కి చెప్పడం ద్వారా పెద్ద తేడా ఎలా ఉంటుందో మీరు చూడవచ్చు. మీ వినియోగదారులు వారు వెతుకుతున్న వాటిని త్వరగా కనుగొనడంలో సహాయపడటానికి మీరు సారూప్యత సూత్రాన్ని ఈ విధంగా ఉపయోగించవచ్చు.

సారూప్యత యొక్క గెస్టాల్ట్ సూత్రాన్ని ఉపయోగించడం. రచయిత ద్వారా చిత్రం.

ద లా ఆఫ్ ప్రాక్సిమిటీ

సామీప్యత సూత్రం ప్రకారం ఒకదానికొకటి దగ్గరగా ఉన్న వస్తువులు ఎక్కువగా కనిపిస్తాయి. దూరంగా ఉన్న వస్తువుల కంటే సంబంధించినది. ఉదాహరణకు, మొదటి చిత్రం మరియు రెండవ చిత్రం ఒకే మొత్తంలో సర్కిల్‌లను కలిగి ఉంటాయి. అయితే, రెండవ చిత్రంలో నిర్దిష్ట నిలువు వరుసలు ఒకదానికొకటి దగ్గరగా ఉంటాయి మరియు ఒక పెద్ద సమూహానికి బదులుగా మూడు విభిన్న సమూహాలను కలిగి ఉన్నట్లు అభిప్రాయాన్ని సృష్టిస్తాయి.

సామీప్యత - ఉదాహరణ 1 - ఒక పెద్ద సమూహం. రచయిత ద్వారా చిత్రం.

సామీప్యం - ఉదాహరణ 2 - మూడు విభిన్న సమూహాలు. రచయిత ద్వారా చిత్రం.

UX మరియు UI డిజైన్‌లో సామీప్యతను ఉపయోగించడం

ఫీల్డ్ నుండి ఒక ఉదాహరణ తీసుకుందాం ఇన్ఫర్మేషన్ విజువలైజేషన్.

ఈసారి, మీరు మీ యాప్ “Il Mio Chef” ఎలా పని చేస్తుందో చూడాలనుకుంటున్న ఎగ్జిక్యూటివ్‌గా ఊహించుకుందాం. మీరు ఆర్థిక పనితీరు, వినియోగదారు నిశ్చితార్థం మరియు సంతృప్తిని కొలిచే KPIలను చూడాలనుకుంటున్నారు. మొదట, మీ సమాచార విజువలైజేషన్ నిపుణుడు దిగువన ఉన్న డాష్‌బోర్డ్‌ను సృష్టిస్తాడు, అది మిమ్మల్ని మరియు ఇతర ఎగ్జిక్యూటివ్‌లందరినీ సంఖ్యలలో కోల్పోయేలా చేస్తుంది మరియు మరిన్ని ప్రశ్నలను అడగడానికి చేస్తుంది. ఒక నెల తర్వాత మీలో చాలా మంది ఈ డ్యాష్‌బోర్డ్‌ని పూర్తిగా ఉపయోగించడం మానేస్తారు.

KPI డాష్‌బోర్డ్ - Il Mio చెఫ్. రచయిత ద్వారా చిత్రం.

ఈ సమయంలో మీరు మీ ఇన్ఫర్మేషన్ విజువలైజేషన్ స్పెషలిస్ట్ వద్దకు తిరిగి వెళ్లి, డ్యాష్‌బోర్డ్‌ని రీడిజైన్ చేయడం ద్వారా పెద్ద చిత్రాన్ని సులభంగా అర్థం చేసుకోమని ఆమెను అడగండి. ఈ సందర్భంలో సామీప్యత సూత్రం ఉపయోగపడుతుంది మరియు మీరు దిగువ కొత్త డిజైన్‌ను చూడవచ్చు. ఇది KPI రకం ద్వారా విభజించబడిన మూడు సమూహాలను కలిగి ఉంది మరియు ఆర్థిక పనితీరు, నిశ్చితార్థం మరియు సంతృప్తి పరంగా యాప్ ఎలా పనిచేస్తుందో అర్థం చేసుకోవడానికి ఇది ప్రతి ఒక్కరికి సహాయపడుతుంది. వస్తువులను సమూహపరచడం మరియు సమూహాల మధ్య ఎక్కువ ఖాళీ స్థలాన్ని ఉపయోగించడం ద్వారా మీ వినియోగదారులు సమాచారాన్ని వేగంగా జీర్ణించుకోవడంలో సహాయపడుతుంది.

డాష్‌బోర్డ్ డిజైన్‌లో సామీప్యత యొక్క గెస్టాల్ట్ సూత్రాన్ని ఉపయోగించడం. రచయిత ద్వారా చిత్రం.

The Law Ofకంటిన్యూటీ

కంటిన్యూటీ సూత్రం ప్రకారం, కన్ను ఒక వస్తువును అనుసరించడం ప్రారంభించిన తర్వాత, అది మరొక వస్తువును ఎదుర్కొనే వరకు ఆ దిశలో “కదలిక”ని అనుసరిస్తూనే ఉంటుంది. సమాచారాన్ని కనుగొనడానికి మనం వెళ్లాల్సిన అదే మార్గంలో భాగంగా వస్తువును గ్రహించడంలో ఈ కదలిక మాకు సహాయపడుతుంది. కంటిని నిర్దిష్ట దిశలో మార్గనిర్దేశం చేసే అటువంటి దృశ్య నమూనాలను రూపొందించడానికి కొనసాగింపు సూత్రాన్ని మనం ఎలా ఉపయోగించవచ్చో దిగువ చిత్రం చూపుతుంది.

కొనసాగింపు సూత్రానికి ఉదాహరణ. రచయిత ద్వారా చిత్రం.

UX మరియు UI డిజైన్‌లో కంటిన్యూటీని ఉపయోగించడం

మీ UX పరిశోధకుడు చూపే కొత్త నివేదికను సమర్పించారు "Il Mio Chef" యాప్‌ని ఉపయోగించడానికి వినియోగదారులకు ప్రధాన ప్రేరణ ఆహార అన్వేషణ, ఎందుకంటే ఇది ప్రతి వారం కొత్త ఇటాలియన్ ఫుడ్ రెస్టారెంట్‌లను యాక్సెస్ చేయడానికి వీలు కల్పిస్తుంది. దిగువ చిత్రంలో (ఎడమవైపు) ఉన్న ప్రస్తుత UI డిజైన్‌తో వ్యక్తులు వారి ఎంపికల ద్వారా ఎన్నిసార్లు స్వైప్ చేస్తారో చూపించే మెట్రిక్‌ను మీరు చూస్తారు మరియు వారికి ఏ ఎంపికలు అందుబాటులో ఉన్నాయో చూడటానికి వారు సగటున రెండుసార్లు కంటే ఎక్కువ స్వైప్ చేయలేదని చూడండి.<4

కొనసాగింపు సూత్రాన్ని (క్రింద ఉన్న చిత్రంలో కుడివైపు) ఉపయోగించి మీ UX డిజైనర్ ఆ సంఖ్యను సగటున 10 స్వైప్‌లకు పెంచడంలో సహాయపడింది. అది ఎలా జరిగింది? ఇమేజ్‌లో కొంత భాగాన్ని దాచిపెట్టడం ద్వారా మరియు అక్కడ ఏముందో చూడటానికి మీరు ఎడమ లేదా కుడికి స్వైప్ చేయాల్సిన వాస్తవాన్ని హైలైట్ చేయడం ద్వారా మీ వినియోగదారుల కళ్ళు అక్షరాలా “స్వైప్” కదలికను సృష్టించేలా మార్గనిర్దేశం చేయబడ్డాయి మరియు మరిన్నిమరిన్ని రెస్టారెంట్లు మరియు అవి అందించే వాటిని అన్వేషించడానికి ప్రేరేపించబడింది. మీరు ఇప్పటికే అంతర్లీనంగా అలా చేయడానికి ప్రేరేపించబడినప్పటికీ,  మునుపటి డిజైన్ మిమ్మల్ని అస్సలు ప్రేరేపించలేదు.

UX/UI డిజైన్‌లో కొనసాగింపు యొక్క గెస్టాల్ట్ సూత్రాన్ని ఉపయోగించడం. రచయిత ద్వారా చిత్రం.

మొత్తానికి , మీ UX మరియు UI డిజైన్‌లో ఈ కథనంలో అందించబడిన గెస్టాల్ట్ సూత్రాలను ఉపయోగించడం ద్వారా మీ వినియోగదారులు సమాచారాన్ని వేగంగా మరియు మెరుగ్గా జీర్ణించుకోవడంలో సహాయపడగలరు అది. అంతేకాకుండా, వారు అత్యంత ఇష్టపడే చర్యలు తీసుకునేలా వారిని ప్రేరేపించడం ద్వారా మీ ఉత్పత్తి పట్ల వారి సంతృప్తిని పెంచుతుంది.

కవర్‌లో వెక్టార్నేటర్‌లో ఎడిట్ చేయబడిన మిక్లోస్ ఫిలిప్స్ ఆర్ట్‌వర్క్ ఉంటుంది.