After a user submits a contact form, the page appears completely unchanged — no animation, no message, no color shift. What design problem does this illustrate?
AThe form violates accessibility guidelines by not using sufficient color contrast in its fields
BThe absence of a micro-interaction leaves the feedback loop open, creating cognitive uncertainty about whether the submission succeeded
CThe page needs a loading spinner to indicate that the server is processing the request before anything else
DThe design fails because it lacks visual variety and will feel boring to users over time
When an action produces no visible change, users are left asking: did it work? Should I click again? This is the feedback loop problem micro-interactions are designed to solve. A brief checkmark, color shift, or confirmation message closes the loop — the user knows the system received their action. Option C is a related fix but misidentifies the core problem, which is the absence of any feedback at all, not specifically the absence of a spinner.
Question 2 Multiple Choice
A designer proposes a button-press animation that takes 800 milliseconds to complete. What is the main problem with this timing?
AIt exceeds the 500ms upper threshold where animations feel sluggish and become obstacles rather than aids
BIt is too fast — users will miss the animation entirely and won't understand the button's state change
CAnimations above 300ms must use CSS transitions rather than JavaScript or they will create accessibility issues
DThe timing is fine as long as the animation is visually interesting and matches the brand aesthetic
Effective micro-interactions fall in the 100–500ms window. Below 100ms feels instantaneous and users may miss the feedback; above 500ms starts to feel sluggish and the animation becomes an obstacle to the user's next action. An 800ms animation on a button press would frustrate users who are moving quickly through a task — they would experience it as lag, not polish. The goal is imperceptible responsiveness, not noticeable animation.
Question 3 True / False
A micro-interaction that users never consciously notice — but that makes the interface feel reliably responsive — is a successful design.
TTrue
FFalse
Answer: True
This is explicitly the goal stated in the explainer: 'The best micro-interactions are so well-timed that users never consciously notice them — they simply feel that the interface works.' Micro-interactions are not meant to draw attention to themselves. When they work correctly, they disappear into the background of the experience, leaving only the feeling that the interface is trustworthy and responsive.
Question 4 True / False
Adding more micro-interactions to an interface generally improves the user experience because they make the interface feel more alive and polished.
TTrue
FFalse
Answer: False
Micro-interactions must serve a communicative purpose — closing a specific feedback loop. Gratuitous animations slow down user flows, add visual noise, distract from content, and can make an interface feel condescending or toy-like. Each micro-interaction should answer a specific question a user might have about the system state. More is not better; purposeful is better.
Question 5 Short Answer
Explain what it means to 'close the feedback loop' in micro-interaction design, and give an example of an interface that fails to do this.
Think about your answer, then reveal below.
Model answer: Closing the feedback loop means giving users visible confirmation that the system received and acted on their input. Every user action raises an implicit question — 'did that work?' — and a micro-interaction answers it immediately through visual, auditory, or haptic feedback. An interface that fails to close the loop: a form submission button that doesn't change appearance after being clicked, leaving the user uncertain whether to click again; or a toggle switch with no animation, where users can't tell which state they're in after interacting.
The feedback loop concept comes from control systems: action → system response → user perception of response → next action. When the response step is missing or delayed, users can't regulate their own behavior. They either abandon the task (frustration), repeat the action (double-clicks, double-submissions), or experience anxiety about whether the interface works. Micro-interactions are the mechanism for keeping that loop closed.