Feedback

Design the feedback pattern for a common form flow in a product UI: submit, validate, save, and recover from failure. Show the full sequence, not just the happy path. The user should see what changed, what is still in progress, and what needs attention without leaving the screen to find out.

Build the pattern around a single action, like saving settings or submitting a request. Include loading feedback, success confirmation, inline error states, and one blocked or retry state. Keep the message tied to the action the user just took, with copy that says what happened and what to do next.

Place feedback where the user is already looking: near the field, button, or panel that triggered it. If the action takes time, show progress or pending state. If it fails, preserve the entered data and point to the exact problem. If it succeeds, confirm completion briefly and clearly without overwhelming the layout.

To make your project fun, try incorporating micro-interactions for feedback! Subtle animations can delight users and enhance the experience, so get creative with how you convey success, warning, or error states.