Interactive Studio (303)

Why Interactivity is Important

There are several reasons you will want to use interactivity in your courses. All of them are important, however there are three main reasons you’ll want to use it.

So, of course you can upload videos and make courses that have no interactivity, but you would be missing the point of using LightSpeed VT. Instead, use interactivity to engage the user, ask questions along the way so you can collect valuable data, and then use the data to “better serve” / upsell your user. Make sense?

Overview

Welcome to the all new Interactive Studio – we’ve done extensive research on improving our existing Composer and just like Pokémon we’re evolving it to something bigger and better – that’s why this is no longer just a “Composer” – this is now a Studio.
Experience an all new way of creating Interactive content with these new features:

• Import all of your media files at once – from right within the Studio*
• Experience Live previewing of Interactive overlays
• New Interactive features like Open Question Data Capturing
• And much more!

In the guide below, we’ll cover just the basics of using the Studio for creating (or editing) Interactive Videos, but the best way to learn is to just dive right in and try it out – and we encourage you to do so. We believe the new Interactive Studio is just that easy.

Compose

We sprinkled this section with a bit of fairy dust, so the magic really begins when you select the “Create New” button (or open any of your existing projects). Dive immediately into your project where you can search, select and add all of your media files at once (and, don’t forget to add some fairy dust of your own – get creative!)

Right away you’re thrust into a single-focused workflow, allowing you to work without distractions.

Your project title is displayed at the top left – where you can simply click and type to change it.

All projects are treated as Drafts until you’re ready to “Save & Publish”. If you haven’t given your project a name yet, no worries! We’ll save it automatically as “Untitled ##” until you’ve come up with that perfect name. (Perhaps something with a Cat in it…)

Pathways

Using Pathways allows you to quickly build your interactive video while focusing on the full picture – the birds-eye view - of your Users' journey.

1. Segments
2. Add Media(Nodes)
3. The Star of the Show
4. The Pathway
5. Resources & Exit Points
6. Canvas Controls

1. Segments

Segments are the core of your interactive video experience. All of your project segments are listed in a condensed and easy to scan panel affixed to the left-side. Each segment is represented on the canvas as a video node with title. Organize your project as needed by dragging segments up and down.

2. Add Media (Nodes)

When working in Pathways, you can quickly add videos (or segments) and other interactive responses - like Web Pages and Documents - simply by dragging them onto the canvas; even automatically create interactive connections by dropping a new media node onto another.

If you have all your videos ready, quickly add them all to the canvas at one-time by using "Bulk Video Selection".

3. The Star of the Show

Each Node (aka Segment) is like a stepping stone along a user’s journey in the interactive experience. That journey begins with the first segment which is identified on the canvas by a blue badge with a flag.

4. The Pathway

Quickly create an interactive pathway by dragging an “arrow” from the edge of a node and connecting it to another; double-click to delete.

5. Resources & Exit Points

External Web Pages and downloadable Documents are represented only on the canvas and not within the segment list, as they are rather attachments and exit points used to help visualize the user's entire journey.

6. Canvas Controls

Although many of its functions can be controlled with a mouse and keyboard, the Canvas Toolbar offers a visual control to perform the following actions (from left-to-right):

• Undo
• Redo
• Fit to View (zoom to fit your entire project in view)
• Clean Up (organizes your canvas horizontally or vertically)
• Zoom-Out
• Zoom-In

Segment Editor

The Segment Editor offers a focused and distraction-free art board to “Get Interactive”.

Titlebar

• Name: Give your segment a friendly name to help yourself stay organized and provide easier reporting.
• Reset Interactivity: This removes all interactivity from a segment. Note, this will not affect any Languages or Ending configurations you have added.
• Delete: Permanently remove a segment from your project.

Each Segment video will display in real-time on the canvas, providing you options to add Languages and configure what happens when the Video Ends.

Video Details

Expand the “Video Details” panel to:

• Replace: Select a new video from the Media Library to swap while retaining all Interactive settings.
• Add Language: Add Captions (Subtitles) to your video. Choose the language to add and select a file from the Media Library. You can add as many languages as you want!

When Video Ends

Based on the creative needs of your project, you may wish to configure how a Segment ends.

• End (Which sets the video to “Completion” – which will take the user to the next Chapter part or Test)
• Pause (for Interactivity – this will pause at the very last second of the video)
• Loop (Replay a Portion of the Video)
  Here you can set a time in the video you would like to automatically jump back to whenever it reaches the end of playback – this creates an infinite loop until the user makes a selection. It’s a really cool way to make your interactive videos seem “alive” – like the talent on screen is waiting for you to make a decision!
