User input and response patterns—hover states, drag-and-drop, gestures, keyboard shortcuts. 8 fundamental interaction patterns for intuitive interfaces.
Interaction patterns define how users manipulate and respond to UI elements. These 8 patterns cover hover effects, click/tap feedback, drag-and-drop, swipe gestures, long-press, keyboard shortcuts, focus states, and loading interactions. Good interactions feel natural and provide immediate feedback. Always implement keyboard alternatives for mouse-based interactions for accessibility.
Kinetic interaction uses physics-based motion (momentum, inertia, friction) to make UIs feel natural. Learn when to use it and how to implement it.
Parallax creates depth by moving background elements slower than foreground. Learn when to use it, common mistakes, and implementation tips.
Hover states provide visual feedback when users mouse over interactive elements. Learn best practices for hover effects that improve UX.
Drag & drop lets users move items by clicking and dragging. Learn when to use it, common mistakes, and how to implement it accessibly.
Microinteractions are tiny animations that provide feedback or guide users. Learn when to use them and how to avoid overdoing it.
Pull to refresh lets users update content by pulling down from the top. Learn when to use it and how to implement it smoothly.
Infinite scroll loads more content as users scroll down, eliminating pagination. Learn when to use it vs. pagination and common mistakes.
Swipe gestures let users navigate by swiping left/right/up/down. Learn when to use them and how to make them discoverable.