Course+Schedule

SCHEDULE
Chapter 2 Chapter 8 Chapter 9 ||  || First class stuff (Wiki, syllabus, etc.) Create course blog (jump page) Modifying blog templates Review: CSS Hacks & workarounds CSS Conditional comments CSS Browser filters Discuss CSS Zen Garden design analysis. Class Activity: Work on the CSS Zen Garden design analysis. || Chapter 3 Chapter 4 Chapter 5 Chapter 7 || Assignment 2: CSS Zen Garden Design Analysis Documentation and Presentation || Symbols Class Activity: Choose 2 web sites. Compare and contrast the icons. Summarize your findings to present to the class. || Color Class Activity: Choose 2 fonts that you really like. Compare and contrast them. Summarize your findings to present to the class. || Assignment 4: Comparative Font Analysis Documentation and Presentation || Class Activity: Choose 2 web sites. Compare and contrast the color schemes. Summarize your findings to present to the class. || Redesign Assignment 1: Show the chosen website, list the main goal, at least 3 objectives and the requirements needed to meet the objectives, the target audiences, and what is needed to craft the best user experience and promote the main message. || Present final blog design. Class Activity: Show the site and discuss the content needed || Redesign Assignment 3: Content Inventory Documentation and Presentation || Present the final communication brief and initial content inventory Class Activity: Choose 4 competitors. Analyze the sites and report your findings in the competitive analysis document. || Class Activity: Using the information from the communication brief, content inventory and competitive analysis, write a story that illustrates the best user experience for a member of the target audience. Include a brief list of relevant information about this user such as name, age, comfort level with technology, etc. || Class Activity: Using the information from the communication brief, the content inventory and the competitive analysis, create the new site map. || Class Activity: Using all the documents so far, create a wireframe layout for the home page and a page in which the user must complete a task. Include a flowchart for the task. || Class Activity: Using all the documents so far, create a visual design comp for the home page and one for the task page. Summarize your visual design choices in a concept note. || Using JavaScript to Enhance the User Experience Class Activity: Create or implement JavaScript to: Class Activity: Using all the project documents so far, build an HTML prototype for the: Class Activity: Create a usability test plan for the two prototypes. || Class Activity: Implement changes to prototype based upon findings from the usability test. || Class Activity: Conduct a post mortem on the projects and on the class ||
 * Day ||  Reading Assignments  ||  Assignments Due  ||  Topic/Activity  ||
 * (wk1) || Text:
 * The Box Model
 * CSS Positioning: Static, Relative, Absolute, and Fixed.
 * Design CRAP
 * Grid Structures
 * (wk1) || Text:
 * (wk2) ||  ||   || Typography
 * (wk2) ||  || Assignment 3: Comparative Icon Analysis Documentation and Presentation
 * (wk3) ||  || Assignment 5: Comparative Color Analysis Documentation and Presentation || Class Activity: Create 2 logos for your blog – one using only symbols (no type) and the other with symbols and type. ||
 * (wk3) ||  ||   ||   ||
 * (wk4) ||  || Assignment 6: Logos and Presentation || Class Activity: Create a color schemes that represents you. Edit the CSS for your blog and integrate your color scheme and your logo. ||
 * (wk4) ||  || Assignment 7: Color Palette and Presentation || Class Activity: Choose a website to redesign. Create a communication brief for the project. Gather the content you will use for the redesign. ||
 * (wk5) ||  || Assignment 8: CSS for Blog and Presentation
 * (wk5) ||  || Redesign Assignment 2: Communication Brief Documentation and Presentation
 * (wk6) ||  || Redesign Assignment 4: Competitive Analysis Documentation and Presentation || Present the findings from the competitive analysis
 * (wk6) ||  || Redesign Assignment 5: User Experience Design Documentation and Presentation || Present the optimal user experience design
 * (wk7) ||  || Redesign Assignment 6: Site Map Documentation and Presentation || Present the site map
 * (wk7) ||  || Redesign Assignment 7: Wireframes and Flowchart Documentation and Presentation || Present the Wireframes and flowchart.
 * (wk8) ||  ||   || Building a Prototype
 * Open a new window
 * Present a message to the user
 * Present information that changes based on some input ||
 * (wk8) ||  || Redesign Assignment 8: Visual Design Documents and Presentation || Present the design comps and concept note.
 * Home page
 * Page in which the user must complete a task ||
 * (wk9) ||  ||   || **Memorial Day Holiday** ||
 * (wk9) ||  ||   || Usability Testing
 * (wk10) ||  || Redesign Assignment 9: Prototype Usability Test Plan and Prototype Usability Test || Class Activity: Divide into 2 groups. Each person should conduct the usability test and gather feedback from the others in the group. Create a list of issues that arose during the test and recommendations regarding each issue. ||
 * (wk10) ||  || Redesign Assignment 10: Summary Documentation of Usability Test || Present summary of usability test
 * (wk11) ||  || Redesign Assignment 11: Final Prototypes || Present final prototypes
 * (wk11) ||  ||   ||   ||