Z-Pattern

A layout pattern following the way eyes scan a sparse page — left to right, then diagonally down and across — used to place key elements along the path.

Related terms

• Elements
• F-Shape
• Layouts
• Accordion
• Baseline Grid

Go deeper in Learn UX

• Identify Deceptive Patterns Flows, Storyboards & Wireframes

Ask your assistant

Define "Z-Pattern" using uxspot.

Works in Claude, Cursor or any MCP client — connect the uxspot MCP.