Name four UI interaction states and their typical visual cues.

• A. Hover (subtle change), Focus (keyboard focus outline), Active/Pressed (button appears pressed), Disabled (reduced opacity and non-interactive).
• B. Hover, Focus, Active, and Disabled controls have no standardized visual cues.
• C. Hover changes color only; Focus is only for mouse interactions.
• D. Hover shows underline, Focus shows glow, Active shows bounce, Disabled shows glow.

Answer: (A)

The concept tested here is how UI communicates different interaction states through visual cues. In interface design, controls change appearance to reflect how the user can interact with them and what state they’re in. The four common interaction states are hovered, focused, active (pressed), and disabled, each with typical cues. Hovering over a control usually triggers a subtle visual change such as a lighter or darker background, a color shift, or a gentle animation to signal that it’s interactive. When a control receives keyboard focus, a clear focus indicator—often a distinct outline or ring—helps users who navigate with the keyboard know which element is currently active. When a control is pressed, it adopts a pressed look—often a darker shade, an inset effect, or a slight motion—to simulate the pressing action and confirm the input will be issued. When a control is disabled, it appears non-interactive and muted, typically through reduced opacity or desaturated colors, signaling that it can’t be used at the moment.

These cues align with common usability and accessibility guidelines, making it easier for users to understand and predict how the interface will respond. The other options propose nonstandard or inaccurate cues (such as no standardized cues, focus being only for mouse interactions, or dubious visuals like underlines or glow for every state), which don’t reliably convey state or support keyboard users.