Display Templates
Having captured the high-level user view and the content model, the next step was to
work out the details of how the navigation was to work and how content was to be
displayed. We created a series of display templates (or wireframes) and documented all
the elements that would be displayed on that page; in other words, the presentation logic.
We started with the global template and then moved on to each section and sub-section
until we had captured how any and every page on the site would be displayed. The
following template defines the elements that appear on all pages:
The various sections of this template were:
• Header: Displays logo & search window
• Primary Navigation: Displays all primary navigation items
• Footer: Displays feedback, copyright link, disclaimer, and sitemap
Once we had defined the global elements, we looked at each section to define what
content was to appear in it, the sub-navigation, and the specific rules that defined how
and where the content would be displayed on the page.
Sustainable Products, Sustainable Buildings, and LCA
Template
This template was for the main sections of the site. All the global elements are displayed.
The sub-navigation is displayed as links under the type of content that they link to: for
example, links to Project A and Project B under the heading Projects:
The sections of this template are:
• Global Elements: Display all
• Secondary Navigation: Display all secondary navigation items under
category headings and titles as links to full content
• Content Area (Sustainable Products / Sustainable Buildings / LCA):
Display selected primary navigation title, selected primary navigation
overview article, and article title as link to full article