Revision as of 21:01, 23 August 2006

IAM Project 2 due

Class Goals

1. Discuss design processes
2. Walk through a sample design process with CSS

Advanced Design

Interaction Design

Review how designing an interactive piece differs from designing a static or expositional piece

Although there are many websites online, very few of them are actually interactive. Interactivity is not simply allowing a person to click on something (in fact, in some poorly designed cases this results in just "extra effort").

Levels of interaction

1. Access to content
2. Chooosing path through content
3. Environmental changes

Information Architecture

IA definition, what it is, what it isn't

Users/content/context

User needs and behaviors (thinking about systems for users who don't know what they're looking for)

CSS Design

Advanced conceptual design using XHTML and CSS

Brainstorm cultural and critical theory topics on which to base a "Zen Garden" design.

Homework

AIM Assignment 7 : Create a design using the CSS Zen Garden template

Reading

ZEN: pages 200-273

IA: pages 3-15, 23-35

CSS Links

CSS

• http://www.w3.org/TR/CSS1
• http://csszengarden.com/
• http://www.cssplay.co.uk/
• http://thenoodleincident.com/tutorials/css/
• http://www.meyerweb.com/eric/talks/2003/commug/commug.html
• http://www.bluerobot.com/web/layouts/
• http://www.brainjar.com/css/positioning/default.asp
• http://glish.com/css/
• http://www.saila.com/usage/layouts/
• http://archivist.incutio.com/viewlist/css-discuss/