গেষ্টাল্ট নীতিসমূহ কি কি & কেনেকৈ প্ৰয়োগ কৰিব

UX আৰু পাৰস্পৰিক ক্ৰিয়াৰ ডিজাইনৰ ক্ষেত্ৰত অন্যতম প্ৰভাৱশালী মানসিক তত্ত্ব হৈছে গেষ্টাল্ট তত্ত্ব। এই তত্ত্বটো জাৰ্মান মনোবিজ্ঞানীসকলে প্ৰতিষ্ঠা কৰিছিল আৰু “গেষ্টাল্ট” শব্দটোৰ অৰ্থ জাৰ্মান ভাষাত ৰূপ বা আকৃতি । নামটোৱেই কোৱাৰ দৰে গেষ্টাল্ট নীতিৰ আঁৰৰ ধাৰণাটো হ’ল মানুহে বস্তুৰ গোটবোৰক ব্যক্তিগত বস্তুতকৈ আৰ্হি হিচাপেহে গ্ৰহণ কৰে।

গেষ্টাল্ট নীতিৰ বিষয়ে বহু প্ৰবন্ধ আছে যদিও ইমানবোৰেই আপোনাক কেনেকৈ বুজিবলৈ সহায় নকৰে এটা UX/UI ডিজাইনাৰ হিচাপে আপোনাৰ কামত সিহতক প্ৰয়োগ কৰক। এই প্ৰবন্ধটোৱে আপোনাক উন্নত UX আৰু UI ডিজাইন সৃষ্টি কৰিবলৈ Gestalt নীতিসমূহ কেনেকৈ ব্যৱহাৰ কৰিব লাগে তাৰ কিছুমান ধাৰণা দিব যিয়ে মানুহক কম প্ৰচেষ্টাৰে তেওঁলোকৰ লক্ষ্যত উপনীত হোৱাত সহায় কৰিব।

সাদৃশ্যৰ নিয়ম

সাদৃশ্যৰ নীতিত কোৱা হৈছে যে যেতিয়া বস্তুবোৰ ভৌতিকভাৱে সাদৃশ্য থাকে তেতিয়া আমি সিহঁতক একেলগে গোট খোৱাৰ প্ৰৱণতা ৰাখোঁ আৰু ধৰি লওঁ যে সিহঁতৰ আছে একে কাৰ্য্যক্ষমতা । উদাহৰণস্বৰূপে, তলৰ ছবিখনত বুৰ্গাণ্ডী ৰঙা বৃত্ত থকা ৰেখাডাল ছবিখনৰ বাকী অংশৰ পৰা পৃথক কৰাটো যথেষ্ট সহজ।

সাদৃশ্যৰ নীতিৰ এটা উদাহৰণ। লেখকৰ ফটো।

UX আৰু UI ডিজাইনত সাদৃশ্য ব্যৱহাৰ কৰা

See_also: Adobe Illustrator ত এটা ক্লিপিং মাস্ক বনাওক: ষ্টেপ-বাই-ষ্টেপ গাইড

কল্পনা কৰোঁ যে আপোনাৰ কোম্পানীয়ে এটা... 'ইল মিঅ' চেফ' নামৰ এপটো সমগ্ৰ আমেৰিকা আৰু কানাডাৰ ইটালীয় খাদ্য অনুৰাগীয়ে ব্যৱহাৰ কৰে (আমি ইয়াক ব্যৱহাৰ কৰিম...এই লেখাটোৰ বাকী অংশ)। শেহতীয়াকৈ আপোনাৰ UX গৱেষকে আপোনাক দিয়া এটা প্ৰতিবেদনত কোৱা হৈছে যে যেতিয়া ইটালীৰ খাদ্য অৰ্ডাৰ দিয়াৰ কথা আহে, ব্যৱহাৰকাৰীসকলে বেছিভাগেই চিন্তা কৰে যে কোনবোৰ ৰেষ্টুৰেণ্ট তেওঁলোকৰ ওচৰত। তাৰ পিছতো আমি সকলোৱে বিচাৰিম যে আমাৰ লাজানা বা পিজ্জা সতেজ আৰু গৰম হৈ থকাৰ সময়তে ডেলিভাৰী দিব লাগে, নহয়নে?

আমাৰ এপ ব্যৱহাৰকাৰীসকলক কোনবোৰ ৰেষ্টুৰেণ্ট তেওঁলোকৰ আটাইতকৈ ওচৰত সেইটো চাবলৈ সহজ কৰি তুলিবলৈ আমি UI ত এই ৰেষ্টুৰেণ্টসমূহক হাইলাইট কৰি সাদৃশ্যৰ নীতি ব্যৱহাৰ কৰিব পাৰে। তলৰ ছবিখনত আপুনি চাব পাৰিব যে এই বিকল্পসমূহ হালধীয়া ৰঙেৰে (সোঁফালে) হাইলাইট কৰিলে ওচৰৰ ৰেষ্টুৰেণ্ট আৰু দূৰৈৰ ৰেষ্টুৰেণ্টৰ মাজৰ পাৰ্থক্যক দৃশ্যগতভাৱে গুৰুত্ব দি কেনেকৈ ডাঙৰ পাৰ্থক্য আনে। এইদৰে আপুনি আপোনাৰ ব্যৱহাৰকাৰীসকলক তেওঁলোকে বিচৰা বস্তুটো দ্ৰুতভাৱে বিচাৰি উলিয়াবলৈ সহায় কৰিবলৈ সাদৃশ্যৰ নীতি ব্যৱহাৰ কৰিব পাৰে।

