একটা আসল interface-এ প্রতিটা interactive element একের বেশি state-এ থাকে — বেশিরভাগ শিক্ষানবিস design শুধু default state design করে, তারপর ভাবে কেন বানানো product অসম্পূর্ণ মনে হয়।
| State | কখন দেখায় | কেন গুরুত্বপূর্ণ |
|---|---|---|
| Default | স্বাভাবিক, বিশ্রামে | ভিত্তি |
| Hover | Cursor এর উপর (শুধু desktop) | click করার আগে element interactive তা নিশ্চিত করে |
| Active / Pressed | click করার মুহূর্ত | click নিবন্ধিত হয়েছে তা নিশ্চিত করে |
| Focus | keyboard tab দিয়ে বেছে নেওয়া | accessibility-এর জন্য অপরিহার্য — এই কোর্সে পরে বিস্তারিত কভার করা |
| Disabled | বর্তমানে ব্যবহারযোগ্য না | একটা হতাশাজনক মৃত click প্রতিরোধ করে |
| Loading | কিছুর জন্য অপেক্ষা করা | user-কে app জমে গেছে ভাবা থেকে আটকায় |
| Error | কিছু ভুল হয়েছে | user-কে কী ঘটেছে আর কী করতে হবে তা বলে |
একটা micro-interaction হলো feedback-এর একটা ছোট, একক-উদ্দেশ্যের অংশ — একটা button যা press-এ সূক্ষ্মভাবে scale করে, একটা checkbox যা একটা checkmark animate করে, একটা heart icon যা like করা হলে সংক্ষেপে ফেটে যায়। এগুলো ইচ্ছাকৃতভাবে ছোট: তাদের পুরো কাজ একটা কাজ ঘটেছে তা নিশ্চিত করা, নিজেদের দিকে মনোযোগ আকর্ষণ করা না।
| অংশ | এটা কী |
|---|---|
| Trigger | এটা কী শুরু করে — একটা click, একটা value বদলানো, একটা page load হওয়া |
| Rules | কী ঘটে — কী বদলায়, কোন ক্রমে |
| Feedback | user কী দেখে বা অনুভব করে — visual বা motion সাড়া |
| Loop/Mode | এটা কি পুনরাবৃত্ত হয়, আর বারবার ব্যবহারের পরে এটা কি আচরণ বদলায়? (সরল গুলোর জন্য প্রায়ই বাদ দেওয়া হয়) |
সূক্ষ্মতাই মূল বিষয়
একটা micro-interaction যা এক সেকেন্ডের ভগ্নাংশের বেশি সময় নেয়, বা নিজের দিকে আসল মনোযোগ টানে, সাধারণত তার কাজ ছাড়িয়ে গেছে। সেরাগুলো সচেতনভাবে খুব কমই লক্ষ্য করা হয় — সেগুলো "একটা animation ঘটেছে" হিসেবে দেখার বদলে "এটা প্রতিক্রিয়াশীল মনে হয়" হিসেবে অনুভব করা হয়।