What are the key functional layout designs?

Z-Pattern, F-Pattern, and Visual Hierarchy


It is easy to imagine every user excitedly reading every letter you write and every pixel you make. Get over it, because real users do not do that. They scan. Scanning means they only stop to read when something catches their eye.


Using a website or an app may feel like a different experience every time, but in fact, the way people look at any design is fairly predictable…


The Z-Pattern

Let’s start with the most boring design I can imagine: an entire newspaper page of solid text. All one story. No headlines. No images. No breaks or pull quotes. Just text, in even columns, from corner-to-corner.

Continue reading?

Share this article