Slide Show Exercise

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