Page hierarchy

June 6, 2008

“We use visual relationships to add more or less visual weight to
our elements. Visual weight can be loosely defined as the degree
to which an element demands our attention and keeps our
interest.” (aka visual hierarchy)

Content

  1. page title
  2. subsection title
  3. embedded link
  4. supplementary info

Navigation

  1. Location indicator
  2. top level menu options
  3. subnavigation options
  4. trace route (breadcrumbs)

Supportive

  1. Site identifier
  2. site-wide utilities
  3. footer information (poracy, security, content and
    copyright info)

From: Wroblewski, Luke (2002), Site-Seeing: A Visual Approach to Web-Usability, New York: Hungry Minds, p.160

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s