Learn How To Create A Tabs Interaction In Storyline 360

In this video I’ll show you step by step how you can make a tabs interaction for your next Storyline course.

Tabs interactions can be incredibly effective to chunk content in your e-learning course into different categories. Therefore In this video, I’ll show you step-by-step how you can create simple and good-looking tabs interaction in Storyline 360.

cta under video

How To Create A Flipcard Interaction In Articulate Storyline

Flipcard articulate Storyline

In today’s video I’ll show you step by step how you can create an animated flip card interaction in store line 360. Are you ready? Then let’s get started. Browsing for inspiration on the internet. I came by this excellent pricing flip card on co io by Ivan Clutch. Dets. Now let me show you how it works

cta under video

How To Create An Avatar Selection Screen in Articulate Storyline

Avatar in e-learning

In this video I’ll show you step by step how you can make an avatar selection screen for your next Storyline course where a learner can select an avatar to personalize their learner experience.

We use variables, triggers, states and the Slide Master in Storyline 360.

Enjoy 😊

cta under video

Chapters How To Create An Avatar Selection Screen in Articulate Storyline

00:00 – Introduction
00:15 – Adjust Slide Size
01:21 – Add Avatar Images
02:28 – Create Avatar States
04:55 – Create A Buttonset For The Avatars
05:36 – Create Variable To Remember The Selected Avatar
06:47 – Store Avatar Name In Storyline Variable
08:26 – Add Avatars to Master Slide
09:52 – Create Triggers And Conditions On Master Slide
10:40 – Create A Custom Layout For The Avatar Selection Screen
11:28 – Preview The Course

Use Gamification In Your Next E-learning Course With Marie-Jo Leroux

marie-jo-leroux-gamification Articulate storyline

In today’s Upward Online Learning Expert Interview I’m talking with Marie-Jo Leroux, on how to create unforgettable e-learning programs that boost learning outcomes and performance, while delighting learners with the help of Gamification. I hope you enjoy the conversation between me and Marie-Jo Leroux and the tips Marie-Jo shares!

Enjoy 😊

cta under video

Chapters of Gamification In Your Next E-learning Course With Marie-Jo Leroux

00:00 – Introduction
00:32 – What is Gamification?
02:10 – What’s the difference between Gamification and Game Based Learning?
05:05 – Game Mechanics examples
09:40 – Can every type of course be gamified?
13:33 – Do you want to add gamification elements in every course?
16:10 – What is the process to start with gamification and e-learning?
23:19 – What are good examples of gamification?
25:19 – Best advice for instructional designers who want to start with gamification
28:29 – For which type of people is your online course?

Work With Elapsed Time Variables In Storyline 360

In the November 2021 update, Articulate added three new built-in variables to Storyline 360. The Elapsed time variables. These variables give you lots of new possibilities for timed in Storyline 360. Elapsed Time Variables are built-in Storyline Variables. You can use them to track the elapsed time on a slide in a scene or throughout your whole course.

With Elapsed Time Variables you have all sorts of new possibilities to create timed interactions.

cta under video

Articulate has recently added three new built-in variables to Storyline 360, elapsed time variables. Now these variables gives you lots of new possibilities for time interactions in Storyline 360. And in this video, I’ll show you where you can find the variables, how they work, and I’ll also show you three practical examples as inspiration to use elapsed time variables in your next course. So let’s get started. Now, let’s see where you can find the elapsed time variables in Storyline 360 and how you can add them to your project.

Where Can You Find Elapsed Time Variables

As mentioned in my intro, elapsed time variables are built in Storyline variables. So let’s open the my next project variables option, and you’ll see a new screen opens, and you’ll see now two tabs. Now on the project variable tabs, you will find all the variables that you created yourself in this project, in this case, none for now. And here on the second tab, we have all the building variables. Now it’s quite a list. So let’s use the search bar in top of the variable screen for what I’ll do. I’ll see El and you’ll see I have now the three elapsed time variables. There is a elapsed time variable for your whole project, for a particular scene, or for a particular slide. And now we know where we can find the elapsed time variables, let’s add them to our project.

How To Add Elapsed Time Variables In Storyline

