WritersUA: Using Visual Hierarchy to Convey Information

by Luke Wroblewski March 18, 2008

My Using Visual Hierarchy to Convey Information presentation at WritersUA 2008 walked through the importance of visual hierarchy, visual principles for developing effective hierarchies, and utilizing applications of visual hierarchy to communicate central messages, guide actions, and present information.

Download Slides

Using Visual Hierarchy to Convey Information (3.2 MB PDF)

Official Description

In this session, Luke will outline the way people naturally scan information pages and explain how you can guide users through key content and actions using visual hierarchy to construct meaningful, prioritized page layouts. You’ll be taken through multiple before and after examples with explanations of how a page’s content was prioritized, why, and how that priority is being communicated to users so they don’t need to rely on chance to learn how to do what they need to do.

  • How the principles behind visual communication can be used to effectively convey messages, outline actions, organize information, and structure data.
  • How people scan for information (with video examples of user behavior).
  • Why understanding how we make sense of what we see allows us to create information that communicates what are products/services do, how to use them, and why this information is important.