WGD229Information Design / Overview

Status Meeting

January 2011

Outcomes• Produce a media project plan for a four page website• Evaluate information structure• Evaluate and demonstrate page layout strategies• Apply typography principles• Demonstrate strategies for graphics and multimedia• Evaluate the navigation strategy and interface design• Critique accessibility, usability, and readability• Present your media project mock up and rationale

Wk 1 Project Planning• Outline your project as a client presentation• Discuss the web development team and usability• Use the resources below for your work

Discussion Frequency and Quality:   http://screenr.com/4xBs

Project Planning Demonstration:  http://screenr.com/UxBs

Client Presentations Instead of Assignments: http://screenr.com/kEQshttp://johnolaughlin.com/classtools/client_presentations.doc

Wk 2 Site Structure• Create a site structure and site map • Discuss navigation• Use the resources below for your work

Create a Site Plan:   http://www.screenr.com/embed/452s

Wk 3 Visual Design• Demonstrate visual design strategies using Gestalt Principles• Discuss interface design• Use the resources below for your work

Create wireframes and applied visual design principles:  http://screenr.com/KRUs

Wk 4 Typography• Demonstrate typography sets• Discuss typography• Use the resources below for your work

Create typography sets:  http://www.screenr.com/acSs 

Wk 5 Graphics and Multimedia• Demonstrate graphics plans and rights• Discuss graphics and multimedia• Use the resources below for your work

Create graphic mock ups:  http://www.screenr.com/MExs

Demonstration of CSS (not required):  http://www.screenr.com/Cl1s

Wk 6 Navigation Refinement• Demonstrate navigation strategies• Discuss navigation, interface design, and editorial style• Use the resources below for your work

Create base navigation and a bread crumb trail:  http://www.screenr.com/azEs

Wk 7 Final Project PowerPoint Presentation• Demonstrate your project as a client presentation

Avoiding death by PowerPoint:http://www.slideshare.net/thecroaker/death-by-powerpoint