Let’s close the variable window, and I have already created the slides with three text fields. And I want to add the elapsed time variables on the each text field. Now there are two options to do this in Articulate storyline. The first option is to create a text field and type the name of the variable with in percentage signs, but there is a second, and I think much easier method by adding a variable reference to your slide. So to add reference, the first thing is to add a new text box. So therefore I go to insert, create text box, and I draw a text box on my slide. The next step is to go to insert again, and go to reference. You see here, we have the managed project variables window, I type in EL and I’ll select my slide dot elapsed time variable and click on okay. Now Storyline has automatically added the reference to the slide elapsed time variable in the text box.

So I’ll make the font size a little bit smaller, so it fits on one line. And what I’ll do now is I’ll edit for the other two variables. For the first variable, I created the text field through the insert tab. What you also can do is press control T on your keyboard and Storyline adds a text field, and now you can go to insert reference. I type EL and select the scene elapsed time variable. And now I will also create an elapsed time variable for my whole course. So I added the last reference to the project, elapsed time variable and what I did. I copied this slide here in this scene and also created a new scene. So now let’s preview this course and see how the elapsed time variables work.

Preview Elapsed Time Variables

So now we’re preview mode and maybe you’ll see something you didn’t expect because instead of seconds adding up, you’ll see many numbers increasing really quickly, what Storyline does is it counts the time in milliseconds. So where a thousand milliseconds are one second. So this is something that you have to keep in mind when creating triggers. And if you want that something happens after for instance, five seconds, you have to fill in 5,000 milliseconds in your trigger. Now I added the link to a millisecond converter in the video description below to make it easier for you. Let’s jump to the next slide and see what happens.

So I’ll jump to my next slide and you’ll see the elapsed time variable for slides is set to zero and counts again. Now this is my last slide of the scene. So let’s click to the next scene. You’ll see now the elapsed time variable for the slides is set to zero and is adding up again. But also the elapsed time variable for the scene is set to zero and is adding up again. And the elapsed time variable for the course will run again. Now that you know how to add elapsed time variables and that Storyline tracks the elapsed time variables in milliseconds, I’ll show three examples of how elapsed time variables work in practice.

Example 1

So the first interaction that I want to show you where I used elapsed time variables is this interaction where you must guess which animal is hidden behind rectangles. Now I’ve created 19 rectangles. And let me show you which animal is hidden. Here, it’s an elephant. And the 19 rectangles appear mixed one by one. And so you can guess which animal you see. Rectangle six is the first rectangle that will be hidden and let’s check this trigger. So here trigger says change state of rectangle six to hidden. And when the variable changes, slide elapsed time, if slide elapsed time is larger than 2,500. So this means after two and a half seconds, the first rectangle, rectangle six will be hidden by Articulate Storyline. And after five seconds, this rectangle will be hidden, then this rectangle. And so and so on.

Now let’s check in the preview mode, how this works in practice. So we’re now in preview mode and you’ll see after two and a half seconds, our first rectangle disappears, then the second, the third one, the fourth one, and so on and so on. Now this is the first interaction that I want to show you. Now let’s go to my second interaction.

Example 2

So this is my second interaction that I want to show you. I have here a multiple choice question with a hint. So if a user doesn’t know the answer, he gets a hint after 10 seconds. Let me show you how I set up this interaction. So what I’ve done, I created a hint layer and I created two triggers and a custom variable. So I created the custom variable, a true, false variable reached 10 seconds, and I’ve used them in my triggers.

So let’s show the first trigger that says set the custom variable reached 10 seconds to true. And when should this happen? When the variable changes slide elapsed time and if slide elapsed time is greater than 10,000. So that means after 10 seconds, the reached 10 seconds variable is set to true. And now let me show you the second trigger. This will show the hint layer. Now the hint layer will be shown when a variable reached 10 seconds changes. And when does it change? It must change to true. So then the layer is shown. And this was my second example. Now let’s look at my third example.

Example 3

Now this is my third and last example. What I want to show you here is that you can also use the elapsed time variables for instance, for the project to complete a project after for instance, 10 seconds. So what I’ve already done here is I created a new variable that says reached 10 seconds. And I created a trigger that set says set reached 10 seconds to true. When the project elapsed time variable changes and if project elapsed time variable is greater than 60,000. So this means after 10 minutes, reached 10 minutes will be set to two.

