Week 03

Interaction Design

Day 1

  1. Review:
  2. Discuss: links to sites about effective and usable design
  3. Supporting Materials: storyboard template
  4. 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.
  7. Code Review: Two approaches to getting all elements of a given class, and understanding the difference between nodes and their text contents.