সাদৃশ্যৰ Gestalt নীতি ব্যৱহাৰ কৰা। লেখকৰ দ্বাৰা চিত্ৰ।

প্ৰক্সিমিটিৰ নিয়ম

প্ৰক্সিমিটিৰ নীতিত কোৱা হৈছে যে যিবোৰ বস্তু ইটোৱে সিটোৰ ওচৰত অৱস্থিত সেইবোৰ অধিক যেন লাগে অধিক দূৰত্বত থকা বস্তুতকৈ সম্পৰ্কীয় । উদাহৰণস্বৰূপে, প্ৰথম ছবিখন আৰু দ্বিতীয় ছবিখনত একে পৰিমাণৰ বৃত্ত থাকে। কিন্তু দ্বিতীয় ছবিখনত কিছুমান স্তম্ভ ইটোৱে সিটোৰ ওচৰত থাকে আৰু এটা ডাঙৰ গোটৰ পৰিৱৰ্তে তিনিটা সুকীয়া গোট থকাৰ ধাৰণা সৃষ্টি কৰে।

সান্নিধ্য - উদাহৰণ ১ - এটা ডাঙৰ গোট। লেখকৰ দ্বাৰা ছবি।

সান্নিধ্য - উদাহৰণ ২ - তিনিটা সুকীয়া গোট। লেখকৰ দ্বাৰা ছবি।

UX আৰু UI ডিজাইনত প্ৰক্সিমিটি ব্যৱহাৰ কৰা

ক্ষেত্ৰৰ পৰা এটা উদাহৰণ লওঁ আহক এইবাৰ, কল্পনা কৰোঁ যে আপুনি এজন কাৰ্যবাহী যিয়ে আপোনাৰ এপ “Il Mio Chef” এ কেনেদৰে কাম কৰে চাব বিচাৰে। আপুনি বিত্তীয় পৰিৱেশন, ব্যৱহাৰকাৰীৰ নিয়োজিততা, আৰু সন্তুষ্টি জুখিব পৰা KPIসমূহ চাব বিচাৰে। প্ৰথমতে, আপোনাৰ তথ্য দৃশ্যায়ন বিশেষজ্ঞই তলৰ ডেচব'ৰ্ডটো সৃষ্টি কৰে যিয়ে আপোনাক আৰু আন সকলো কাৰ্যবাহীক সংখ্যাত হেৰাই যায় আৰু আৰু অধিক প্ৰশ্ন কৰে। এমাহৰ পিছত আপোনালোকৰ বহুতেই এই ডেচব'ৰ্ড ব্যৱহাৰ কৰাটো একেবাৰে বন্ধ কৰি দিয়ে।

কেপিআই ডেচবোৰ্ড - ইল মিও চেফ। লেখকৰ দ্বাৰা ছবি।

এইখিনিতে আপুনি আপোনাৰ তথ্য দৃশ্যায়ন বিশেষজ্ঞৰ ওচৰলৈ উভতি যায় আৰু তাইক ক'ব যে ডেচব'ৰ্ডখন পুনৰ নিৰ্মাণ কৰি মানুহে ডাঙৰ ছবিখন বুজিবলৈ সহজ কৰি তুলিব। এই ক্ষেত্ৰত সান্নিধ্যৰ নীতিটো কামত আহে, আৰু আপুনি তলত নতুন ডিজাইনটো চাব পাৰে। ইয়াত কেপিআইৰ প্ৰকাৰ অনুসৰি ভাগ কৰা তিনিটা গোট আছে আৰু ই সকলোকে আৰ্থিক প্ৰদৰ্শন, নিয়োজিততা, আৰু সন্তুষ্টিৰ ক্ষেত্ৰত এপটোৱে কেনেদৰে কাম কৰি আছে সেয়া বুজিবলৈ সহায় কৰে। বস্তুসমূহক একেলগে গোট কৰা আৰু গোটসমূহৰ মাজত অধিক বগা স্থান ব্যৱহাৰ কৰাটোৱে আপোনাৰ ব্যৱহাৰকাৰীসকলক তথ্য দ্ৰুতভাৱে হজম কৰাত সহায় কৰিব পাৰে।

ডেচব'ৰ্ড ডিজাইনত সান্নিধ্যৰ Gestalt নীতি ব্যৱহাৰ কৰা। লেখকৰ দ্বাৰা ছবি।

The Law Ofধাৰাবাহিকতা

