1. Home
  2. Docs
  3. Chapter 21. User Experience Design
  4. 2. Storyboard
  5. How to play the wireframes in a storyboard

How to play the wireframes in a storyboard

Showing a screen flow of the system to your customer guarantees your customer knows what will be delivered by the end of the project. Visual Paradigm not only allow you to associate use case scenario with wireframes in illustrating system interations, but also supports playing the wireframes associated with wireframe storyboard. This can be very useful when you need to present the system design ideas to your customers, and to look for their consent.

Playing wireframes

  1. Select Modeling > Storyboard from the toolbar.
  2. Select the storyboard to play.
  3. Click on Modeling > Play Storyboard from the toolbar.
  4. This opens the wireframe player. The wireframe of the first step is shown in the player.You can move on to the next wireframe by pressing the Right key, or clicking on the arrow button at the bottom left of the player. Similarly, you can press the Left key or click on the back button at the bottom left of the player to move to the previous wireframe.

Showing Annotations

To keep the wireframe clear and readable, annotations are hidden by default. You may click on the Show Annotations button t the bottom left of the player to have them visible. Let’s show the annotations.

Ending the Show

You can end the show anytime by pressing the Esc key. When it arrives the final wireframe, you can also exit by clicking on the Exit button at the bottom left of the player.