← BACK

To visualize the flow in your demo, it is always a good idea to create a storyboard before building your demo.

A storyboard is a series of panels that present a scenario, which walks a hypothetical user through an app or game experience from start to finish. A storyboard may include screenshots or drawings with descriptions of scene elements and user interactions. This will serve as an outline of the demo.

Storyboards come in handy particularly for demos with more complex transition logic. For example, when you want to create alternative paths with advanced transitions, while keeping scores or counting accumulated resources or power points. To design this kind of experience you may have to create special, reusable, logic-only scenes with no media assets at all.

Tip: Below are a few best practices for working with storyboards.

  • To create a storyboard, you can create a flowchart, use a prototyping application, or simply lay it out on a piece of paper by hand.
  • Don’t worry about technical implementation details and focus on the desired high-level flow sequence, as described, for example, in What about Alternative Paths.
  • The fewer branches you make, the fewer videos files you will have to prepare.
  • To facilitate and speed up the demo creation process, keep it simple and name the storyboard scenes in a way that is easy to understand and recognize, for example, to reflect the loop-action sequences or user interactions. See also naming conventions.

For example, The War of Genesis storyboard below simply outlines the scene sequence and provides an overall description of the project without going into scene-specific implementation details.

The Kingdoms of Solitaire storyboard (used in the Studio tutorial) includes specific implementation details for each scene.

As your competence and expertise with Studio grow, you will be able to create storyboards with Logic-Only scenes like the one shown below. Despite their overwhelming effect at a glance, logic-only storyboards will make more sense and will be easy to understand and create after you learn the advanced concepts of triggers and counters in Studio. 

Once you have identified and prepared your media assets and created at least a high-level storyboard, you’re ready to start building your demo in AppOnboard Studio.

Was this helpful?

Updated June 27, 2019