Adding extra details in Storyboard view

Admin
Updated:
December 5, 2024

Overview

This article will show how you can extra detail to any individual content item in your designs. This can be used when you want to show a surface level of detail in your design but, underneath this, have a lot more details that explains exactly what happens, what the learner will do, production notes and more.

Storyboard view

We've called this extra detail the 'Storyboard view' because it will resonate with Instructional Designers who are familiar with this concept. An outcome of adding extra detail is to support the development and delivery steps, once the design is finalised.

This article will show you each step to add detail to the storyboard view for any content item in your design.

Contains

  • Adding detail - making any content item rich with learning design detail.
  • Using the storyboard view - to give your design extra depth.
  • Connecting (or disconnecting) to a purpose / learning outcome. 
  • Adding Resources - an overview of how to add / map resources required to develop or deliver a content item.
  • Commenting - having a contextual discussion alongside each item in your design. 
  • Roll back changes - see a full log of changes (Unavailable on Starter plan). 

Terminology

  • Content item - anything you add to a design
  • Storyboard view - richer detail and notes for any content item.
  • Resources - our way of describing the 'things' needed (such as people, places, technologies, media, etc.)
  • Floating Toolbar - where you find the toggle for adding details, storyboard view.
  • Rich text editor - add headings, text decoration, lists, code, quotes and more to any content item

Ready? Let's add more detail into your design 🚀

Start: Navigate to one of your designs

Our demo design for this support article

Step: Select any content item that needs you to add more detail to.

'Why product analytics matters' has been selected as a single content item 

Step: Click the 'Open in full Storyboard view' icon from the top toolbar

The 'expand' icon in the floating toolbar will open the storyboard view

The storyboard view contains:

  • Space to add extra detail with a full rich text editor and @mentions to notify team members
  • Shortcuts to all the options on the floating toolbar (in the learning designer)
  • Purpose tab - to connect (or disconnect) any purpose / outcome. 
  • Resources tab - to state everything needed for production or delivery
  • Comments tab - to review comments, add to the discussion and @mention team members for instant notifications
  • Recent changes tab - to see all recent changes and roll back, changes (if needed)
  • Quick navigation to other content items (top right buttons)

Step: Add extra details to this content item - use the full rich text editor to describe exactly what's needed for the learner experience

Adding details to the rich text editor - currently blank

Tip: There is no word limit and all content produced here can be exported as plain text, rich text or clean HTML. 

Step: Give yourself some space - expand the Details area 

You can maximise pixel space for the Detail section by selecting the expand icon:

A view showing the expanded Details section

Tip: When you need the right tabs back, just select the icon again to shrink the details space. 

Optional - Adding a resource (overview)

Adding rich text to the Details section

Note: We will cover this in more detail in another article.

Step: Switch to the Purpose tab to connect (or disconnect) this item to a purpose or learning outcome

Connecting a content item to a purpose statement

Tip: While learning outcomes can be set at the design level, they can be connected to content items quickly and easily via the Storyboard view. 

Step: Switch to the Resources tab and describe a resource needed to create or deliver this content item

Using the resources tab

Step: Select the 'type' of resource from the dropdown menu

Selecting video from the type of resource

Outcome: We have added some extra detail and three resources, to show how this builds up over time.

Tip: Storyboard views can be Exported as Slides via the Export option. All design content can be exported as a Document or a Sheet.

Step: View, add to the discussion or @mention any team member to send a notification by selecting the Comments tab

Mention someone in a comment to send them a notification

Step: View or roll back on any recent changes for this item by selecting the Recent changes tab

Viewing all changes

Tip: Any historical changes using the rich content editor requires using the 'Select to view' option (as shown) to see the stored version in full.

You can close the Storyboard view by selecting the Close button (this will also save your changes).

Related support articles