Design Principle
Clickable objects must be recognizable, while informational containers should not masquerade as buttons.
Principle Clickable objects must be recognizable, while informational containers should not masquerade as buttons.
Design action Clickable cards need hover/focus and a clear main link; tool panels need stable header, controls, and status area without decorative nested cards.
Examples Positive example: Resource libraries, knowledge lists, moderation queues, and detail sidebars. Counterexample: The whole card is clickable but lacks hover/focus.
Apply when Resource libraries, knowledge lists, moderation queues, and detail sidebars. Cards contain several sub-actions.
Source notes Source note: Synthesized from Apple HIG, Material Design, GOV.UK/Polaris/Atlassian component practices, and interaction accessibility principles.
Agent Directive
Clickable cards need hover/focus and a clear main link; tool panels need stable header, controls, and status area without decorative nested cards.