UI/UX Atlas

Interaction Design

The moment-to-moment behavior of interfaces — feedback, system states, gestures, and microinteractions.

  1. 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.

  2. Feedback & System Status (Heuristic #1)

    Mastering Nielsen's first heuristic — how every interaction must acknowledge user intent and keep people oriented in real time.

  3. 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.

  4. 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.

  5. 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.

  6. Gestures & Multimodal Input Methods

    Designing touch gestures, voice, stylus, and pointer input correctly turns physical interactions into seamless, accessible, and satisfying product moments.

  7. 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.

  8. 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.

  9. 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.

  10. 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.

  11. 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.