সুচিপত্র
UX এবং ইন্টারঅ্যাকশন ডিজাইনের ক্ষেত্রে সবচেয়ে প্রভাবশালী মনস্তাত্ত্বিক তত্ত্বগুলির মধ্যে একটি হল Gestalt তত্ত্ব। এই তত্ত্বটি জার্মান মনোবিজ্ঞানীরা প্রতিষ্ঠা করেছিলেন এবং জার্মান ভাষায় "Gestalt" শব্দের অর্থ ফর্ম বা আকৃতি ৷ নাম থেকে বোঝা যায়, Gestalt নীতির পিছনের ধারণাটি হল যে মানুষ পৃথক বস্তুর পরিবর্তে বস্তুর গোষ্ঠীকে প্যাটার্ন হিসাবে উপলব্ধি করে৷
Gestalt নীতিগুলি সম্পর্কে অনেক নিবন্ধ রয়েছে তবে সেগুলির মধ্যে অনেকগুলি আপনাকে কীভাবে বুঝতে সাহায্য করে না৷ একটি UX/UI ডিজাইনার হিসাবে আপনার কাজে তাদের প্রয়োগ করুন। এই নিবন্ধটি আপনাকে আরও ভাল UX এবং UI ডিজাইন তৈরি করতে Gestalt নীতিগুলি কীভাবে ব্যবহার করতে হয় সে সম্পর্কে কিছু ধারণা দেবে যা মানুষকে কম পরিশ্রমে তাদের লক্ষ্য অর্জনে সহায়তা করবে।
সাদৃশ্যের আইন
সাদৃশ্যের নীতি বলে যে যখন বস্তুগুলি শারীরিকভাবে একই রকম হয় তখন আমরা এগুলিকে একত্রে গোষ্ঠীবদ্ধ করি এবং ধরে নিই যে তাদের আছে একই কার্যকারিতা । উদাহরণস্বরূপ, নীচের ছবিতে এটির ভিন্ন রঙের কারণে বাকি চিত্র থেকে বারগান্ডি লাল বৃত্ত রয়েছে এমন লাইনটিকে আলাদা করা বেশ সহজ৷
সাদৃশ্যের নীতির একটি উদাহরণ৷ লেখকের ছবি।
UX এবং UI ডিজাইনে মিল ব্যবহার করা
আসুন কল্পনা করা যাক যে আপনার কোম্পানি একটি "ইল মিও শেফ" নামক অ্যাপটি মার্কিন যুক্তরাষ্ট্র এবং কানাডা জুড়ে ইতালীয় খাদ্য অনুরাগীরা ব্যবহার করে (আমরা এটি ব্যবহার করবএই নিবন্ধের বাকি)। আপনার ইউএক্স গবেষকের একটি সাম্প্রতিক প্রতিবেদনে বলা হয়েছে যে ইতালীয় খাবারের অর্ডার দেওয়ার ক্ষেত্রে, ব্যবহারকারীরা বেশিরভাগই তাদের সবচেয়ে কাছের কোন রেস্তোরাঁর বিষয়ে চিন্তা করেন। সর্বোপরি, আমরা সকলেই আমাদের লাসাগনা বা পিৎজা সরবরাহ করতে চাই যখন এটি এখনও তাজা এবং উষ্ণ থাকে, তাই না?
আমাদের অ্যাপ ব্যবহারকারীদের কাছে কোন রেস্তোরাঁগুলি তাদের সবচেয়ে কাছের তা দেখতে সহজ করতে সাহায্য করার জন্য আমরা UI-তে এই রেস্টুরেন্টগুলিকে হাইলাইট করে সাদৃশ্যের নীতি ব্যবহার করতে পারে। নীচের ছবিতে আপনি দেখতে পাচ্ছেন যে এই বিকল্পগুলিকে হলুদ (ডানদিকে) হাইলাইট করা কতটা ঘনিষ্ঠ রেস্তোরাঁ এবং দূরে থাকাগুলির মধ্যে পার্থক্যকে দৃশ্যত জোর দিয়ে একটি বড় পার্থক্য করে। এইভাবে আপনি আপনার ব্যবহারকারীদের তারা যা খুঁজছেন তা দ্রুত খুঁজে পেতে সহায়তা করার জন্য সাদৃশ্যের নীতিটি ব্যবহার করতে পারেন৷
সাদৃশ্যের Gestalt নীতি ব্যবহার করে৷ লেখকের ছবি।
দ্যা ল অফ প্রক্সিমিটি
প্রক্সিমিটির নীতি বলে যে বস্তুগুলি একে অপরের কাছাকাছি অবস্থিত বেশি বলে মনে হয় সম্পর্কিত বস্তুর তুলনায় যেগুলি দূরে দূরে অবস্থিত। উদাহরণস্বরূপ, প্রথম চিত্র এবং দ্বিতীয় চিত্রে একই পরিমাণ বৃত্ত রয়েছে। যাইহোক, দ্বিতীয় ছবিতে নির্দিষ্ট কলাম একে অপরের কাছাকাছি এবং একটি বড় গ্রুপের পরিবর্তে তিনটি স্বতন্ত্র গ্রুপ থাকার ছাপ তৈরি করে।
প্রক্সিমিটি - উদাহরণ 1 - একটি বড় গ্রুপ। লেখক দ্বারা ছবি.
প্রক্সিমিটি - উদাহরণ 2 - তিনটি স্বতন্ত্র গ্রুপ। লেখক দ্বারা ছবি.
UX এবং UI ডিজাইনে প্রক্সিমিটি ব্যবহার করা
আসুন ক্ষেত্র থেকে একটি উদাহরণ নেওয়া যাক ইনফরমেশন ভিজ্যুয়ালাইজেশন।
এইবার, কল্পনা করুন যে আপনি একজন এক্সিকিউটিভ যা দেখতে চান আপনার অ্যাপ "ইল মিও শেফ" কেমন কাজ করে। আপনি KPIs দেখতে চান যা আর্থিক কর্মক্ষমতা, ব্যবহারকারীর ব্যস্ততা এবং সন্তুষ্টি পরিমাপ করে। প্রথমে, আপনার তথ্য ভিজ্যুয়ালাইজেশন বিশেষজ্ঞ নীচের ড্যাশবোর্ড তৈরি করেন যা আপনাকে এবং অন্যান্য সমস্ত নির্বাহীদের সংখ্যা হারিয়ে ফেলে এবং আরও বেশি প্রশ্ন জিজ্ঞাসা করে। এক মাস পরে আপনার মধ্যে অনেকেই এই ড্যাশবোর্ডটি সম্পূর্ণভাবে ব্যবহার করা বন্ধ করে দেন।
KPI ড্যাশবোর্ড - Il Mio Chef. লেখক দ্বারা ছবি.
এই মুহুর্তে আপনি আপনার তথ্য ভিজ্যুয়ালাইজেশন বিশেষজ্ঞের কাছে ফিরে যান এবং ড্যাশবোর্ডটি পুনরায় ডিজাইন করার মাধ্যমে লোকেদের পক্ষে বড় ছবি বোঝা সহজ করতে তাকে বলুন৷ নৈকট্য নীতি এই ক্ষেত্রে কাজে আসে, এবং আপনি নীচের নতুন নকশা দেখতে পারেন. এটিতে KPI-এর ধরন দ্বারা বিভক্ত তিনটি গোষ্ঠী রয়েছে এবং এটি আর্থিক কর্মক্ষমতা, ব্যস্ততা এবং সন্তুষ্টির পরিপ্রেক্ষিতে অ্যাপটি কীভাবে কাজ করছে তা বুঝতে সাহায্য করে। বস্তুগুলিকে একসাথে গোষ্ঠীবদ্ধ করা এবং গোষ্ঠীগুলির মধ্যে আরও সাদা স্থান ব্যবহার করা আপনার ব্যবহারকারীদের তথ্য দ্রুত হজম করতে সহায়তা করতে পারে৷
ড্যাশবোর্ড ডিজাইনে প্রক্সিমিটির Gestalt নীতি ব্যবহার করে৷ লেখকের ছবি।
দ্য ল অফকন্টিনিউটি
কন্টিনিউটি নীতি বলে যে একবার চোখ একটি বস্তুকে অনুসরণ করতে শুরু করলে, এটি সেই দিকে "আন্দোলন" অনুসরণ করতে থাকবে যতক্ষণ না এটি অন্য বস্তুর মুখোমুখি হয়। এই আন্দোলন আমাদেরকে বস্তুটিকে একই পথের অংশ হিসাবে উপলব্ধি করতে সাহায্য করে যেটি আমাদের তথ্য খুঁজে পেতে যেতে হবে। নীচের চিত্রটি দেখায় যে কীভাবে আমরা ধারাবাহিকতার নীতিটি ব্যবহার করে এমন ভিজ্যুয়াল প্যাটার্ন তৈরি করতে পারি যা চোখকে একটি নির্দিষ্ট দিকে পরিচালিত করে।
আরো দেখুন: খারাপ ফন্টের প্রতিরক্ষায়
কন্টিনিউটি নীতির একটি উদাহরণ। লেখকের ছবি৷
UX এবং UI ডিজাইনে ধারাবাহিকতা ব্যবহার করা
আপনার UX গবেষক একটি নতুন প্রতিবেদন উপস্থাপন করেছেন যা দেখায় যে ব্যবহারকারীদের "ইল মিও শেফ" অ্যাপটি ব্যবহার করার প্রধান অনুপ্রেরণা হ'ল খাদ্য অনুসন্ধান, যেহেতু এটি তাদের প্রতি সপ্তাহে নতুন ইতালীয় খাবার রেস্তোঁরাগুলিতে অ্যাক্সেসের অনুমতি দেয়। আপনি মেট্রিকটি দেখেন যা দেখায় যে নীচের ছবিতে (বাম দিকে) বর্তমান UI ডিজাইনের সাথে লোকেরা তাদের বিকল্পগুলির মাধ্যমে কতবার সোয়াইপ করে এবং দেখেন যে তাদের কাছে কোন বিকল্পগুলি উপলব্ধ তা দেখার জন্য তারা কখনও গড়ে দুবারের বেশি সোয়াইপ করে না৷
নিরবিচ্ছিন্নতার নীতি (নীচের চিত্রের ডানদিকে) ব্যবহার করে আপনার UX ডিজাইনার সেই সংখ্যাটিকে গড়ে প্রায় 10টি সোয়াইপ করতে সাহায্য করেছেন৷ কিভাবে যে ঘটল? ছবির কিছু অংশ লুকিয়ে রেখে এবং সেখানে কী আছে তা দেখতে আপনাকে বাম বা ডানদিকে সোয়াইপ করতে হবে তা হাইলাইট করার মাধ্যমে আপনার ব্যবহারকারীদের চোখ আক্ষরিক অর্থে "সোয়াইপ" আন্দোলন তৈরি করতে পরিচালিত হয়েছিল এবং আরওআরও রেস্তোরাঁ এবং তারা কী অফার করে তা অন্বেষণ করতে অনুপ্রাণিত। এটি এমন কিছু যা পূর্বের ডিজাইনটি আপনাকে মোটেও করতে অনুপ্রাণিত করেনি, এমনকি যদি আপনি ইতিমধ্যেই এটি করতে অনুপ্রাণিত হন।
UX/UI ডিজাইনে ধারাবাহিকতার Gestalt নীতি ব্যবহার করা। লেখকের ছবি।
সংক্ষেপে , আপনার UX এবং UI ডিজাইনে এই নিবন্ধে উপস্থাপিত Gestalt নীতিগুলি ব্যবহার করে আপনার ব্যবহারকারীদের তথ্য দ্রুত খুঁজে পেতে এবং আরও ভাল হজম করতে সাহায্য করতে পারে এটা এছাড়াও, এটি আপনার পণ্যের প্রতি তাদের সন্তুষ্টি বাড়াতে পারে যা তাদের সবচেয়ে পছন্দের কাজগুলি করতে অনুপ্রাণিত করে।
কভারে মিক্লোস ফিলিপসের শিল্পকর্ম অন্তর্ভুক্ত, ভেক্টরনেটরে সম্পাদিত।
আরো দেখুন: ফুল-টাইম যাচ্ছেন: অ্যান্ডি ম্যাকন্যালির সাথে একটি সাক্ষাৎকার
