Sequential Storyboards Made for the User Interface  
Unit 4 Lesson Plan 1  
# of Days 1   Addendums  
LP Prior Knowledge   Differentiation    
Lesson Objective Sequential Storyboards Made for the User Interface  
Lesson Assessment Lecture/Discussion + Read pgs 299- 392- Visual Story Telling Changes for Next Time    
Benchmarks or Standards Lecture/Discussion (Dates)    
Materials Needed Sketchbook and Tools, Mac Labs, Overhead Projection, Black Board Access Differentiation Resources    
  Resources
Time Student Learning Task or Activity METHOD Teacher Activity  
  Students attempt exercises in workbook posted on Black Board as the instructor lectures and demonstrates.

Reading Assignment: pgs 299-392
Lecture/Demo Lecture Outline:
Sequential storyboard
• a visual story of the user experience over time
Composed of
• key frames
• annotations

State transition diagrams capture
• State
• transitions
• decision paths
Many ways to draw them
o abstract
o visual interface
o annotated
o indexed (to manage complexity)
o implied by spatial layout
o with branches (more to come on this topic)

Branching storyboards
• multiple transitions from a state
• illustrate decision paths
• manage complexity
• can be decomposed to sequential storyboards or
simple branching storyboards

Narratives
• develop a story
• illustrate context of interaction
o from beginning to climax to conclusion
Narratives can be composed with
• sketches
• annotations and explanatory notes