Page hierarchy

“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)


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


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


  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


Leave a Reply

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

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

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s