Sketching User Experiences: The Workbook

4.2 The State Transition Diagram

a way to visually illustrate interaction states, transitions and decision paths over time

The sequential storyboard in the previous chapter represents a single sequentialinteraction episode. Sequences are appropriate for early design sketches, where you will likely focus on capturing the main series of events that occur as a person pursues his or her primary task on your imagined system.

Materials

• a cell phone

• a digital watch

As you move deeper into the design funnel, you will have to flesh out additional details of your selected designs, which could include:

• Adding more key frames and finer grained transitions within a sequence to illustrate exactly how the interaction happens.

• Showing the many ...