professional e-learning software

Below is an example of a storyboard design workflow assisted by Storyboarder Pro. Note that you can freely change the order of steps and repeat particular steps as you like.

When you start Storyboarder Pro, you see the Getting Started view on the right, where all main features of the program are listed. Besides, notice the Storyboarder Pro menu item and the Storyboarder Pro Editor toolbar.

On the first step of storyboard design, you decide what screens your course will consist of and how they will be linked with navigation. Storyboarder Pro assists with its Flowchart view.

Note: For each item in the flowchart, the corresponding page in the document is created. The page stores the caption of the item and a table of outgoing navigation links (the arrows on the flowchart).

Each item in the flowchart is always in sync with the corresponding page in the document. If you change a flowchart item, its page will update accordingly, and in reverse. If you select a flowchart item, its page will show up in the document window.

Figure 2.1. The Flowchart view. View a larger image.

See Short Demos: How to Add, Delete, Rename and Arrange Flowchart Items How to Connect, Disconnect and Reconnect Flowchart Items with Arrows How to Use Zoom, Pan, Gridlines and Snap in the Flowchart View

Note: If you need more room than the task pane allows, you can "undock" it and let it float over the document,
like shown on Figure 2.2.

Figure 2.2. The Flowchart view undocked for more room. View a larger image.

See Short Demos: How to Add, Delete, Rename and Arrange Flowchart Items How to Connect, Disconnect and Reconnect Flowchart Items with Arrows How to Use Zoom, Pan, Gridlines and Snap in the Flowchart View

Next, you group your screens into lessons and modules, and organize your course in the tree-like manner. Storyboarder Pro assists with its Structure view. It works much like the folders tree in Windows Explorer.

Note: Each item in the structure tree is always in sync with the corresponding page in the document. If you change a tree them, its page will update accordingly, and in reverse. If you select a tree item, its page will show up in the document window.

The order of items in the tree corresponds to the order of pages in the document.

Figure 3. The Structure view. View a larger image.

See Short Demos: How to Add, Delete and Rename Structure Items

Note: For convenience of concurrent use, the Flowchart and Structure views are coupled together in the task pane.

Finally, you fill the blank screens with the actual storyboard content, such as screen layout description, media object description, interactivity description, notes for developers etc. Storyboarder Pro assists with its rich collection of storyboard templates, located on the Storyboarder Pro Editor toolbar.

There are three types of templates: screens, layouts and objects. The object templates are the smallest building blocks. The layout templates describe the visual part of each screen. The screen templates are the largest building blocks, consisting of a layout and various objects.

After inserting the storyboard templates, you fill in the blanks.

The collection of storyboard templates can be updated and adjusted to your company standards. You can create new templates, modify existing templates and arrange them on the toolbar. Storyboarder Pro assists with its Template Manager view.

For more information, please check the Online Help