LIS 523 - Wireframes
Wireframes may be created in a variety of degrees of detail.
An abstract view
is just a list of what needs to appear,
with no reference to layout.
A lower fidelity view shows the general layout
with labeled boxes,
but no other details of design elements.
A higher fidelity view gives more details
of buttons, links, etc.
In any case,
wireframes are not final design mockups;
indeed, they should usually be in black and white,
since their purpose is to emphasize function
rather than æsthetics.
A higher fidelity view
should include at least the following.
- Key page elements, showing location:
header, footer, navigation bar, content objects, branding elements.
- Grouping of elements: side bar, navigation bar, content area, etc.
- Labeling: page title, navigation links, headings to content objects.
- Place holders: dummy text and images.
Here is a rather simple wireframe
(mid fidelity view)
for the instructor's home page.
For More Information
Last updated April 24, 2007.
This page maintained by
Prof. Tim Craven
E-mail (text/plain only): email@example.com
Faculty of Information and
University of Western
Canada, N6A 5B7