Design Principle
Comparison value comes from visible differences along shared dimensions, not prettier object cards.
Principle
Comparison value comes from visible differences along shared dimensions, not prettier object cards.
Design action
Use a table or aligned cards with fixed comparison dimensions; highlight differences, limit copy length, and place actions near each option.
Examples
Positive example: Plans, product variants, candidates, and vendors need decision support across objects. Counterexample: Cards have different heights so attributes misalign.
Apply when
Plans, product variants, candidates, and vendors need decision support across objects. Users need to judge state, scope, risk, or next action quickly.
Source notes
Source note: Synthesized from Apple HIG, Material Design, NN/g usability principles, and layout/hierarchy practices in mature design systems. Apple HIG Layout: https://developer.apple.com/design/human-interface-guidelines/layout Material Design Layout: https://m3.material.io/foundations/layout/applying-layout NN/g Visual Design Principles: https://www.nngroup.com/articles/principles-visual-design/
Agent Directive
Use a table or aligned cards with fixed comparison dimensions; highlight differences, limit copy length, and place actions near each option.