Credits: from Lecture Topics in HCI, by Saul Greenberg
|Contents for:||CPSC 481|
Methods starts as simple verbal exercises, but rapidly go through paper and pen sketches, storyboards, Pictive, scripted simulations and so on, each getting slightly more sophisticated. I stress in class that early versions of prototypes should be very low cost (e.g., paper and pencil, postit notes, etc), and its purpose should be to garner high-level reaction and input from the user. As the design progresses, prototypes will become more refined and the user's input should reflect smaller, but still important, design and usability decisions.
Two assignments are used to complement this section. In
the assignment on task-centered
design and prototyping, students have to create initial prototypes.
In the follow-up assignment,
students redesign their prototypes and implement a working prototype. Together,
these becomes a capstone assignment, where interface development uses some
of the methods taught here (e.g., storyboards, horizontal prototypes, and
a vertical prototype that serves as a proof of concept).
Silk is a resarch prototyping tool that lets designers sketch out a working interface to create an active storyboard.
Most techniques are demonstrated live. For example, we do a walk-through of a storyboard design. I then introduce an interface as a Pictive design, and a volunteer student interacts with it. The student and class identify problems, and we redesign the system on the fly by having people construct new components/labels etc on postit notes. Also, I have (sometimes) devoted a class to a live Wizard of Oz demonstration.
This topic also has a hands-on component: the assignments on task-centered design and prototyping, which is optionally continued in the final course project. Leading up to the design of a substantial interactive system, these assignments require students to prepare a paper prototype, and then later a working horizontal prototype of their system. Each prototype is examined by the teaching assistant and discussed in lab time by the class for their reaction, and students are expected to modify their designs accordingly. Most students' designs change quite a bit from the paper version to the working prototype. Their final implementation usually reflects refinements of the design presented in the working prototype.