পাঠ ০১ · ৫৭-এর মধ্যে · মডিউল ১
Home / Courses / Human-Computer Interaction / পরিচিতি

HCI কী এবং কেন এটি গুরুত্বপূর্ণ

What is HCI & why it matters
৮ মিনিট পড়া মধ্যম · Intermediate Python কোডসহ সম্পূর্ণ বাংলায়

এই পাঠে যা শিখবেন

  • Human-Computer Interaction-এর সংজ্ঞা এবং এটি কেন নিছক "ভালো ডিজাইন সেন্স" নয়
  • কেন HCI একটি পরিমাপযোগ্য, প্রেডিক্টেবল ক্ষেত্র — নিছক মতামত-নির্ভর নয়
  • এই কোর্স ঠিক কী কভার করে ও কীভাবে সাজানো হয়েছে
  • একটি সত্যিকারের, চলমান ডেমো — ফিটস'স ল দিয়ে টার্গেট সিলেকশনের সময় প্রেডিক্ট করা

১ · Human-Computer Interaction কী

Human-Computer InteractionHuman-Computer Interactionমানুষ ও কম্পিউটার সিস্টেমের মধ্যে মিথস্ক্রিয়া কীভাবে ডিজাইন, বিশ্লেষণ ও মূল্যায়ন করতে হয় তার আন্তঃবিষয়ক অধ্যয়ন — কগনিটিভ সাইকোলজি, ডিজাইন, কম্পিউটার সায়েন্স ও এরগোনমিক্সের সংযোগস্থল। হলো মানুষ ও কম্পিউটার সিস্টেমের মধ্যে মিথস্ক্রিয়া নিয়ে একটি আন্তঃবিষয়ক ক্ষেত্র — একজন ব্যবহারকারী কীভাবে একটি ইন্টারফেস বুঝবে, কীভাবে একটি লক্ষ্যে পৌঁছাবে, কোথায় ভুল করবে, এবং কেন — এই প্রশ্নগুলোর উত্তর খোঁজে। এটি শুধু ওয়েবসাইট বা অ্যাপ নয় — ATM, গাড়ির ড্যাশবোর্ড, মেডিক্যাল ডিভাইস, এমনকি একটি দরজার হাতল পর্যন্ত সবকিছুই HCI-এর আওতায় পড়ে।

২ · কেন এটি বিশেষভাবে গুরুত্বপূর্ণ

কগনিটিভ সায়েন্সে ভিত্তি
HCI নিছক নান্দনিক স্বাদের বিষয় নয় — এটি মানুষের মেমরি, অ্যাটেনশন ও মোটর কন্ট্রোলের প্রকৃত বিজ্ঞানের উপর দাঁড়িয়ে (M2-এ বিস্তারিত)।
পরিমাপযোগ্য ও প্রেডিক্টেবল
ফিটস'স ল, হিকস ল-এর মতো সূত্র দিয়ে একজন ব্যবহারকারী কত সময়ে একটি কাজ করবে তা আগে থেকেই গণনা করা যায় — নিচের ডেমোতে সত্যিকারের প্রমাণ।
ফলাফলের প্রকৃত ওজন
একটি খারাপ ডিজাইন করা মেডিক্যাল ডিভাইস ইন্টারফেস বা জরুরি সিস্টেম সত্যিকারের ক্ষতি করতে পারে — HCI-এর সিদ্ধান্তের বাস্তব পরিণতি আছে।
Human-Centered AI কোর্সের সাথে সম্পর্ক

