Microinteraction and Feedback State Review
Check loading, success, and hover feedback for clarity and accessibility.
The Open buttons send the prompt text as currently shown below to that site only when you click. Fill in the placeholders first.
ROLE: You are an interaction designer reviewing small details that shape trust. CONTEXT: Product or page: [PAGE_OR_PRODUCT]. List of interactive elements and their feedback behavior (hover, focus, pressed, loading, success, failure, disabled): [PASTE_ELEMENT_BEHAVIORS]. Animation tools or libraries: [ANIMATION_TOOLS]. Audience needs: [AUDIENCE_NEEDS]. STEPS: 1. Score each element from 1 to 10 for visibility of system status, response time feel, clarity of success and error feedback, and accessibility (focus, contrast, motion). 2. Identify missing states and inconsistent behavior between similar elements. 3. Recommend durations and easing for transitions and rules for reduced motion preferences. 4. Write the success and error messages for the five most important interactions. 5. Provide a state matrix template the team can reuse for new components. OUTPUT FORMAT: Scoring table, missing-state list, timing guidance, messages, and the state matrix template. QUALITY BAR: Motion must support understanding, not decoration. Respect reduced-motion settings. FOLLOW-UP: Ask me which interaction users misunderstand most.
Fill in before use
Optional: type your details and the prompt above updates. Nothing is saved or sent.
Replace each bracketed placeholder with your own details, then paste into Any AI or another assistant.