আপনি যে দরজার হাতল টানেন তা যেটা ঠেলেন তার থেকে ভিন্নভাবে আকৃতির — আকৃতিটাই কাজটা জানায়, কোনো label ছাড়াই। এটাই একটা affordance: একটা বস্তুর একটা বৈশিষ্ট্য যা কীভাবে এটা ব্যবহার করা যায় তার ইঙ্গিত দেয়। Interface একইভাবে কাজ করে।
| শব্দ | অর্থ | উদাহরণ |
|---|---|---|
| Affordance | একটা element আসলে কী করতে পারে | একটা button click করা যায় |
| Signifier | visual clue যা affordance জানায় | একটা উঁচু, ছায়াযুক্ত আকৃতি আর hover-এ একটা হাতের cursor যা বলে এটা clickable |
একটা element কারিগরিভাবে clickable হতে পারে (affordance আছে) কিন্তু সম্পূর্ণ সমতল আর স্থির দেখাতে পারে (কোনো signifier না) — এটা সবচেয়ে সাধারণ আসল UI ব্যর্থতাগুলোর একটা: একটা সম্পূর্ণ কার্যকরী button যা কেউ বুঝতে পারে না এটা একটা button।
| Signifier | এটা কী জানায় |
|---|---|
| উঁচু আকৃতি / ছায়া / fill রং | এটা clickable |
| টেক্সটে underline | এটা একটা link |
| hover-এ cursor একটা pointer-এ বদলায় | এটা interactive |
| একটা chevron বা arrow icon | এটা প্রসারিত হয়, navigate করে, বা আরো প্রকাশ করে |
| ধূসর, কম contrast | এটা বর্তমানে disabled |
আধুনিক flat design ইচ্ছাকৃতভাবে একটা পরিষ্কার চেহারার জন্য ভারী ছায়া আর 3D bevel সরিয়ে দিয়েছে — কিন্তু এটা অনেক বিনামূল্যের signifier-ও সরিয়ে দিয়েছে যা designer-রা আগে স্বয়ংক্রিয়ভাবে পেতেন। একটা flat interface-কে সেই পুরনো visual cue ছাড়াই "এটা clickable" সংকেত দিতে রং, spacing, আর সূক্ষ্ম border দিয়ে কঠোর পরিশ্রম করতে হয়।
একটা দ্রুত, সৎ পরীক্ষা
একটা element interactive পড়ে কিনা সন্দেহ হলে, design দেখেননি এমন কারো উপর এটা পরীক্ষা করুন — যদি তারা ইতস্তত করে বা click করার চেষ্টা না করে, signifier এখনো যথেষ্ট শক্তিশালী না।