Branching with Vyond- Articulate Storyline

In this short Choose Your Own Adventure interactive game, I am demonstrating the use of Articulate Storyline with Branching. I also used Vyond to create the animations.

Story Map:

Before I start creating branching scenarios, I find it helpful to create a story map so I can stay organized and create my videos in the most efficient manner. Here’s an example of my story map for this project.

Storyboard

Before creating any e-learning course, it is best to plan out as many of the details in a storyboard. Below is a sample storyboard I would create for this type of course:

ReferenceText/ScriptInteractionDev Notes
1.1Header: Choose Your Own Adventure
Sub-header: Earning Sophie’s Love
Button: StartType: Animated Header/Sub-header
Images: Ryan and Sophie
Animations:
1. Ryan character waving
2. Sophie (dog) wagging tail
1.2Caption Bubble: It’s 5:00 pm, you just came home from work. Your pup, Sophie, is excited to see you! You’re hungry, but you know Sophie is too.

What do you do?
Buttons:
1. Feed Yourself
2. Feed Sophie
Type: Animated caption bubble
Animations:
1. Ryan character walks into the living room to pet Sophie.
2.1Caption Bubble: Oh no! Sophie ate the couch.Button:
Start Over
Type: Animated caption bubble.
Animations:
1. Ryan walks out of the room and into the kitchen.
2. Ryan begins eating a meal.
3. Ryan hears a crash.
4. Ryan runs back into the living room (opening scene) to find Sophie barking and a couch destroyed.
3.1Caption Bubble: Hooray! You’ve earned Sophie’s love! Now that she’s eaten, she probably needs to go for a walk even though you’re exhausted. What do you do?Buttons:
1. Stay home and relax
2. Take Sophie for a walk
Type: Animated caption bubble

Animations:
1. Ryan walks out of frame to fetch Sophie’s food
2. Sophie walks towards the left of frame
3. Ryan returns with Sophie’s food and places it in front of Sophie.
4. Sophie eats the food.

Audio:
Cheering audio starts after Sophie eats food to signify correct action.
4.1 Caption Bubble: Oh no! Bored at home, Sophie chased a cat and shattered the window.Button:
Start Over
Type: Animated caption bubble appears at the end of the other animation.

Animation:
1. Ryan walks to the couch and sits down
2. Ryan begins to read a book.
3. A cat appears in the window
4. Sophie barks at the cat and runs into the window.
5. Window shatters and Ryan appears distraught

Audio:
1. Meow from the cat
2. Sophie barks
3. Window shattering once the window breaks
4.2Caption Bubble: Hooray! You’ve earned Sophie’s love. She will now let you relax. Good job!Buttons:
1. Exit
2. Start Over
Type: Animated caption

Animation:
1. Ryan and Sophie walk out of frame to the left
2. Ryan and Sophie walk in the park across the screen.
3. Ryan and Sophie walk back into the living room and Sophie wags her tail as Ryan pets Sophie.

Audio:
1. Sophie barks at the end showing happiness
2. Cheers showing that the user won the game.