Now, if we create a new trigger, we set complete course and not when start, but when variable changes and we use the 10 minutes. And here we say, when 10 minutes is set to true. So what we’ve done here with this trigger is that the Articulate Storyline will pass the course completed to your LMS when the variable reached 10 minutes, changes to the content of true.

Now, I hope the new video about elapsed time variables in Articulate Storyline was useful to you. If so, then feel free to hit the like button on this video. And don’t forget to hit the subscribe button and the bell notification icon so you won’t miss any of my upcoming videos. See you next time in my next video. Bye.

How To Create An Escape Room In Storyline 360 With Marloes Berkers

Want To Create An Escape Room In Storyline 360?
Watch my interview with Marloes Berkers about building an escape room game in Storyline 360.

cta under video

Download Interview Script

Working With Templates And More With Karlis Sprogis

I have the privilege of speaking to Karlis Sprogis, Karlis is the owner of FasterCourse.com.
FasterCourse sells e-learning templates that will save you lots of hours and will make your project look super professional.

In the conversation we talk about the benefits of working with e-learning templates, if every e-learning project is suited of templates and what the right moment is for you to decide when to use templates in your next e-learning project. Finally Karlis shares some great tips for starting instructional designers and e-learning developers.

cta under video

How to Create Custom xAPI Statements in Storyline


In this video you’ll learn how to send custom xAPI statements from Storyline. So you’ll be able to track which videos learners watched, the amount of time they spent on a content item and much more in your next e-learning project.

cta under video

In today’s video I’ll show you how the new xAPI reporting option works in Storyline 360 so you can send regular and custom xAPI statements from Storyline to a Learning Record Store in your next e-learning project.

In the November 30th 2021 release Articulate added the feature to send xAPi statements from your Course to an LRS. if you still don’t know exactly what xAPI is all about, I’ll explain it briefly.

xAPI is often described as the next evolution of SCORM

The major difference between SCORM and xAPI is what they track. Now SCORM has limited tracking options. It allows you to track whether a user completed an e-learning course, how long it took them to complete the entire course, whether they passed or failed the test in the course, and with what grade. With xAPI, the possibilities of what you can track are almost endless. You can track multiple scores and detailed test results but also track serious games or simulations

Let’s dive in Storyline to see how you can create these xAPI statements

I prepared a dummy course with three scenes in it. Let’s create our first simple statement. For instance on this slide that a user experienced this slide. Click on create a new trigger and in the trigger wizard by action under more you see send xAPI statement. Select this one. Now you can create the xAPI statement. First we choose a verb. Storyline has 16 predefined verbs. Let’s choose experienced. The next step is to select what a learner has experienced. This can be a slide, a particular object or you can fill in a custom text. I choose the slide here. So easy it is to create a standard xapi Statement in Storyline. Let’s crate another for a video.

I want to create a statement that reports that a learner has viewed the video. Therefore I’ll add a new trigger. By action I Select send XAPi statement. For the verb I choose viewed and the object is the video on the slide. By when I select when media completes. This means that Storyline will send a statement to a LRS when the learner has viewed the complete video.

We created two xAPI statements with predefined verbs, but Storyline gives you also the possibility to create custom statements. Now let’s create a custom statement that reports that a learner has completed a section in our course. I go to the last slide of this section and will add a trigger on the next button.

I select the button and I’ll add a new trigger. By action I choose send XAPi statement. By statement I choose ‘completed’ now there’s no option to select a scene. For convenience I will add the slide name and now I will edit the statement by clicking on the plus xAPI link. Now the xAPI Statement editor opens. The editor shows your xAPI statement in JSON format.

Now under object I don’t want the slide name but the scene name. Because there’s no Storyline variable that hold the scene name I will add the of the scene after en-US. So I type NameScene1. I also change the id. I replace slide id by scene Id. If you click on variables you can add built-in variables here. I choose the variable project.SceneNumber but you can also add your own variables. Now we created a custom xAPI statement.

You can click the xAPI dropdown to create your own statement with the options that appear. Under verb you can change the existing verb in another verb or type your own verb.

Under object you can add a new object property of select an existing property

With result you can add additional data to your xAPI statement for example how long a learners spend on your course but this one is optional.

And if you click reset Storyline changes the xAPI statement to its original state.

So this was a short overview of the new xAPI statement feature in Storyline 360. Thank you so much for watching. I hope the knowledge that I shared was useful to you.

