Figure 2 illustrates bringing up a dialog box on top of a window. This is interesting since the designer can make the dialog box opaque, thus hiding any objects it appears over. This can also be used for illustrating pull-down menus. Make a dialog box appear when the button is pressed. The designer constructs storyboards by sketching screens with a stylus or a mouse in the sketch window.
Screens are then copied to the storyboard.
At this point, the original screen can be modified. Now, the designer can start drawing arrows on the storyboard that indicate screen sequencing or more screens can be produced. The free-form arrows can be drawn from any widget, graphical object, or the background to another screen. Thus, the designer can cause transitions to occur when the user clicks on any of these items. When the designer is ready to test the specified interaction, she can switch to run mode.