Skip to main content
All CollectionsDesign & Development - StudioTemplates
How to: Build and Edit the Video Response Template
How to: Build and Edit the Video Response Template
Updated over a week ago

Create relevant, interactive, and effective video conversations that mimic real-life virtual sessions!

Enhance learning outcomes, improve knowledge retention, and address specific skill gaps more efficiently.

The Video Response Conversation activity simulates a conversation between a character and the participant. Typically, a character starts the conversation with a question or statement. The participant selects from 2-3 pre-written responses, then the character responds. When desired, robust branching is offered within this template and the exchange goes on until the desired objective or information has been conveyed.

Video Response Conversations Value and Design Use Cases

The Video Response conversation activity enables designers to address key learning objectives for participants, including:

  • Developing a Consultative Mindset: Guide participants in asking insightful questions to uncover needs or issues.

  • De-escalation Techniques: Equip participants with skills to manage challenging situations, such as calming a frustrated client, customer, or supervisor.

  • Explaining Product Features or Processes: Use interactive dialogue to teach participants about product features or to explain complex concepts, like digital trends.

  • Practicing Empathy: Provide a platform for participants to demonstrate and refine empathy, whether in leadership roles, coaching, or team interactions, fostering better interpersonal skills and collaboration.


Getting Started

Add a New Video Response Activity to your Wireflow

In Studio, navigate to the place in your wireflow where you would like to build a Video Response activity. Click on the “+” sign to create a new state in your flow.

Click on the “+” sign in a new state box (a "state" is equivalent to a screen or page viewable by the learner).

Using the tabs at the top of the menu, select your desired Activity Template or existing Page to add it to your flow.

Open your Video Response Activity

In Studio, navigate to the specific state (a "state" is equivalent to a screen or page viewable by the learner) from which you would like to edit your Video Response activity.

Click on the Video Response Activity box and this will take you to the activity where you can build and edit your conversation.

Remember! You can rename states and rounds by clicking the 3 dots ellipsis

and then “Rename".

With your Video Response Activity open, first, configure your Activity. You can choose your settings, add-ons and page style. Click the “Close” button when done.


DIY Steps to Build Your Video Conversations

Start Building Out Conversation

The initial conversation structure always begins with a Video Opening Statement and three initial responses (you can add or delete the responses, but you must start with an opening statement)

Drag/drop Statements and Response boxes from the bottom tool bar to add additional Statements and Responses.

Connect Statements and Responses by hovering over Green dots and dragging to match color dots (Blue wiring connects Statements to Responses, Green wiring connects Responses to Statements).

Ensure that your Responses and Statements are connected with each additional Response/Statement that you have added or you will get RED warning indicators.

NOTE: You will see red issue indicators alerting you that the Responses and Statements are not connected with each additional Response/Statement that you have added.

Once you have built out your basic conversation structure, you can now edit your statements and responses as needed.

💡 TIP! Connection line disappearing? Sometimes connecting statements and responses is tricky - make sure the plus (+) sign shows up on each dot/end to connect them before releasing your mouse or else the line disappears and you will need to try again to re-connect them!



Edit Video Statements and Characters

First, choose the type of video you would like to add to your statement.

Edit Opening Statement: Click the edit function (Pencil Icon) on the left of the Opening Video.

Note: these examples show how to edit the activity when choosing AI Avatar Videos.

Once the Edit box opens you will see options to select your Avatar, edit their name, title, background image, voice, etc.

  • Click “Save” to generate the video. You can revisit this function once the video generates to make access additional options. (Prevent seek, autoplay, etc)

Edit Responses

Use the edit function where it says “Enter response text here.” Click "Save" to close after making changes.

Change Video Characters

Click the three-dot ellipsis and choose "Clear video" to remove your current video and choose a new type of video.


Indicator Labels

Label Statements and Responses with indicators like Correct, Incorrect, Good, Neutral, or Bad for scoring.

  • These are viewable by the designers only.

    • The example below shows the Good Indicator.


Edit Title Page

DIY STEPS

Navigate to Activity View:

  • Select "View Activity" at the bottom of the screen to access the title page and edit the title/subtitles/Prompt of your activity.

Edit Title and Subtitle

  • Click on the title to open the rich text editor panel. This will appear as a pencil button.

  • Use the edit function to modify the title text or add formatting like bold or italic to your prompt text.

  • Make desired changes and click "Save" to close.

💡TIP: The "container" of the Video Response activity is static, which includes the Title and subtitle. No matter how long your conversation exchange is, your Title and Subtitle will remain the same. For this reason, we recommend keeping these short (to allow more room for the videos) and ensure the text is applicable to the entire activity.

Edit Continue Button or Global Settings:

  • Navigate to the continue button until the edit function (pencil button) appears.

  • Open the edit panel to access global settings or to customize the buttons.

  • Relabel the continue button or adjust global settings as needed.

    • There are additional buttons below to customize the color from your theme.

  • Once you’re done click Save.

Further Page Customization:

  • Explore options to customize the title page with perspectives, decisions, and addon builders by navigating to the settings icon on the navigation bar.

    • This will open the Configure Template where you will see additional options to personalize your content. Click the toggle button on or off to add to your title page.

  • Once completing these changes you can click Save to keep the changes or cancel to disregard the changes.



Review and Finalize your Activity

View Activity

Click “View Activity” in the bottom right - if there are any outstanding issues you will see a red error message.

Preview Mode

See what your pages and the project will look like for the end user. It is used frequently during the entirety of the build process, review of edits, quick navigation through the project, and is a great tool for initial testing of your Conversation Activity.

Once you've edited your activity, click "Close" to exit.

View Activity greyed out? To View Activity all issues must be cleared. Look in the bottom right corner to see if there are any outstanding issues. This error message will appear in red!


Examples

Video: How extensively can I build out video branching scenarios?

Sky is the limit! Here is an example of robust branching in the VBR activity:




Did this answer your question?