• Redirect (to Segment or URL)
  Redirect the user when the video reaches the end of playback. Choose to select a video from the Media Library, an existing Segment or enter a URL.

Get Interactive

A video is only a linear static message until you “Get Interactive”. Choose the type of interactivity your Segment needs and take your users on a journey.

Multiple Choice

With Multiple Choice, you are able to display a Question and up to four “Answer” options a user can select from.

• Question: Enter your question text (max of 250 characters)
• Answers:Add up to four options
  • Answer (Label): Displayed in the button on screen and – keep this in mind – in interactive reporting
  • Response:What happens when a User makes this selection – you have 4 options:
    • Play a Video From Media Library
    • Open a Document from Media Library
    • Open a Custom URL
    • Direct them to an (Existing) Segment
  • Duplicate
  • Delete
• Settings:Define the layout and display time
  • Layout: Choose Left , Center or Right to best fit your video composition. You don’t want to put questions and buttons on top of your talent’s head!
  • Display Time: Enter or select when the interaction should display on the screen (aka becomes active for the user to make a selection).

Collect Information

One of the most important reasons to use Interactive Videos is the data you gather. With the interactive “Collect Information” option, you have the ability to capture not just open feedback, but also Contact Details. This is an amazing resource for lead generation.

Contact Details

Asking a user to watch a video only to then be redirected to a new page to complete a form is bound to see higher falloff rates. Why not collect that valuable info directly within the video itself, in the moment?

Details:: Toggle on the information you’d like to capture in that Segment

• Name: Collect names (no validation)
• Email: Collect email address (automatic validation for proper formatting).
• Phone: Collect phone numbers from across the globe.
• Button Label: When capturing more than one field, you may customize the “Submit” button to reflect your Call to Action.
• Button Color: Choose between your Theme’s Primary or Secondary color.

Feedback (Open Ended)

Looking for feedback or interested in gauging your audience’s opinion or interests? The “Feedback” or open-ended text area allows you to collect long form responses.

Details

• What are you asking?: This will display as the placeholder text on the video.
• Button Label: By default Submit is displayed. You may customize the label to reflect your Call to Action.
• Character Limit: Optional – set a limit to how long a users response can be.

Settings (Applies to both forms of data collection listed above)
Define the layout, display time and the response.

• Layout: Choose Left, Center or Right to best fit your video composition.
• Display Time: Enter or select when the interaction should display (or become active).
• Response:Choose what should happen when a User Submits their info.
  • Video From Media Library
  • Document from Media Library
  • Custom URL
  • Select (Existing) Segment

Call to Action

Call to Action buttons can be used for drawing Transparent “Hotspots” on your nicely polished video, or for adding Traditional Button overlays without the question text.

Button Style

First, you’ll need to select the Button Style. Why? Well, simply put, you can have unlimited* Hotspots, but only four Traditional buttons work best across all screen sizes.

• Transparent: This is your Hotspot – an invisible button that users can select to “trigger” a response.
• Traditional: Add, position and display up to four Primary or Secondary buttons over your video.

Transparent

When adding a Transparent button, you can resize it and position it anywhere over your video using the live preview in the video player. Simply grab the edges of the button and drag to size. To move it, click and hold inside the button to drag it around.

• Action: Enter the action or question you’re asking users. This will help with reporting.
• Response:Choose what should happen when a User Submits their info.
  • Video From Media Library
  • Document from Media Library
  • Custom URL
  • Select (Existing) Segment
• Display Time: Enter or select when the interaction should display (or become active).

Copy From Existing Segment

Save time by copying the Interactive settings from another Segment. All actions, layout and display time settings will be copied directly to the new Segment. Make adjustments as need and breeze right through your project.

Preview

At any time while composing a project, you can select “Preview” to experience your Interactive Video to ensure the journey you’re mapping is guiding users as expected.

To return back to your work – right where you left off – simple select “Exit Preview”.

Currently Playing

Know the segment you’re watching and review that all your Interactive settings are set correctly.

• Segment Name
• Video Ending
• Type of Interactivity
• How many Interactive Options
• Details
  • Answer or Action Option
  • Destination
• Edit Segment

Video Player

Interact with your Video just as your users will.

Save & Publish

When you’ve completed your Interactive Video and you’re ready for the world to engage, simply select “Save + Publish” at the top-right. Give your project a friendly name (if you haven’t already), select continue and that’s it!

Your Interactive Video is saved directly to the Media Library. Now, copy the link and add your Interactive Video to a Course or Landing Page.