Scanning a page

From perpendicular angel knowledgebase
Revision as of 11:47, 1 June 2020 by Kirabug (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

When users initially visit a page, their first action (generally unconsciously) is to scan the page to confirm that it has what they're expecting it will have, and understand the page's content.

Users generally employ an [href="http://uxmag.com/articles/the-f-pattern-understanding-how-users-scan-content" F-pattern for scanning a page], which is to say they start at the top of the page and scan all the way across, then move down the left edge, occasionally darting slightly to the right for more information.

Because we know that users' eyes will follow the left edge of the page, we want to make sure that critically important information such as headers are left-aligned.

We can also use this as a guide to prioritizing content. Most important content at the top, least at the bottom, but within that, most important to the left, least important to the right. So the bottom right corner is the perfect place to put the thing someone with more authority than you insisted you had to put on your page even though nobody's going to use it. It's also a good place to put something that only a limited number of users need (such as the support staff) because they can learn where it is and everyone else will automatically ignore it.