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.


• 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 ...

Get Sketching User Experiences: The Workbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.