Human-Centered AI কোর্স নির্দিষ্টভাবে AI সিস্টেমের সাথে মিথস্ক্রিয়া নিয়ে কাজ করে — ট্রাস্ট ক্যালিব্রেশন, এক্সপ্লেইনেবিলিটি, হিউম্যান-ইন-দ্য-লুপ ডিজাইন। এই কোর্স তার চেয়ে অনেক বিস্তৃত ও পুরনো ভিত্তি — যেকোনো ইন্টারঅ্যাকটিভ সিস্টেমের (AI থাকুক বা না থাকুক — একটি মেনু, একটি ফর্ম, একটি ফিজিক্যাল বাটন) সাধারণ ডিজাইন নীতি, কগনিটিভ সাইকোলজি, ইউজার রিসার্চ ও ইভালুয়েশন মেথড শেখায়। দুটো কোর্স পরিপূরক — এই কোর্সের ভিত্তির উপরই Human-Centered AI-এর AI-নির্দিষ্ট বিষয়গুলো দাঁড়িয়ে আছে।

৩ · একটি সত্যিকারের ডেমো — ফিটস'স ল দিয়ে সিলেকশন টাইম প্রেডিক্ট করা

ফিটস'স ল (Fitts's Law) বলে — একটি টার্গেটে পৌঁছাতে যে সময় লাগে তা নির্ভর করে টার্গেটের দূরত্ব (D) ও আকার (W)-এর উপর, এই সূত্রে:

$$MT = a + b \cdot \log_2\left(\frac{2D}{W} + 1\right)$$

যেখানে a ও b হলো ডিভাইস-নির্ভর ধ্রুবক (মাউসের জন্য সাধারণ ইলাস্ট্রেটিভ মান — a=0.1s, b=0.15s প্রতি বিট)। নিচের কোড সেলে চারটি ভিন্ন বাটন/আইকনের জন্য এই সূত্র দিয়ে প্রকৃত মুভমেন্ট টাইম গণনা করা হয়েছে।

Python
import math

a = 0.1   # সেকেন্ড -- বেস (স্টার্ট) টাইম
b = 0.15  # সেকেন্ড প্রতি বিট -- ডিভাইস-নির্ভর ধ্রুবক (ইলাস্ট্রেটিভ মান)

def fitts_mt(D, W):
    ID = math.log2(2 * D / W + 1)   # Index of Difficulty (বিট-এ)
    MT = a + b * ID                  # প্রেডিক্টেড মুভমেন্ট টাইম (সেকেন্ডে)
    return ID, MT

targets = [
    ("বড় বাটন, কাছে", 100, 80),
    ("বড় বাটন, দূরে", 600, 80),
    ("ছোট আইকন, কাছে", 100, 16),
    ("ছোট আইকন, দূরে", 600, 16),
]

for name, D, W in targets:
    ID, MT = fitts_mt(D, W)
    print(f"{name:16s}  D={D:4d}px  W={W:3d}px  ->  ID={ID:.3f} bit  MT={MT*1000:.1f} ms")

    


    

      লক্ষ্য করুন — বড় ও কাছের বাটনে ক্লিক করতে মাত্র ৩৭১.১ ms লাগে, কিন্তু ছোট ও দূরের
      আইকনে ক্লিক করতে লাগে ১০৩৭.২ ms — প্রায় ২.৮ গুণ বেশি সময়! আরও
      লক্ষণীয়, ছোট-কিন্তু-কাছের আইকন (৬৬৩.২ ms) প্রায় বড়-কিন্তু-দূরের বাটনের (৭০০.০ ms) সমান সময় নেয় — অর্থাৎ
      "আকার" ও "দূরত্ব" দুটোই সমানভাবে গুরুত্বপূর্ণ, এবং এই সম্পর্কটি নিছক অনুমান নয়, একটি প্রকৃত গাণিতিক সূত্র
      দিয়ে সঠিকভাবে গণনা করা যায়।
    


    

      মূল কথা · Key takeaway
      

        Human-Computer Interaction মানে "ভালো লাগার ডিজাইন" নয় — এটি একটি সিস্টেমেটিক টুলকিট যা মানুষের
        কগনিটিভ ও মোটর ক্ষমতার উপর ভিত্তি করে ইন্টারফেসের আচরণ প্রেডিক্ট ও অপ্টিমাইজ করে। এই কোর্স ধাপে ধাপে —
        কগনিটিভ সাইকোলজি থেকে ইন্টারঅ্যাকশন ডিজাইন, ইউজেবিলিটি হিউরিস্টিক্স, ইউজার রিসার্চ, প্রোটোটাইপিং,
        ইভালুয়েশন, এবং অ্যাক্সেসিবিলিটি পর্যন্ত — এই টুলকিট শেখাবে।
      

    


  


  

    
    
  


  

    
 ভাবনার প্রশ্ন

    
