Datasheet

❑ Global navigation links. From our site map, these are Contact Us, Subscribe, Accessibility
Statement, and Copyright.
❑ Primary navigation. These are links to the Learn, About, and Contribute sections, which we
defined in our site map.
❑ Secondary navigation. These are the navigation options within each section. If we were in the
About section of our site map, the subnav options would be Our Site, Our Authors, Colophon,
and Advertising.
❑ Author’s name. This should link to the article’s author profile.
❑ Category listings. These should list under which content categories the current article has been
filed, so that users might view additional articles in these categories.
❑ Advertising banner. The client tells us it needs to be 280 pixels wide and 120 pixels tall, but we
don’t need to be concerned with layout at this stage.
Equipped with this list, we should now begin to group these chunks of content into different categories,
which should speak to how the different content areas relate to each other. For example, with the content
we’ve listed, we might create the following content hierarchy:
❑ Content:
❑ The article’s content
❑ Related content:
❑ The author’s name
❑ Category listings
❑ Related articles
❑ Branding:
❑ The WebMag 5000 logo
❑ Navigation:
❑ Primary navigation
❑ Secondary navigation
❑ Global navigation
❑ Advertising:
❑ The banner advertisement
These content groups are broken down largely into conceptual chunks (that is to say, that ancillary bits
of information have been dumped into Related Content, the banner advertising has been oh-so-cleverly
labeled Advertising, and so on). Were you working on a page that had a higher degree of interactivity
(such a complex form that requires the user to enter a sizeable amount of data), you might use headers
that describe the data contained therein (My Personal Information, My Company Information, Shipping
Address, and so on).
Armed with this high-level list, we can turn these content groupings into a rough wireframe that
demonstrates how these relationships might play out on a page.
19
The Planning and Development of Your Site
03_588338 ch01.qxd 6/22/05 11:18 AM Page 19