ধাৰাবাহিকতাৰ নীতিত কোৱা হৈছে যে চকুৱে এবাৰ কোনো বস্তুৰ পিছত ল’বলৈ আৰম্ভ কৰিলে সেই দিশত “গতি” অনুসৰণ কৰি থাকিব যেতিয়ালৈকে ই আন এটা বস্তুৰ সন্মুখীন নহয়। এই আন্দোলনে আমাক তথ্য বিচাৰিবলৈ যাবলগীয়া একেটা পথৰ অংশ হিচাপে বস্তুটোক অনুভৱ কৰাত সহায় কৰে। তলৰ ছবিখনে দেখুৱাইছে যে আমি কেনেকৈ ধাৰাবাহিকতাৰ নীতি ব্যৱহাৰ কৰি এনে দৃশ্যগত আৰ্হি সৃষ্টি কৰিব পাৰো যিয়ে চকুক এটা বিশেষ দিশত নিৰ্দেশনা দিয়ে।

ধাৰাবাহিকতাৰ নীতিৰ এটা উদাহৰণ। লেখকৰ দ্বাৰা ছবি।

UX আৰু UI ডিজাইনত Continuity ব্যৱহাৰ কৰা

আপোনাৰ UX গৱেষকে এটা নতুন প্ৰতিবেদন উপস্থাপন কৰিছে যিয়ে দেখুৱাইছে যে ব্যৱহাৰকাৰীসকলৰ বাবে “ইল মিঅ’ চেফ” এপটো ব্যৱহাৰ কৰাৰ মূল প্ৰেৰণা হৈছে খাদ্য অন্বেষণ, যিহেতু ই তেওঁলোকক প্ৰতি সপ্তাহত নতুন ইটালীয় খাদ্য ৰেষ্টুৰেণ্টত প্ৰৱেশৰ অনুমতি দিয়ে। আপুনি মেট্ৰিক চায় যিয়ে দেখুৱাই যে মানুহে তলৰ ছবিখনত বৰ্তমানৰ UI ডিজাইনৰ সৈতে তেওঁলোকৰ বিকল্পসমূহৰ মাজেৰে কিমানবাৰ চুইপ কৰে আৰু দেখিব যে তেওঁলোকে কেতিয়াও গড়ে দুবাৰতকৈ অধিক চুইপ নকৰে যাতে তেওঁলোকৰ বাবে কি বিকল্প উপলব্ধ।

ধাৰাবাহিকতাৰ নীতি ব্যৱহাৰ কৰি (তলৰ ছবিখনৰ সোঁফালে) আপোনাৰ UX ডিজাইনাৰজনে সেই সংখ্যা গড়ে প্ৰায় ১০টা চুইপলৈ বৃদ্ধি কৰাত সহায় কৰিলে। সেয়া কেনেকৈ হ’ল? ছবিখনৰ এটা অংশ লুকুৱাই ৰাখি আৰু এই সত্যটো হাইলাইট কৰি আপুনি তাত কি আছে চাবলৈ বাওঁ বা সোঁফালে চুইপ কৰিব লাগিব আপোনাৰ ব্যৱহাৰকাৰীসকলৰ চকুক আক্ষৰিক অৰ্থত “ছুইপ” গতি সৃষ্টি কৰিবলৈ নিৰ্দেশিত হৈছিল আৰু অধিক আছিল৷অধিক ৰেষ্টুৰেণ্ট আৰু তেওঁলোকে আগবঢ়োৱা বস্তুসমূহ অন্বেষণ কৰিবলৈ অনুপ্ৰাণিত হৈছে। এইটো এনেকুৱা কাম যিটো আগৰ ডিজাইনে আপোনাক একেবাৰেই কৰিবলৈ প্ৰেৰণা নিদিলে, যদিও আপুনি ইতিমধ্যে সহজাতভাৱে তেনে কৰিবলৈ প্ৰেৰণা পাইছে।

UX/UI ডিজাইনত ধাৰাবাহিকতাৰ Gestalt নীতি ব্যৱহাৰ কৰা। লেখকৰ দ্বাৰা প্ৰতিমুৰ্তি।

সাৰাংশ কৰিবলৈ , আপোনাৰ UX আৰু UI ডিজাইনত এই প্ৰবন্ধত উপস্থাপন কৰা Gestalt নীতিসমূহ ব্যৱহাৰ কৰিলে আপোনাৰ ব্যৱহাৰকাৰীসকলক তথ্য দ্ৰুত আৰু ভালদৰে হজম কৰাত সহায় কৰিব পাৰি এইটো. ইয়াৰ উপৰিও, ই তেওঁলোকক তেওঁলোকে আটাইতকৈ ভালপোৱা কাৰ্য্যসমূহ কৰিবলৈ প্ৰেৰণা দি আপোনাৰ সামগ্ৰীৰ প্ৰতি তেওঁলোকৰ সন্তুষ্টি বৃদ্ধি কৰিব পাৰে।

কভাৰত ভেক্টৰনেটৰত সম্পাদিত মিক্লছ ফিলিপছৰ শিল্পকৰ্ম অন্তৰ্ভুক্ত কৰা হৈছে।