Interaction Design
The moment-to-moment behavior of interfaces — feedback, system states, gestures, and microinteractions.
- Intermediate
Affordances, Signifiers & Perceived Interactivity
Mastering how visual and behavioral cues tell users what an interface can do — and invites them to act — is the foundation of intuitive interaction design.
- Intermediate
Feedback & System Status (Heuristic #1)
Mastering Nielsen's first heuristic — how every interaction must acknowledge user intent and keep people oriented in real time.
- Intermediate
Microinteractions: Trigger–Rules–Feedback–Loops
Every button press, toggle flip, and pull-to-refresh is a microinteraction — and mastering their four components separates polished products from frustrating ones.
- Intermediate
System States: Loading, Skeleton, Empty, Error & Success
Designing every possible state an interface can reach — loading, empty, error, and success — is what separates polished products from ones that feel broken at the edges.
- Intermediate
Direct Manipulation
Interfaces that let users grab, drag, resize, and transform objects directly feel faster and more trustworthy — master the principles that make it work.
- Intermediate
Gestures & Multimodal Input Methods
Designing touch gestures, voice, stylus, and pointer input correctly turns physical interactions into seamless, accessible, and satisfying product moments.
- Intermediate
Command & Control Patterns (Menus, Toolbars, Command Palette)
Master menus, toolbars, and command palettes — the three command surfaces that define how expert users discover, trigger, and repeat actions in complex software.
- Intermediate
Error Prevention, Undo & Recovery Design
Designing interfaces that stop mistakes before they happen — and gracefully recover when they do — is what separates safe, trustworthy software from frustrating ones.
- Intermediate
Interaction Cost Analysis
Quantifying the effort users expend to reach a goal — and learning to reduce it systematically before a single line of code ships.
- Intermediate
Haptic Feedback Design
Vibration is a full design medium — purposeful haptics confirm actions, signal errors, and build embodied trust in ways that pixels alone cannot.
- Intermediate
State Machine Thinking for UI
Model every interactive component as a finite set of states and transitions to eliminate impossible UI scenarios and design resilient, predictable interfaces.