Week 03

Interaction Design

Day 1

1. Review:
   • Demo of absolute and relative positioning using CSS
   • Materials on Interaction
2. Discuss: links to sites about effective and usable design
3. Individual Task: storyboard activity exercise
4. Supporting Materials: storyboard template
5. Group Task: group project website lab time

Day 2

1. Discuss: expectations for Group Midterm Project (min/max length, depth in various parts, etc)
2. Review: Introductory materials on Javascript
3. Demo: converting Characters to Character Entities
4. Demo: iFrames
5. Demo: ECMAScript email anchor replacement
6. Class Exercises:
   1. class website tutorials:
      • Questions: how do we make Javascript tutorials materials blend in with the rest of the site better? can we describe a look and feel for tutorials here, in general? (hint: compare the iFrames and the ECMAScript email pages)
      • Class Activity: begin to build a mockup in class together, using HTML and CSS and Javascript
   2. group cookbook project:
      • Questions: what sort of informational chunks best fit our data to the cognitive map(s) a modern audience has of cookbooks?
      • Class Activity: separate two or three recipies from the whole and try out various markup schemes to add structural information.
      • Groups Activity: examine your work so far in determining your audience and your goals and objectives for your Group Design Project. begin to decide on a standard markup scheme to add the structure your group needs to the data. talk to the instructor about your initial ideas for a data organization scheme, and post about that to your group website.

Last modified: 3 Dec 2006 05:04:33 PM