Skip to main content

Branching Scenarios

The experience tile, flow editor, scene types (text, dialogue, choice, video, modal, explore), building interactive branching paths

Written by Patrick Elzinga

Branching scenarios let learners practice decisions and see the outcome of each choice. You can use them for role-plays, decision trees, soft-skills practice, compliance procedures, and other simulations.

Try it yourself in the interactive lesson below.

Creating an Experience tile

All branching scenarios live inside an Experience tile. You can add one to your lesson just like any other content tile.

  1. Open your lesson in the Editor.

  2. Select Scenario beside the tile menu in the bottom bar.

  3. Tell the Mindsmith Agent whether you want a standard dialogue scenario or an enhanced visual scenario, describe the learner experience, and choose a length.

  4. Review the generated Experience tile, then open it to edit the flow. You can also ask the Agent to add or revise nodes later.

Navigating the Flow Editor

The Flow Editor is a visual canvas where you map out the different paths of your scenario. When you open the editor, you will see a bottom toolbar with several controls to help you navigate:

  • Selection Mode (Cursor icon): Allows you to click, select, and move individual nodes around the canvas.

  • Pan Mode (Mouse/Trackpad icons): Lets you click and drag to move your view around the canvas without accidentally moving your content.

  • Zoom Controls: Use the magnifying glass icon to open a slider, or use the plus and minus buttons to zoom in and out.

  • Cleanup (Brush icon): Reorganizes the nodes into a clean layout when the flow becomes hard to read.

Adding and connecting nodes

Nodes represent the individual steps, scenes, or actions in your scenario.

Adding new nodes

  1. Click the Node button with the plus icon in the bottom toolbar.

  2. Select the type of node you want to add from the menu.

  3. The new node will appear on your canvas. Click and drag it to your preferred location.

  4. Click on the node to open its settings menu and edit the text, characters, and options.

Connecting nodes

You connect nodes to determine where the learner goes next after reading text or making a choice.

  1. Locate the circular handle on the right side of a node or a specific choice option.

  2. Click and drag a line from that handle to the left side of your target node.

  3. To delete a connection, click the connection line to select it, then press the Delete or Backspace key on your keyboard.

Setting endings and outcomes

Not every path needs to lead to another node. When editing a node's options, you can use the Next menu to route the learner to specific outcomes:

  • Finish or Fail: Ends the scenario with a correct or incorrect result.

  • Restart: Sends the learner back to the very beginning of the scenario.

  • Try Again: Prompts the learner to try the current question over again.

  • External Link: Opens a specified web URL in a new tab.

Understanding node types

Mindsmith has several node types for building a scenario.

Dialogue node

The standard conversation node. It displays a character, a background scene, the character's dialogue, and up to three choices for the learner. You can toggle Randomize Options in the settings so choices appear in a different order each time.

Text node

A simple narrative node. It displays text, an optional character, and a background scene, along with a single "Continue" button to move the story forward.

Choice node

A choice node has a large square image on the left and text with choices on the right. The screen background uses a blurred version of the image. This layout works well for title screens and major forks in the story. Use a square (1:1) image in a choice node because Mindsmith may crop or distort other aspect ratios.

Explore node

An interactive image node. You can upload an image and draw clickable areas on it. These areas can be visible buttons, invisible hotspots, or tooltips. Learners must click the correct areas to proceed.

Modal node

A modal is a popup over the current screen. Use one to give immediate feedback on a choice or show a "Did you know?" hint without loading another scene.

Video node

Embeds a video clip directly into the flow. The scenario will automatically proceed to the next node once the video finishes playing. Note: Generating AI transcripts and captions for videos requires an Enterprise plan.

Customizing characters and scenes

You can adjust which character is speaking and where each character appears.

Changing the background scene

  1. Click on a Dialogue or Text node to open its settings.

  2. Under Background, click the dropdown menu.

  3. Choose from a library of preset scenes (like an office, hospital, or warehouse) or click Upload Image to add your own custom background.

Customizing characters and reactions

  1. In the node settings, look for the Character section.

  2. Click the character avatar to choose from the preset cast or upload your own character image.

  3. Use the emotion dropdown to change their expression (happy, angry, thinking, etc.).

  4. You can set a character reaction on a dialogue option. Click the plus icon next to Reaction on a choice card, then choose a reaction such as surprised or disappointed for after the learner selects that option.


Related Articles:

Did this answer your question?