Skip to main content
Storyboards
Updated over 5 months ago

👍 This article will help you:

  • Learn how to compose a storyboard from a series of dashboards

  • Modify storyboard menu layout, URL, and theme

  • Determine how users can access your storyboards

Overview

Storyboards is an interactive communication tool for showcasing real-time information from Atrius. Display your storyboards on a touchscreen, or share them on the web. To access Storyboards, go to Apps in the side menu at left, then Storyboards.

Storyboards hierarchy

Storyboards allow you to group one or many dashboards—or chapters—into a single, consolidated view with a menu.

You must have set up one or more Atrius dashboards to include in a storyboard. Once your dashboards are set up, you can create a storyboard and incorporate them as chapters.

1231

Add or edit a chapter

To add a chapter, select 'Add a chapter' on the storyboard menu. To move a chapter button to a different position, drag and drop the chapter button along the menu.

973

To edit a chapter, select the dropdown arrow located at the top right of each chapter button. 'Edit chapter settings' allows you to change the chapter title, icon, dashboard, and dashboard title visibility.

1108
568

Field

Instructions

Chapter title

Enter a title for the chapter button. Keep chapter titles short and one word, if possible, for optimal display on the menu.

Icon

Select an icon for the chapter button.

Dashboard

Select an existing dashboard for the chapter.

Dashboard title

Hide or show the title of the dashboard. Hiding dashboard titles is recommended.

Refreshing Storyboards the Dashboard menu

While cards in dashboards and storyboards are not real time data, generally they refresh every 30 minutes at maximum. The readout, building trends, and heat map cards refresh within 1 to 2 minutes.

If you have added a new dashboard to Atrius while editing a storyboard, refresh the page to reveal the new dashboard in the 'Dashboard' dropdown menu.

Edit storyboard settings

To edit a storyboard's settings, select the Actions button located at the top right of the page. 'Edit storyboard settings' allows you to change the name, URL, visibility, and automatic playing option.

526

768

Field

Instructions

Name

Enter a name for the storyboard. The name will appear as the page name in a web browser.

URL (optional)

Enter a custom URL for the storyboard.

Visibility

If set to 'Public', anyone can view the storyboard without logging in to Atrius. Public URLs are used to display storyboards on kiosks or digital signage. Even though the URL is shareable, it can be hidden behind a kiosk software configuration for further security. If set to 'Private', users will be prompted to log in.

Automatic playing

If set to 'On', the storyboard will scroll through all chapters after a defined period of inactivity, specified in seconds. This is useful for displaying storyboards on non-interactive screens, or for keeping interactive touchscreens animated and eye-catching. If set to 'Off', only the user can advance the chapters.

Edit storyboard theme

To edit a storyboard's theme, select the Actions button located at the top right of the page. 'Edit theme' allows you to change the background color, navigation bar color, logo bar color, navigation bar position (bottom, left, right, or top), and logo bar position (top or bottom).

568

To change a color, select from the color menu, or enter a custom RGB color code.

328

To add a logo to the logo bar, select 'Add a logo' at the top right of the storyboard. To delete the logo, select the logo, confirm that you wish to delete it, then upload a new one. A transparent PNG logo is recommended—this allows the logo to appear on any color background.

434

Best practices

Regularly preview the storyboard as you are building it. Go to 'Preview storyboard' at the top right of the page.

464

Consider your audience: Make sure the dashboards and cards you include are relevant and understandable for the viewers who will see the storyboard.

Place important content first: Place the most important content highest in the navigation order so that it’s the first information viewers see.

Focus on comprehension: Chapters should have a clear focus on getting users to comprehension quickly. Remember, you may only have the viewer’s attention for a few moments! Think of what message you’re trying to communicate, and try to find the most concise way to communicate it.

Intersperse data with contextual, explanatory information: Help viewers make accurate interpretations of data by using both images and text to explain data visualizations. Too many charts, or not enough context, may present challenges for some audiences.

Storyboard examples

Follow these links to live storyboard examples for inspiration.

Storyboard

Description

An example storyboard for a company, using demonstration data.

An example storyboard for a university, using demonstration data.

📘 Contact Customer Support

For any questions regarding this article, please contact Atrius customer support.

Did this answer your question?