How To Import Questions From Excel and Text Files In Storyline 360


In Articulate Storyline, you have the option that you can import questions from other storyline projects and Quizmaker files, or did you know that you can also import questions from Excel and text files? In this video, I’ll show you how you can import questions in Storyline with Excel or text files, and also what you need to consider if you want to start using this in your next e-learning projects.

cta under video

How do you import questions into storyline?

Now, the first step is to create an Excel file or text file with the questions and that you can import in Articulate Storyline. I’ll begin with importing from Excel,

Create An Excel File With Questions

so let’s open an Excel file to see what the structure should be of a file. I’ve here already prepared an Excel file. You see here five rows and several columns, and the first row, this row, is the header row, and everything in your Excel that is after double slashes is considered as a comment by Articulate Storyline and won’t be imported. So this first row is purely for structuring the Excel file and isn’t imported in Articulate Storyline. Row 2, this is my first question, and this question and also the other three questions will be imported in Storyline.

Now let’s see what you have to fill in in the different columns for the row. So in column A here, you specify what question type it is. So here on row 2 it’s a multiple choice question. Row 3 is a matching drag-and-drop question. Row 4 is a multiple response question, and on row 5 is a pick-one survey question. Now, you can choose of 19 question types, and in the description of this video, I have a link with a table to all question types that are supported.

Now, you can import credit and survey questions. In column B, you must define the amount of points for a correct answer. Now, unfortunately you cannot specify points for an incorrect answer. So if you want to do this, something with points for incorrect answers, you have to do it manually in Storyline when you import the questions.

Now, here in column C, you see the question texts, and in the columns D until M, let me scroll here, are the choices. You can have up to 10 question choices in your Excel file. Now, on different cells on row 2 and also on row 4 and 5, you can see asterisk signs. With this sign, you can mark an answer as correct so Storyline knows that this is a correct answer. And after the answer option, and after the pipe sign, you see your feedback, so it just means you can have a specific feedback for each answer option. If you don’t want it and you want to use the normal feedback that is already in Articulate Storyline, you won’t put feedback in your Excel file and Storyline uses the normal feedback, their correct/incorrect feedback that is in the Storyline questions.

Now on row 3, here, we have a matching drag-and-drop question, and here the pipe sign is used to specify the choice and the match so Storyline knows what belongs to what. So we see here which countries and capitals belong to each other, so the Netherlands and Amsterdam, Germany and Berlin: these are the choice and the options that belong together. And you see here for the multiple response question that there are multiple answers correct, so here Antwerp and also Leuven, they are both correct on 5 as a survey question.

Create A Text File With Questions

So now let’s look at the structure of the text file, so I’ll click this away. I have here a text file prepared. What you see here is comments. So the same as in the Excel file: everything behind double slashes won’t be imported in Articulate Storyline, but our comments. And you see the question, everything has to be on a separate line. So the first is the format, the question type, then the points, the question, and then you have the different answer options. Put here the [inaudible 00:04:17] for correct, the answer option, and after the pipe sign, the feedback, for specific feedback.

And if you want another question in your text file, you can place it directly under the first question. So in this way, you can add it in the text file. Now, I prefer Excel files because it’s more structured and you have a better overview over the questions. Now let’s import the questions into Articulate Storyline.

Import questions from Excel In Storyline

So I created a new Articulate Storyline file, and you can import questions on different places. So the first place is if you go to File, Import, and click here on Question From File, but you can also go to Slides, Import and Import Questions, and let’s import my questions. So here is my Excel file. I click it and click on Open, and Articulate Storyline will read my file and this can take a while, and you see that it gives also feedback if my file is correct or incorrect.

Now, on line 5, I had a pick-one survey question, but it had a score and it was marked as correct, but a survey question cannot have a correct answer. So what I can do now is I can retry it, change my Excel file and try it again, or continue and Storyline will skip this question. So for now, I will click on Continue. Storyline sees the questions, and I click on Import, and now Storyline will import the slides.

Now, Storyline created a different scene, and you can’t import the questions directly in the question bank, so you have to import them first into a scene in Storyline, and from there you can copy or move them into a question bank. If you click import, what I’ve done, Storyline will import the questions, and the more questions there are in the file, the longer it takes for Storyline to load the questions in. I think that’s logical.