HCI-তে অবদান রাখা শাখা — মনোবিজ্ঞান, ডিজাইন, CS, এরগোনমিক্স
এই পাঠে যা শিখবেন
- কগনিটিভ সাইকোলজি HCI-তে কী নির্দিষ্ট প্রশ্নের উত্তর দেয়
- গ্রাফিক ও ইন্ডাস্ট্রিয়াল ডিজাইন কীভাবে ইন্টারফেসের ফর্ম ও ভিজ্যুয়াল ভাষা গঠন করে
- কম্পিউটার সায়েন্স কীভাবে শুধু "বাস্তবায়ন" নয়, বরং ডিজাইনের সিদ্ধান্তকেও প্রভাবিত করে
- এরগোনমিক্স/হিউম্যান ফ্যাক্টরস কীভাবে মানুষের শারীরিক সীমাবদ্ধতাকে ইন্টারফেস ডিজাইনে যুক্ত করে
১ · কগনিটিভ সাইকোলজি — মানুষের মন কীভাবে কাজ করে
কগনিটিভ সাইকোলজি HCI-কে দেয় মানুষের মেমরি, অ্যাটেনশন ও পারসেপশন নিয়ে প্রতিষ্ঠিত বৈজ্ঞানিক জ্ঞান। এটি এমন প্রশ্নের উত্তর দেয় — একজন ব্যবহারকারী একসাথে কতগুলো তথ্য মনে রাখতে পারবেন (ওয়ার্কিং মেমরির সীমা, ঐতিহাসিকভাবে "৭±২" আইটেম হিসেবে পরিচিত — যদিও আধুনিক গবেষণা এই সংখ্যাকে আরও কম বলে মনে করে, নীতিটি একই থাকে: ওয়ার্কিং মেমরি সীমিত, M6/L06-এ বিস্তারিত)? কোন ভিজ্যুয়াল উপাদানগুলো একসাথে "একটি গ্রুপ" হিসেবে দেখা যাবে (গেস্টাল্ট প্রিন্সিপল, M8/L08)? ব্যবহারকারী একটি মেনু আইটেম মনে রাখবেন (recall) নাকি শুধু চিনবেন (recognize) যদি দেখানো হয়?
২ · ডিজাইন — ফর্ম, ভিজ্যুয়াল কমিউনিকেশন ও ফিজিক্যাল প্রোডাক্ট
গ্রাফিক ডিজাইন HCI-কে দেয় ভিজ্যুয়াল হায়ারার্কি, টাইপোগ্রাফি, রঙ ও লেআউটের নীতি — কোন তথ্যটি চোখে প্রথমে পড়বে, কোনটা কম গুরুত্বপূর্ণ মনে হবে (M8/M35-এ বিস্তারিত)। ইন্ডাস্ট্রিয়াল ডিজাইন একই নীতি ফিজিক্যাল প্রোডাক্টে প্রয়োগ করে — একটি ডিভাইসের আকার, উপাদান, বাটনের গঠন হাতে কেমন অনুভূত হবে। দুটোই একই মূল প্রশ্নের উত্তর দেয় — একটি বস্তু বা স্ক্রিন দেখেই ব্যবহারকারী কীভাবে বুঝবেন এটি কী এবং কীভাবে ব্যবহার করতে হবে (M3/L10-এ "অ্যাফোর্ডেন্স ও সিগনিফায়ার" নামে বিস্তারিত)।
৩ · কম্পিউটার সায়েন্স — কারিগরি সম্ভাব্যতা ও সিস্টেম আর্কিটেকচার
কম্পিউটার সায়েন্স HCI-তে শুধু "ডিজাইন যা ঠিক হয়েছে তা বাস্তবায়ন করা" নয় — এটি আসলে কী কী ডিজাইন সম্ভব তা নির্ধারণ করে। উদাহরণস্বরূপ — একটি ইন্টারফেস রিয়েল-টাইম ফিডব্যাক দিতে পারবে কি না তা নির্ভর করে সিস্টেমের রেসপন্স টাইমের উপর; নেটওয়ার্ক লেটেন্সি বেশি হলে ডিজাইনারকে লোডিং স্টেট বা অপটিমিস্টিক UI-এর মতো কৌশল ব্যবহার করতে হয়। অ্যালগরিদম ও ডেটা স্ট্রাকচারের দক্ষতা সরাসরি প্রভাব ফেলে একটি সার্চ বা অটোকমপ্লিট কতটা "তাৎক্ষণিক" মনে হবে। এই বিষয়ে গভীরে যেতে Mobile App Development ও Full-Stack Web Frameworks কোর্স দুটো প্রাসঙ্গিক — এই কোর্স ধরে নেয় সেই কারিগরি প্রেক্ষাপটটুকু পাঠক জানেন বা আলাদাভাবে শিখবেন।
৪ · এরগোনমিক্স / হিউম্যান ফ্যাক্টরস — শরীর ও নিরাপত্তা
এরগোনমিক্স (মূলত এভিয়েশন ও শিল্প-কারখানার নিরাপত্তা গবেষণা থেকে বিকশিত একটি শাখা) HCI-কে দেয় মানুষের শারীরিক সক্ষমতা ও সীমাবদ্ধতা নিয়ে জ্ঞান — একজন ব্যবহারকারী বসে বা দাঁড়িয়ে কতদূর হাত বাড়াতে পারবেন (রিচ এনভেলপ), একটি বাটন কতটা শক্তি দিয়ে চাপতে হবে, দীর্ঘ সময় একই মুভমেন্ট পুনরাবৃত্তি করলে কী ধরনের রিপিটিটিভ স্ট্রেইন ইনজুরি (RSI) হতে পারে। এই একই নীতিগুলো ডিজিটাল ইন্টারফেসেও প্রযোজ্য — একটি টাচস্ক্রিন কীবোর্ডের বাটন কত ছোট হলে টাইপিং ক্লান্তিকর হয়ে যায়, একটি মোবাইল অ্যাপের প্রধান বাটন থাম্বের নাগালে আছে কি না (M9/L39, M11/L47-এ বিস্তারিত)।
"ব্যবহারকারী কী মনে রাখবেন, কী লক্ষ্য করবেন, কী ভুল বুঝবেন?"
"কোনটা প্রথমে চোখে পড়বে, বস্তুটি দেখতে/ধরতে কেমন লাগবে?"
"এই মিথস্ক্রিয়া প্রযুক্তিগতভাবে কতটা দ্রুত ও কীভাবে সম্ভব?"
"ব্যবহারকারীর শরীর এটা নিরাপদে ও আরামে করতে পারবে কি?"
HCI নিজে এই চারটি শাখার কোনোটাতেই "বিশেষজ্ঞ" তৈরি করে না — বরং শেখায় কখন কোন লেন্স দিয়ে একটি ডিজাইন সমস্যা দেখতে হবে। একজন দক্ষ HCI প্র্যাক্টিশনার একটি বাটন ডিজাইন করার সময় একসাথে ভাবেন — এটা কি মনে রাখা সহজ (সাইকোলজি), দেখতে কি স্পষ্ট (ডিজাইন), এটা কি দ্রুত রেসপন্স করতে পারবে (CS), এবং এটা কি চাপা সহজ ও নিরাপদ (এরগোনমিক্স)। কোনো একটি লেন্স বাদ পড়লে একটি বাস্তব সমস্যা চোখ এড়িয়ে যেতে পারে।
ভাবনার প্রশ্ন
প্রতিটি প্রশ্ন নিজে কিছুক্ষণ ভাবুন — তারপর "→ উত্তর" চাপুন।
প্র ০১ একটি মেশিনের কন্ট্রোল প্যানেলে একটি জরুরি বাটন হাতের নাগালের বাইরে বসানো হয়েছে। এই একই সমস্যা নিয়ে সাইকোলজি ও এরগোনমিক্স কীভাবে ভিন্ন ভিন্ন প্রশ্ন তুলবে?
সাইকোলজির প্রশ্ন হবে — ব্যবহারকারী কি জরুরি মুহূর্তে মনে রাখতে ও চিনতে পারবেন বাটনটা কোথায় আছে ও কী করে? এরগোনমিক্সের প্রশ্ন সম্পূর্ণ ভিন্ন — শারীরিকভাবে, চাপের মধ্যে দ্রুত, ব্যবহারকারী কি আদৌ ওই দূরত্বে হাত পৌঁছাতে পারবেন? দুটো প্রশ্নই সঠিক এবং প্রয়োজনীয়, কিন্তু আলাদা — একটা সমাধান হয়তো মনে রাখার সমস্যা ঠিক করবে (রঙ দিয়ে হাইলাইট) কিন্তু এরগোনমিক্স সমস্যা (নাগালের বাইরে) ঠিক করবে না।
প্র ০২ কম্পিউটার সায়েন্স কেন শুধু "ব্যাকএন্ড দিয়ে UI বানানো" নয়, বরং প্রকৃতপক্ষে ডিজাইনের সিদ্ধান্তে প্রভাব ফেলে?
কারণ প্রযুক্তিগত সীমাবদ্ধতা সরাসরি ঠিক করে দেয় কোন ধরনের ইন্টারঅ্যাকশন আদৌ সম্ভব। উদাহরণস্বরূপ, যদি একটি সার্চ রেজাল্ট আসতে ২ সেকেন্ড সময় লাগে (নেটওয়ার্ক/ডেটাবেস আর্কিটেকচারের সীমাবদ্ধতা), ডিজাইনারকে বাধ্য হয়ে একটি লোডিং ইন্ডিকেটর বা স্কেলিটন স্ক্রিন যোগ করতে হয় — এই সিদ্ধান্তটা নান্দনিক পছন্দ নয়, বরং একটি কারিগরি সীমাবদ্ধতার সরাসরি ফলাফল। তাই CS-এর জ্ঞান ছাড়া একজন ডিজাইনার এমন কিছু ডিজাইন করে ফেলতে পারেন যা বাস্তবে বানানোই সম্ভব নয়, বা যার আসল খরচ (সময়/পারফরম্যান্স) তিনি বুঝতে পারেন না।
প্র ০৩ যদি একটি প্রোডাক্ট টিমে শুধু গ্রাফিক ডিজাইনার থাকেন, কোনো সাইকোলজিস্ট বা এরগোনমিক্স বিশেষজ্ঞ না থাকেন, কী ধরনের সমস্যা মিস হয়ে যেতে পারে?
টিমটি হয়তো একটি দৃশ্যত সুন্দর, ভালোভাবে সাজানো ইন্টারফেস বানাবে, কিন্তু এমন সমস্যা মিস করতে পারে যা দেখতে "খারাপ" লাগে না অথচ ব্যবহারে সমস্যা করে — যেমন খুব ছোট টাচ-টার্গেট (এরগোনমিক্স সমস্যা, দেখতে সুন্দর কিন্তু চাপা কঠিন), বা এমন মেনু-স্ট্রাকচার যা দেখতে পরিষ্কার কিন্তু ব্যবহারকারীর ওয়ার্কিং মেমরির সীমার চেয়ে বেশি অপশন একসাথে দেখায় (সাইকোলজি সমস্যা)। শুধু ভিজ্যুয়াল দক্ষতা দিয়ে এই ধরনের অ-দৃশ্যমান কিন্তু বাস্তব সমস্যা ধরা কঠিন।
অনুশীলন
-
বিশ্লেষণ করুন: আপনার ঘরের একটি সাধারণ ফিজিক্যাল বস্তু বেছে নিন (যেমন একটি দরজার হাতল বা
রান্নাঘরের চুলার নব)। প্রতিটি শাখা — সাইকোলজি, ডিজাইন, CS (যদি প্রযোজ্য হয়), এরগোনমিক্স — সেই বস্তু সম্পর্কে
কী নির্দিষ্ট প্রশ্ন তুলবে তা লিখুন।
উদাহরণ — রান্নাঘরের চুলার নব:
- সাইকোলজি: ব্যবহারকারী কি মনে রাখতে পারবেন কোন নবটা কোন বার্নার নিয়ন্ত্রণ করে, নাকি প্রতিবার অনুমান করতে হয়?
- ডিজাইন: নবের অবস্থান কি ভিজ্যুয়ালি বার্নারের অবস্থানের সাথে ম্যাপ করে (M3/L11-এ "ম্যাপিং" নামে বিস্তারিত), নাকি সব নব একসারিতে সাজানো যেখানে বার্নার আলাদা প্যাটার্নে বসানো?
- CS: এটি একটি যান্ত্রিক ডিভাইস হলে সরাসরি প্রযোজ্য নয়, তবে আধুনিক স্মার্ট চুলায় টাচ-কন্ট্রোল হলে রেসপন্স-টাইম ও একসিডেন্টাল-টাচ প্রতিরোধ প্রাসঙ্গিক হয়ে ওঠে।
- এরগোনমিক্স: নবটা ঘোরাতে কতটা শক্তি লাগে, এবং এটি এমন জায়গায় বসানো কি না যেখানে হাত বাড়াতে গিয়ে গরম বার্নারের উপর দিয়ে যেতে হয় (নিরাপত্তা ঝুঁকি)?
-
সিদ্ধান্ত নিন: একটি বাগ রিপোর্ট এসেছে — "ব্যবহারকারীরা বলছেন অ্যাপের 'সেভ' বাটনটি খুঁজে
পেতে অনেক সময় লাগে, যদিও এটি স্ক্রিনে স্পষ্টভাবে দেখা যাচ্ছে।" এই সমস্যা নির্ণয়ে কোন শাখার লেন্স সবচেয়ে
প্রাসঙ্গিক বলে মনে হয়, এবং কেন?
এটি মূলত একটি কগনিটিভ সাইকোলজি সমস্যা — বাটনটি ভিজ্যুয়ালি "দেখা যাচ্ছে" মানেই ব্যবহারকারী সেটাকে দ্রুত "খুঁজে পাচ্ছেন" এমন নয়। সম্ভবত ভিজ্যুয়াল অ্যাটেনশন সেই জায়গায় স্বাভাবিকভাবে যাচ্ছে না (যেমন স্ক্রিনের এমন কোণে বসানো যেখানে ব্যবহারকারী সাধারণত তাকান না), বা এটি অন্যান্য উপাদানের সাথে ভিজ্যুয়ালি মিশে গেছে (গ্রাফিক ডিজাইনের ভিজ্যুয়াল হায়ারার্কি সমস্যা)। তাই এখানে সাইকোলজি ও ডিজাইন — দুটো লেন্সই একসাথে প্রাসঙ্গিক, কিন্তু "স্পষ্টভাবে দেখা যাচ্ছে" বনাম "দ্রুত লক্ষ্য করা যাচ্ছে" এই পার্থক্যটা মূলত অ্যাটেনশনের সাইকোলজি থেকে আসে (M2-এ বিস্তারিত)।
আরও পড়ুন · ABCL TECH-এ আপনার পরবর্তী পদক্ষেপ
- কোর্সের সম্পূর্ণ সিলেবাস দেখুন ৫৭টি পাঠ কগনিটিভ সাইকোলজি, ইন্টারঅ্যাকশন ডিজাইন, ইউজেবিলিটি হিউরিস্টিক্স, ইউজার রিসার্চ, প্রোটোটাইপিং, ইভালুয়েশন মেথড, ভিজ্যুয়াল ডিজাইন, অ্যাক্সেসিবিলিটি ও ক্যাপস্টোন — বাকি পাঠগুলো শীঘ্রই যুক্ত হবে।
- Human-Centered AI কোর্স সহোদর কোর্স ট্রাস্ট ক্যালিব্রেশন, এক্সপ্লেইনেবিলিটি ও হিউম্যান-ইন-দ্য-লুপ ডিজাইনের গভীর কভারেজ — এই কোর্স সেই একই ভিত্তির উপর সাধারণ ইন্টারঅ্যাকশন ডিজাইনের দিকটি যোগ করে।
- সব Courses দেখুন ABCL TECH C, C++, Python, Java, JavaScript, DSA, Machine Learning, Deep Learning, System Design, Cybersecurity, Cloud Computing & DevOps, এবং আরও অনেক কোর্স — সব এক জায়গায়।