Use Z-shaped layouts as a design heuristic and F-shaped scanning as one observed pattern. Test real tasks across content, language, and screen sizes.
F-shaped scanning describes horizontal reading and movement down the left of content. Z-layout is a placement heuristic; the two should not be treated as equivalent proven laws.
Price and process discovery depends on content, language, viewport, and purpose, not just a button’s geometric position.
NN/G reports several patterns, including heading-focused scanning and mirrored F-scanning for right-to-left languages. (NN/G — F-Shaped Pattern of Reading on the Web)
Distinguish the content edge from the screen edge and avoid assuming top-left placement ensures reading.
Select service, price, evidence, and contact details for the task. Structure headings and emphasise essential criteria.
Do not omit prices or steps to fit a Z diagram. Test mobile wrapping and changed placement separately.
Observe how users find prices or commissioning information. Record headings and links used and correct missing information, labels, or placement.
Retest the same task. Judge useful reading and action rather than reproducing a shape.
SpreadSite is a no-code website builder that lets you create, publish, and update a website from Google Sheets using ready-made templates.
To publish service information and links that support real visitor tasks, give SpreadSite a try!
A: Reading varies with content, language, and task.
A: Use clear content and test actual placement.
A: Here it is a placement heuristic, distinct from observed F-scanning.
A: Text wrapping and placement change with screen width. Test whether phone users can read the needed information and follow the relevant link.
Tax Advisory Websites: Present Expertise, Contributions, and Contact Routes
Gather Information for Work by Connecting Questions, Primary Sources, and Tests
5W1H: Ask Questions That Clarify Context and Conditions
Connect customer goals and product features through the drill example
Choose hand-coded websites according to learning and business needs