প্রতিটি প্রশ্ন নিজে কিছুক্ষণ ভাবুন — তারপর "→ উত্তর" চাপুন।


    

      
        প্র ০১
        উপরের ডেমো অনুযায়ী, একটি মোবাইল অ্যাপের সবচেয়ে বেশি ব্যবহৃত বাটন (যেমন "Send" বা "Submit")
        ডিজাইন করার সময় ফিটস'স ল থেকে কী শিক্ষা নেওয়া উচিত?
      
      

        

          সবচেয়ে ঘন ঘন ব্যবহৃত বাটনগুলো বড় এবং ব্যবহারকারীর আঙুল/কার্সারের কাছে
          রাখা উচিত (যেমন স্ক্রিনের নিচে থাম্ব-রিচের মধ্যে) — এতে সিলেকশন টাইম কমে এবং ভুল ক্লিকও কমে। এটাই কেন
          বেশিরভাগ মোবাইল অ্যাপের প্রাইমারি অ্যাকশন বাটন বড় ও নিচের দিকে থাকে, ছোট আইকন হিসেবে উপরের কোণে নয়।
        

      

    


    

      
        প্র ০২
        ফিটস'স ল শুধু মাউস/টাচের জন্য প্রযোজ্য মনে হতে পারে। কিন্তু কীভাবে এটি একটি ভয়েস ইন্টারফেস বা
        কীবোর্ড-শুধুমাত্র নেভিগেশনের সাথেও প্রাসঙ্গিক হতে পারে?
      
      

        

          সরাসরি নয় — ফিটস'স ল নির্দিষ্টভাবে ফিজিক্যাল/পয়েন্টিং মুভমেন্ট সম্পর্কিত (M9-এ
          বিস্তারিত ইনপুট ডিভাইস নিয়ে আলোচনা হবে)। তবে এর অন্তর্নিহিত নীতি — "কাছে ও বড় জিনিস দ্রুত অ্যাক্সেস
          করা সহজ" — সাধারণীকৃত হয়ে অন্য মোডালিটিতেও প্রযোজ্য: ভয়েস ইন্টারফেসে ঘন ঘন ব্যবহৃত কমান্ড ছোট ও সহজ
          রাখা (M42), কীবোর্ড নেভিগেশনে গুরুত্বপূর্ণ অ্যাকশনে কম Tab-প্রেস লাগা।
        

      

    


    

      
        প্র ০৩
        যদি কোনো ডিজাইনার বলে "আমি এই বাটনটা ছোট রেখেছি কারণ এটা সুন্দর দেখাচ্ছে", ফিটস'স ল-এর আলোকে এই
        সিদ্ধান্তে কী প্রশ্ন তোলা উচিত?
      
      

        

          প্রশ্ন হওয়া উচিত: এই বাটনটি কতবার এবং কোন প্রেক্ষাপটে ব্যবহৃত হবে? যদি এটি একটি ঘন ঘন ব্যবহৃত বা
          সময়-সংবেদনশীল অ্যাকশন হয় (যেমন জরুরি স্টপ বাটন), তাহলে নান্দনিকতার জন্য আকার ছোট রাখা প্রকৃত
          ব্যবহারযোগ্যতার মূল্যে আসতে পারে — ফিটস'স ল দেখায় এই ট্রেড-অফের প্রকৃত সাংখ্যিক মূল্য (মিলিসেকেন্ডে)
          কত, যা নিছক মতামতের চেয়ে অনেক শক্তিশালী একটি যুক্তি।
        

      

    

  


  

    
 অনুশীলন

    
    
      
  1. 
        চিন্তা করুন: উপরের কোড সেলে "ছোট আইকন, দূরে" (D=600, W=16)-এর দূরত্ব কমিয়ে D=300 করলে
        MT কী রকম বদলাবে বলে আপনার ধারণা — এটি কি "ছোট আইকন, কাছে" (D=100, W=16, MT=৬৬৩.২ ms)-এর কাছাকাছি
        হবে, নাকি মাঝামাঝি কোথাও থাকবে?
        
    
          
          
    
            
    
              যেহেতু ID দূরত্বের সাথে লগারিদমিকভাবে বাড়ে (রৈখিকভাবে নয়), D-কে
              অর্ধেক করলে ID এবং MT পুরোপুরি অর্ধেক হবে না — বরং একটি মাঝামাঝি মান হবে, D=100-এর মানের চেয়ে
              বেশি কিন্তু D=600-এর মানের চেয়ে কম।
            
    
          
    
        
    
      
    2. 
      
  2. 
        পরীক্ষা করুন: উপরের কোড সেলে targets তালিকায় ("ছোট আইকন, দূরে",
        600, 16)-কে ("ছোট আইকন, মাঝামাঝি", 300, 16)-এ পরিবর্তন করে (অথবা নতুন একটি লাইন
        যোগ করে) Run চেপে আপনার অনুমান যাচাই করুন।
        
    
          
          
    
            
    
              D=300, W=16-এ ID=৫.২৬৭ বিট এবং MT=৮৯০.০ ms — ঠিক যেমন অনুমান করা হয়েছিল, এটি D=100-এর মান
              (৬৬৩.২ ms) এবং D=600-এর মান (১০৩৭.২ ms)-এর মাঝামাঝি, কিন্তু ঠিক গড় (৮৫০.২ ms) নয় — কারণ
              সম্পর্কটি লগারিদমিক, রৈখিক নয়। এটাই দেখায় কেন ফিটস'স ল-এর গণনায় সরাসরি সূত্র ব্যবহার করা জরুরি,
              আন্দাজ করা যথেষ্ট নয়।
            
    
          
    
        
    
      
    3. 
    

  


  

    
 আরও পড়ুন · ABCL TECH-এ আপনার পরবর্তী পদক্ষেপ

    
    
      
  • 
        
          কোর্সের সম্পূর্ণ সিলেবাস দেখুন ৫৭টি পাঠ
        
        কগনিটিভ সাইকোলজি, ইন্টারঅ্যাকশন ডিজাইন, ইউজেবিলিটি হিউরিস্টিক্স, ইউজার রিসার্চ, প্রোটোটাইপিং, ইভালুয়েশন মেথড, ভিজ্যুয়াল ডিজাইন, অ্যাক্সেসিবিলিটি ও ক্যাপস্টোন — বাকি পাঠগুলো শীঘ্রই যুক্ত হবে।
      
    • 
      
  • 
        
          Human-Centered AI কোর্স সহোদর কোর্স
        
        ট্রাস্ট ক্যালিব্রেশন, এক্সপ্লেইনেবিলিটি ও হিউম্যান-ইন-দ্য-লুপ ডিজাইনের গভীর কভারেজ — এই কোর্স সেই একই ভিত্তির উপর সাধারণ ইন্টারঅ্যাকশন ডিজাইনের দিকটি যোগ করে।
      
    • 
      
  • 
        
          সব Courses দেখুন ABCL TECH
        
        C, C++, Python, Java, JavaScript, DSA, Machine Learning, Deep Learning, System Design, Cybersecurity, Cloud Computing & DevOps, এবং আরও অনেক কোর্স — সব এক জায়গায়।
      
    • 
    

  







  
  
     এই পাঠে ভুল পেয়েছেন? জানান
  





  
    
 কোর্সে ফিরে যান

    
Human-Computer Interaction — সব পাঠ