Storyboard Examples


Poor Example


This is the main screen.  The user can move songs back and forth from the Song List to the Play List.  The time left on the tape is shown at the bottom.
 
 


Better Example

Even though the "poor example" above may superficially appear more polished because of the realistic screen shot, the example below is better because it shows the detailed steps needed to manipulate the interface.

Storyboard Sequence for Move Song use case

 


File   Song   Options

Song Pool 


Play List 

3:28 Little Green
3:51 California
4:05 River (click here)
3:34 All I Want
4:23 A Case of You
2:52 This Flight Tonight
 
  Time Used:      0:00
Remaining:     45:00

(1) This is the main screen after a file has been opened.  The song title and duration of each song in the file appears in the Song Pool.  The Time Used is initially zero, and the Remaining time shows the available time on the tape.  The user will click on a song she wants to select.



 
 
File   Song   Options

Song Pool 


 [>>]


Play List 

3:28 Little Green
3:51 California
4:05 River
3:34 All I Want
4:23 A Case of You
2:52 This Flight Tonight
 
  Time Used:      0:00
Remaining:     45:00

(2) The user has clicked on the song "River" to select it.  To move the selected song to the Play List, click on the ">>" button .



 
 
File   Song   Options

Song Pool 


Play List 

3:28 Little Green
3:51 California (click)
3:34 All I Want
4:23 A Case of You
2:52 This Flight Tonight
 
 4:05 River
  Time Used:      4:05
Remaining:     40:55

(3)  "River" now appears in the Play List and the time used and time remaining are automatically computed and updated beneath the playlist.  The user wants to select another song.



 
 
File   Song   Options

Song Pool 

 [>>]


Play List 

3:28 Little Green
3:51 California
3:34 All I Want
4:23 A Case of You
2:52 This Flight Tonight
 
 4:05 River
  Time Used:      4:05
Remaining:     40:55

(4) The user has clicked on the song "California" to select it.  To move the selected song to the Play List, click on the ">>" button.  




 
File   Song   Options

Song Pool 


Play List 

3:28 Little Green
3:34 All I Want
4:23 A Case of You
2:52 This Flight Tonight
 
 
4:05 River (click here)
3:51 California
  Time Used:      7:56
Remaining:     32:04

(5) In a similar fashion the user has moved the song "California" to the Play List.
Now the user has changed her mind and doesn't want "River" in the Play List. She selects "River" by clicking on it.



 
 
File   Song   Options

Song Pool 

 [<<]

Play List 

3:28 Little Green
3:34 All I Want
4:23 A Case of You
2:52 This Flight Tonight
 
 
4:05 River
3:51 California
  Time Used:      7:56
Remaining:     32:04

(6) "River" is now selected.  To move it back to the Song Pool click on the "<<" button.  



 
 
File   Song   Options

Song Pool 


Play List 

3:28 Little Green
3:34 All I Want
4:23 A Case of You
2:52 This Flight Tonight
4:05 River
 
3:51 California
  Time Used:      3:51
Remaining:     41:09

(7) The user has clicked on the "<<" button to return the selected song to the Song Pool.  The time used and time remaining are automatically computed and updated beneath the playlist.







Back to start of storyboard