Working with Storyboards

A storyboard is a sequence of screens that shows how the UI changes in time as the result of user actions. Storyboards are saved in files with .story extension and edited in Storyboard Editor. Once the storyboard is created, it can be exported to a multi-page, clickable PDF or HTML document or presented directly on screen.

Storyboards can generally be used to represent any sequence of user interactions, or state changes. For example you can use storyboards to show the steps of a shopping checkout process; prototype a multi-step wizard dialog; or document more complex things like UI animations produced by AJAX events in a web application. Storyboards are saved in files with .story extension.

Storyboards provide a Screenflow view that lets you visualize complex navigation flows between screens in a more graphical way. If screens are linked together then the Screenflow will show link relationships between them.

Use F5 to launch a full-screen presentation of your storyboard.

Contents


Next: Linking Screens