back to CPSC 581

Overview

Slide Show - a sequence of key images portraying a story of the user experiencee presented as a slide show, perhaps with simple animation - is a simple yet highly effective method to capture not only the primary scenes, but the interaction feel as well taken by a person while using the system over time. Storyboarding is excellent at

• illustrating the look of the user
• animating the feel (the interaction)
• giving the option to provide limited end user interaction (e.g., by clicking) to animate transitions (possiblly through multiple paths)
• playng back an animation that shows the end user interaction

Readings

• Visual Storytelling. 299-307. in Buxton, B. Sketching User Experiences, Morgan Kaufmann.

Part 1.

Use your templates and interface created for Assignment 1 for a known interaction sequence or by replicating one of the examples in the Buxton reading using Powerpoint. Create:

1. a slide show where the end user drives the transitions
2. an animation where the system drives the transitions

For these examples, you must include at least the following techniques:

• use of hyperlinks
• use of simple animation through paths
• use of various techniques for having animations appear/disappear

Part 2

Repeat the above, but use it to illustrate a simple brand new interface design of your choice.

Deliverables

• email your powerpoint to me, along with instructions on how to drive it
• demonstrate your powerpoint in class.

Hints.

• Start by composing the various visual elements you need as a collection, where items are grouped for convenience
• If you are using multiple slides, create a marker on every slide so that you can register things appropriately i.e., visual elements should not shift between transitions

Possible Links of interest

To be filled in shortly