Design Principle
Attention moves through headings, key data, groups, and actions; layout should align with that path.
Principle Attention moves through headings, key data, groups, and actions; layout should align with that path.
Design action Create a clear entry, body, and next step above the fold; keep strong focal points along one primary path.
Examples Positive example: Users need to understand state, risk, and next steps quickly. Counterexample: Both sides of the page contain strong focal points.
Apply when Users need to understand state, risk, and next steps quickly. Pages include multiple cards and navigation nodes.
Source notes Source note: Synthesized from Apple HIG, Material Design, NN/g usability principles, and layout/hierarchy practices in mature design systems.
Agent Directive
Create a clear entry, body, and next step above the fold; keep strong focal points along one primary path.