Put your most important information upfront

Put your most important information upfront

Let your content dictate your layout. What’s the important information in the page? What’s the most logical way to present this without overwhelming users?

Let your content dictate your layout. What’s the important information in the page? What’s the most logical way to present this without overwhelming users?

  • For pages with many text content (e.g. blogs), consider adding a summary of conclusions or key takeaways in the beginning of articles
  • For pages with multiple controls (e.g. dashboards), consider emphasizing the most important information using a variation in size, white space and data visualization.
  • For long lists of items, consider placing important information at the beginning of each item. Pulling this off successfully requires observation as to how your users browse data.

For secondary information, consider the following diagrams:

  • Guttenburg Diagram. This research says that reading gravity pulls the eye from top left down to bottom right in a zig-zag manner, for a page that has elements evenly and homogeneously laid out.

  • F-shaped pattern. Another study suggests that users read the first two paragraphs of a page from left to right, and then proceeds to selectively scan the content below it.

Basing on these two common reading patterns, lesser important elements can then be placed at the lower part of the page.