Cp202 Notes
CP202 Notes
Website Design
There are two basic categories of website design: * Ad-hoc * Planned
Elements of a Website * Content * Structure * Navigation * Layout
Content * What do you want to say? * Who do you want say it to? * Why do you want to say it?
Structure
Websites are organized into different sections. Sections can be grouped by: * Topic * Audience * Metaphor
Navigation
Let users know: * Where they have been * Where they are * Where they are going
Layout
Layout should be: * Clear * Concise * Attractive * Uncluttered * Not too long * Easy to use
User-Centered Web Development
Users want a site that: * Is fast and easy to use * Has a minimal download time * Has meaningful information or interaction * Has minimal frustration
Website Design Lifecycle * There are numerous models for website design * Most are taken from software engineering design models * We will examine the Lazar model described in the book User-Centered Web Development, Jonathan Lazar, Jones and Bartlett Publishers, 2001. ISBN 0-7637-1431-3
Seven Stage Lifecycle 1. Define website mission and users 2. Collect user requirements 3. Create conceptual design 4. Create physical design 5. Perform usability testing 6. Implement and market the website 7. Evaluate and improve the website
Website Mission and Users * What do you want to say? * Who do you want to say it to? * Why do you want to say it?
User Requirements
Learn about your users ': * Technologic status * Content interests * Design preferences
Conceptual Design
Decide on: * Page layout * Colour schemes * Navigation * Structure * Content in more detail
Physical Design
Create the actual website: * Using web development tools * Hand coding * Add server and client scripts * Create graphics * Connect to
Website Design
There are two basic categories of website design: * Ad-hoc * Planned
Elements of a Website * Content * Structure * Navigation * Layout
Content * What do you want to say? * Who do you want say it to? * Why do you want to say it?
Structure
Websites are organized into different sections. Sections can be grouped by: * Topic * Audience * Metaphor
Navigation
Let users know: * Where they have been * Where they are * Where they are going
Layout
Layout should be: * Clear * Concise * Attractive * Uncluttered * Not too long * Easy to use
User-Centered Web Development
Users want a site that: * Is fast and easy to use * Has a minimal download time * Has meaningful information or interaction * Has minimal frustration
Website Design Lifecycle * There are numerous models for website design * Most are taken from software engineering design models * We will examine the Lazar model described in the book User-Centered Web Development, Jonathan Lazar, Jones and Bartlett Publishers, 2001. ISBN 0-7637-1431-3
Seven Stage Lifecycle 1. Define website mission and users 2. Collect user requirements 3. Create conceptual design 4. Create physical design 5. Perform usability testing 6. Implement and market the website 7. Evaluate and improve the website
Website Mission and Users * What do you want to say? * Who do you want to say it to? * Why do you want to say it?
User Requirements
Learn about your users ': * Technologic status * Content interests * Design preferences
Conceptual Design
Decide on: * Page layout * Colour schemes * Navigation * Structure * Content in more detail
Physical Design
Create the actual website: * Using web development tools * Hand coding * Add server and client scripts * Create graphics * Connect to
Links: The Scenario On Saturday, September 12, 2009, the Taxpayer March on Washington took place