1 / 23

UW Library WebSite Navigation Templates

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.

sage
Download Presentation

UW Library WebSite Navigation Templates

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. UW Library WebSite Navigation Templates Design Team Projects Summary SD 348 Winter 2002 Prepared by Prof. C. MacGregor (June 2002)

  2. Team 1 – Final Template Team Members: Jason Ahn, Romain Chaibal, Vivian Cho, Janna Hickson, Aliya Walji Client: Amos Lakos

  3. Team 1 - Category Page Help and documentation Visibility of System Status • Nielsen’s Heuristics • 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

  4. Team 1 – 2nd Layer: Content Recognition rather than recall Flexibility and efficiency of use • Nielsen’s Heuristics • 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

  5. Team 1 –3rd Layer Match Between System and Real World • Nielsen’s Heuristics • 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

  6. Team 2 – Final Template Team Members: Jakub Bubielo, Gabriel Chan, Carrie Edgeworth, Claudia Nieminen, Kristina Watt Client: Anne Fullerton

  7. Button Toolbar Search Key Go Website Tools Area Common Tasks Team 2 : UW Web Site Main Page 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 University of Waterloo Contact Information

  8. Sub-Page Window Border Nav. Action icon Nav. Action icon Quick Navigation Tool Tips Nav. Action icon Nav. Action icon Example of Sub-page contents containing Offsite Links Offsite Link Nav. Action icon Offsite Link Offsite Icon Offsite Icon Offsite Link Offsite Link Nav. Action icon Offsite Icon Offsite Icon Brief description of offisite link icon and appearance of a new browser window upon selecting an offsite link. Offsite Icon Nav. Action icon Nav. Action icon Team 2: UW Web Site Sub-Page Sub-Page Title that Matches the Main Navigation Bar (MNB) Category Colour Scheme 3-Level >”Breadcrumb” >Links Side Navigation Bar that Matches MNB Colour Scheme

  9. UW Sub-page Browser Window Title & Toolbars New Offsite Sub-Page Browser Window Title & Toolbars _ _ X X 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 Icon Frame minimization button Nav. Action Offsite Sub-Page Title and Contents icon Nav. Action icon Nav. Action icon Nav. Action icon Side Navigation Bar that Matches MNB Colour Scheme Team 2: Offsite Sub-Page Navigation

  10. Team 3 – Final Template Team Members: Lauren Cornelius, Lindsay Hunter, Teresa Mak, Lyon Wong Client: Jim Winterbottom

  11. 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 Library Home (image) Welcome Team 3! Trellis Catalogue My Bookshelf UW Home Search: Site Map UW Library -> E-Reserves E Reserves A-D E-G H-P Q-Z St Jeromes Course Reserves Electronic Reserves What’s New ► Info Help ContactUs

  12. Team 4 – Final Template Team Members: Munira Jessa, Jenny Lee, Cathy Lin, Samer Sawaya Client: Paul St-Pierre

  13. Team 4 Navigation Template

  14. UW Logo Header blurb Close Header Link Return to UW Lib Link Team 4 - Offsite Header Preferably, this would Library be a UW logo.

  15. Team 4

  16. Team 5 – Final Template Team Members: Andrew Morton, Laura Thompson, Phil Wang, Jane Ngai Client: Michele Liang

  17. Team 5 - Navigation Template

  18. Team 6 – Final Template Team Members: Daniel Fernandes, Deborah Leung, Raymond Ngai, Erin Wolkom Client: Susan Routliffe

  19. Team 6: Navigation Bar

  20. Team 6: Breadcrumb

  21. Team 6:External Window Notification

  22. * * * * * * * * * * Team 6 - Navigational Template Tier 1A Tier 1B Tier 2

  23. UW home Main Navigation Bar [include drop down menus] Site Map Help Include Drop-Down Menus Lib Home Breadcrumb/History Links[highlight current link] Sub-Page Title [should match link] Search Summary (for longer pages) Context Related Links Contact Us email Bottom Navigation Bar [text links for main categories] UW Library Contact Information Page date Top of Page UW Library Web SiteNavigation Template for Secondary Levels

More Related