Presentation is loading. Please wait.

Presentation is loading. Please wait.

1 Client Name University of Bath: Web Services Project Title Enhanced News Delivery System Wireframes Version 1.5 Date: 11.02.09 Property of the Department.

Published byGriffin McCormick Modified over 9 years ago

Similar presentations

Presentation on theme: "1 Client Name University of Bath: Web Services Project Title Enhanced News Delivery System Wireframes Version 1.5 Date: 11.02.09 Property of the Department."— Presentation transcript:

1 1 Client Name University of Bath: Web Services Project Title Enhanced News Delivery System Wireframes Version 1.5 Date: 11.02.09 Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY

2 2 Version History Created wireframe document, added 1.1, 1.1a,Liam McMurray26/01/091.0 Updated wireframes after Product Owner reviewLiam McMurray11/02/091.5 CommentsAuthorDateVersion Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY

3 3 Useful Page Elements Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: Drop-down menu 2 > Drop-down menu 1 Radio buttons Check boxes Submit Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY

4 4 1.1 Wireframe for External homepage Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: Main News Area - Please See 1.1a for expanded view Left side navigation (contextual)‏ Right side navigation Footer Header Image/intro to University Top Navigation Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY

5 5 1.1a Wireframe for External homepage – Press area detail Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: Graphical promotional area for news story/event/press release/ podcast/video News Item Date 1 st story – lead paragraph News Item Tags News Item Image News Item TitleNews Item Date 2 nd story – lead paragraph News Item Image News Item TitleNews Item Date 3 rd story – lead paragraph News Item Image watch/listen/read link Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY Comments News Item Tagswatch/listen/read linkComments News Item Tagswatch/listen/read linkComments News Item Title Link to News homepage

6 6 1.2 Wireframe for News homepage Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: Main Press News Area - Please See 1.2a for expanded view Left side navigation (contextual)‏ Right side navigation Footer Header Top Navigation Subscribe to RSS Feed link Tag cloud of the most popular tags related to news Filter news – by year/month, tag/channel View Podcasts Link Contact Details Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY Most emailedMost commented List of most emailed/comented upon press releases‏ View all current releases link View all archived releases link Other link TBC by comms Other link TBC by comms Other link TBC by comms

7 7 1.2a Wireframe for News homepage – detail Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: 1 st Story Image 2 nd Story TitleNews Item Date 2 nd Story first paragraph News Item Tags 2 nd Story Image Full story link Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY 1st Story Title News Item Date 1st Story first paragraph Tags 3 rd Story TitleNews Item Date 3 rd Story first paragraph News Item Tags 3 rd Story Image Full story link News Item TitleNews Item Date Full story link Latest press releases News Item first paragraph News Item Tagswatch/listen/read linkComments News Item Title News Item Date News Item first paragraph News Item Tagswatch/listen/read linkComments News Item Title News Item Date News Item first paragraph News Item Tagswatch/listen/read linkComments Story Image

8 8 1.4 Wireframe for News article Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: Left side navigation (contextual)‏ Footer Header Top Navigation Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY EmailPrint Save “See also” links Related Articles Related Events Social bookmarking Links Press Release Title Date Article first paragraph (in bold)‏ Main Image Rest of article text Caption Quoted text TagsComments Contact Details Publication StatusArticle History Boilerplate

Download ppt "1 Client Name University of Bath: Web Services Project Title Enhanced News Delivery System Wireframes Version 1.5 Date: 11.02.09 Property of the Department."

Similar presentations

17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.

17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.
Support.ebsco.com EBSCOhost Digital Archives Viewer Tutorial.

Support.ebsco.com EBSCOhost Digital Archives Viewer Tutorial.
Get the most out of your subscription to The New Palgrave Dictionary of Economics Online Welcome to the worlds most significant synthesis of economic thinking.

Get the most out of your subscription to The New Palgrave Dictionary of Economics Online Welcome to the worlds most significant synthesis of economic thinking.
Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions www.ca.uky.edu/agcomm/

Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions
For Details Visit : or For any Help Contact the Librarian EBSCOhost 2.0.

For Details Visit : or For any Help Contact the Librarian EBSCOhost 2.0.
 Updating organization profile  Approving new members  Adding new members  Changing positions and permissions  Adding positions  Customizing organization’s.

 Updating organization profile  Approving new members  Adding new members  Changing positions and permissions  Adding positions  Customizing organization’s.
Instructor: David Shaykewich | Online Academic Community Workshop.

Instructor: David Shaykewich | Online Academic Community Workshop.
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.

DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
1 Client Name (insert) Project Title (insert) Wireframes Version X.X Date: XX.XX.XX.

1 Client Name (insert) Project Title (insert) Wireframes Version X.X Date: XX.XX.XX.
Click on one of the chapters below to get more information or click the next button to start the web tutorial. 1.How to navigate on the homepage?How to.

Click on one of the chapters below to get more information or click the next button to start the web tutorial. 1.How to navigate on the homepage?How to.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Lab 3 Creating Reports and Tables.

McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Lab 3 Creating Reports and Tables.
This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation. All.

This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation. All.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.

Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)

Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
Homepage Layout Management. Note: This is our last Core Publisher training in the series! You will be checking in with your Station Relations Support.

Homepage Layout Management. Note: This is our last Core Publisher training in the series! You will be checking in with your Station Relations Support.
Compliance Assist Refresher Instruction Guide Adding or Editing Unit/College Strategic Goals.

Compliance Assist Refresher Instruction Guide Adding or Editing Unit/College Strategic Goals.
Displaying Content in Core Publisher. Training 1: Site Administration Training 2: Programs Training 3: Content Tagging Training 4: Creating Posts Training.

Displaying Content in Core Publisher. Training 1: Site Administration Training 2: Programs Training 3: Content Tagging Training 4: Creating Posts Training.
November 3, 2011 Deborah de Bruin Building Digital Libraries.

November 3, 2011 Deborah de Bruin Building Digital Libraries.
What is a Press Release? A press release is a short document that provides information about your organization’s events and activities to a newspaper,

What is a Press Release? A press release is a short document that provides information about your organization’s events and activities to a newspaper,

Similar presentations

Ads by Google