Demo 01

Storyville: Solution

01 Flow Diagram


The flow diagram for Storyville is illustrated below. The application first displays the splash screen, then asks the user to choose between two tasks, make a tour and take a tour. Solid arrows indicate the direction of flow and dashed arrows indicate that the task is optional.

Left:
Make a Tour

Right:
Take a Tour




Basic Interaction Design   Spring 2011   |   Human-Computer Interaction Institute   |   Carnegie Mellon University