Transcript SD 348 User-Centred Design

UW Library WebSite
Navigation Templates
Design Team Projects
Summary
SD 348 Winter 2002
Prepared by Prof. C. MacGregor (June 2002)
Team 1 – Final Template
Team Members:
Jason Ahn, Romain Chaibal, Vivian Cho,
Janna Hickson, Aliya Walji
Client: Amos Lakos
Team 1 - Category Page
Help and documentation
Visibility of System Status
Nielsen’s Heuristics
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
Visibility of System Status
Match between system and the
real world
User control and freedom
Consistency and standards
Error prevention
Recognition rather than recall
Flexibility and efficiency of use
Aesthetic and minimalist design
Help recognize, diagnose and
recover from errors
Help and documentation
Team 1 – 2nd Layer: Content
Recognition rather than recall
Nielsen’s Heuristics
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
Visibility of System Status
Match between system and the
real world
User control and freedom
Consistency and standards
Error prevention
Recognition rather than recall
Flexibility and efficiency of use
Aesthetic and minimalist design
Help recognize, diagnose and
recover from errors
Help and documentation
Flexibility and
efficiency of use
Team 1 –3rd Layer
Match Between System and Real World
Nielsen’s Heuristics
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
Visibility of System Status
Match between system and the
real world
User control and freedom
Consistency and standards
Error prevention
Recognition rather than recall
Flexibility and efficiency of use
Aesthetic and minimalist design
Help recognize, diagnose and
recover from errors
Help and documentation
User Control and Freedom
Online Demo
Team 2 – Final Template
Team Members:
Jakub Bubielo, Gabriel Chan, Carrie Edgeworth,
Claudia Nieminen, Kristina Watt
Client: Anne Fullerton
Team 2 : UW Web Site Main Page
Button
Toolbar
UW Library Picture
Button
Description
Welcome or
Introductory Message
User Focus Areas &
Specific Highlights of
the UW Website
Journal
Indexes
New Library Events &
Information
E-Journals
Ask Us/
Tell Us
How to...
Search
Common Tasks
Search Key
University of Waterloo Contact Information
Go
Website Tools
Area
Team 2: UW Web Site Sub-Page
3-Level
>”Breadcrumb”
>Links
Sub-Page Title that Matches the Main Navigation Bar
(MNB) Category Colour Scheme
Sub-Page
Window
Border
Nav. Action icon
Nav. Action icon
Nav. Action icon
Nav. Action icon
Quick
Navigation
Tool Tips
Example of Sub-page contents
containing Offsite Links
Side Navigation
Bar that Matches
MNB Colour
Scheme
Nav. Action icon
Offsite Icon
Offsite Link
Offsite Icon
Offsite Icon
Offsite Link
Offsite Icon Offsite Link
Offsite Link
Nav. Action icon
Nav. Action icon
Nav. Action icon
Offsite Icon
Brief description of offisite link icon and appearance of a
new browser window upon selecting an offsite link.
Team 2: Offsite Sub-Page Navigation
UW Sub-page Browser Window Title & Toolbars
_
X
_
New Offsite Sub-Page Browser Window Title & Toolbars
Nav. Action icon
X
Nav. Action icon
Nav. Action icon
Offsite
Icon
Nav. Action
icon
Side Navigation
Bar that Matches
MNB Colour
Scheme
Statement notifying user of movement to an offsite website outside of the UW domain.
Brief instructions on how to return to UW website by closing the new broswer window.
Offsite Sub-Page Title and Contents
Frame
minimization
button
Team 3 – Final Template
Team Members:
Lauren Cornelius, Lindsay Hunter, Teresa Mak, Lyon Wong
Client: Jim Winterbottom
Library
Home
Welcome Team 3!
Trellis
Catalogue
Search:
My
Bookshelf
UW Home
Site Map
(image)
UW Library -> E-Reserves
E
Reserves
A-D
► E-G
H-P
Q-Z
St Jeromes
Course
Reserves
Electronic Reserves
What’s
New
Electrical & Computer Engineering
Earth Sciences
Economics
English
Environmental Engineering
Environmental Studies
Environment & Resource Studies
Fine Arts
French
General Engineering
Geography
Geological Engineering
Germanic & Slavic Studies
Gerontology
Greek
Info
Help
Contact
Us
Team 4 – Final Template
Team Members:
Munira Jessa, Jenny Lee, Cathy Lin, Samer Sawaya
Client: Paul St-Pierre
Team 4
Navigation Template
UW Logo
Top menu bar – same as main page menu bar
Navigation Trails > Navigation Trails
Library
Home
Trellis
Content Heading
Short descriptive explanation of library resource (if applicable)
E-Journals
Journal
Indexes
Search
Help
Team 4 - Offsite Header
UW Logo
Header blurb
Return to UW Lib Link
Preferably, this would
bea UW Library
logo.
Close Header Link
Team 4
Team 5 – Final Template
Team Members:
Andrew Morton, Laura Thompson, Phil Wang, Jane Ngai
Client: Michele Liang
Team 5 - Navigation Template
Team 6 – Final Template
Team Members:
Daniel Fernandes, Deborah Leung, Raymond Ngai,
Erin Wolkom
Client: Susan Routliffe
Team 6: Navigation Bar
Team 6: Breadcrumb
Team 6:External Window Notification
Team 6 - Navigational Template
Tier 1A
* * * *
Tier 1B
*
* * * *
Tier 2
*
UW Library Web Site
Navigation Template for Secondary Levels
UW
home
Lib Home
Search
Context
Related
Links
Contact Us
email
Page date
Main Navigation Bar [include drop down menus]
Include
Drop-Down
Menus
Help
Site Map
Breadcrumb/History Links[highlight current link]
Sub-Page Title [should match link]
Summary (for longer pages)
Bottom Navigation Bar [text links for main categories]
UW Library Contact Information
Top of Page