Aliens Wiki
Cinematic Knowledge Experience
0%
Aliens Wiki
Now Playing
Aliens Wiki · HIEN
⌨️ Keyboard Shortcuts
→Next slide ←Previous slide SpacePlay / Pause MNarration on/off FFullscreen ?Show/hide this
Press any key to close
Wiki Article · Cinematic

Affordance

Affordance ka simple meaning: kisi cheez ko dekhkar ya use feel karke aapko pata chal jata hai ki…

Overview
🌟

Affordance — Quick Facts

📌

Field: Value

🎯

Type: UI/UX concept

⚡

Core idea: interface element suggest karta…

🔑

Related concepts: signifiers, feedback, constraints

Topic 1
📥 ⚙️ 🔬 💡

Infobox

📚 | Field | Value | |---|---| | Type | UI/UX concept | | Core idea | interface element…
Topic 2
💡

Overview

💡

“Yahan kya possible hai?”

🔑

“Main next kya karu?”

Topic 3
🎯

Simple definition with examples

💡

Slider jaisa UI element: user…

🔑

Button jaisa element: user expect…

Topic 4
✨

Affordance vs signifier

💡

Affordance: actual possibility…

🔑

Signifier: woh hint jo batata hai…

Topic 5
📥 📥 🧠 🔬 💡 🎯

Types of affordances

💡

Physical affordance (real object)

🔑

Perceived affordance (what user…

Topic 6
✨ 📊 🔬

UI examples

💡

Links underlined ya clearly styled

🔑

Buttons look like buttons (padding…

⚡

Hover/focus state present

🎯

Text jo link jaisa nahi lagta but…

Topic 7
🔒

Accessibility connection

💡

Keyboard focus visible ho

🔑

Buttons aur links ke labels clear…

⚡

Icons ke saath text ya aria-label…

Topic 8
🚀

Common mistakes

💡

Fake affordance: element button…

🔑

Hidden affordance: action possible…

⚡

Over-reliance on color only…

🎯

No feedback: click ke baad silence

Topic 9
📥 📥 🧠 🔬 💡 🎯

Best practices

💡

Consistency: same pattern same…

🔑

Clear labels: ambiguous words avoid

⚡

Feedback: loading/success/error…

🎯

Constraints: invalid actions…

Topic 10
💡

UI elements table

💡 | UI element | Good affordance (what user expects) | Bad affordance example |…
Topic 11
🎯

Mermaid (feedback loop)

🎯 `mermaid flowchart TD A[User sees element] --> B[Interprets meaning] B --> C[Performs…
Diagram
📥 ⚙️ 🔬 💡

Visual Flow

📊 Diagram visualization — details in narration
Related Topics

See Also

📖

Usability

🔗

User experience

💡

User interface

📚

Accessibility

🔑

Signifier

🌐

Feedback

Quick Quiz
🧠 QUIZ TIME

Quiz — Question 1

Affordance ka sabse sahi definition kya hai?

Quick Quiz
🧠 QUIZ TIME

Quiz — Question 2

Affordance ka 'Type' kya hai?

Complete! 🎉
COMPLETE

Affordance Complete!

Aliens Wiki · HIEN · Cinematic Knowledge

✅

Affordance Complete

➡️

Usability

1/18
0:00
REC 00:00ESC=Cancel
Aliens School
3
Recording shuru hone wali hai...
✅
Recording Complete
Video process ho rahi hai...
Live Class
Slide 1 / 7
Timer
00:00
📝 Speaker Notes
—
⏭️ Up Next
—
—
🗂️ All Slides