storyline tips and techniques

32
Helpful Tips and Techniques for Storyline 2 NOTE: This document was created for the internal use of the staff here at SoftAssist, Inc. and curated by Jenna Gallagher. As we designed and developed courses, we found that we were always learning something new and wanted to improve our effectiveness and to share our knowledge with others in the office. Much of what we learned has already been shared by the Articulate Forums (which are the best in the industry) so we are not claiming originality of the content. At best, we are sharing our experience and placing a portion in this common repository. Our way of achieving a task might not be the best way or the “approved” way but it worked. Please overlook any typos or errors. This document was not intended to be a polished work but rather a “quick dump” of knowledge. Individual items were added along the way during our projects so there is not a pre-planned sequence of tips. Hope this document adds some value to your own knowledge. It would be great if others could add their knowledge, tips and techniques so that we can all continue to learn. SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Upload: david-goodman

Post on 26-Jan-2017

79 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

NOTE:

This document was created for the internal use of the staff here at SoftAssist, Inc. and curated by Jenna Gallagher. As we designed and developed courses, we found that we were always learning something new and wanted to improve our effectiveness and to share our knowledge with others in the office. Much of what we learned has already been shared by the Articulate Forums (which are the best in the industry) so we are not claiming originality of the content. At best, we are sharing our experience and placing a portion in this common repository. Our way of achieving a task might not be the best way or the “approved” way but it worked.

Please overlook any typos or errors. This document was not intended to be a polished work but rather a “quick dump” of knowledge. Individual items were added along the way during our projects so there is not a pre-planned sequence of tips. Hope this document adds some value to your own knowledge.

It would be great if others could add their knowledge, tips and techniques so that we can all continue to learn.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 2: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

(Page #s may be off slightly as new information has been added over time)

Starting a New Project ……………………………………………………………………….. 2

Resume Saved State vs Reset to Initial State ……………………………………… 3

Setting Color, Size, and Font Defaults ……………………………………………….. 3

Aligning Objects …………………………………………………………………………………. 4

Resizing Photos and Graphics ……………………………………………………………. 6

Grouping/Ungrouping/Regrouping …………………………………………………… 7

Importing Slides from Power Point …………………………………………………… 7

Course Menu: Variables and Triggers ……………………………………………….. 8

Using Number Variables …………………………………………………………………. 12

Using True/False Variables ……………………………………………………………… 13

Tips for Triggers and Variables ……………………………………………………….. 13

Layers versus States ……………………………………………………………………….. 13

Auto Advance versus Advance by User ………………………………………….. 14

Sliders …………………………………………………………………………………………… 15

Adding Audio …………………………………………………………………………………. 17

Adding Video Files …………………………………………………………………………. 18

Question & Quizzing: Template versus Free Form ………………………… 18

Creating Different Feedback Slides ……………………………………………….. 19

Resetting the Question for a Try Again Option ……………………………... 19

Publishing the course ……………………………………………………………………. 20

Clearing Cache ………………………………………………………………………………. 23

Helpful Tutorials/Tips/Project Ideas by Others ……………………………... 25

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 3: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

Starting a new Storyline project.1. Plan your project: How many scenes or slides will you need? How will they connect?

i. Think about this. Do not immediately create the scenes/slides before step 2.ii. Open Storyline and create a New Project.

2. Ensure that each slide is equipped with the triggers to hide and show the Next button according to the timeline. It is easier to do this step at the beginning than to add it to each slide when a project is in the later stages.

i. Add a trigger to the very first slide that changes the state of the Next button to disabled when the timeline starts.

ii. Add a trigger that changes the state of the Next button to normal when the timeline ends.

iii. You may encounter slides that do not require this function. It is easier to remove these triggers from a few slides than it is to add the triggers to each slide later.

3. Ensure that each slide is set to “reset to initial state”i. On the same side where you added the triggers, you will want to change the slide

settings to reset to initial state. ii. In the lower right hand side of the screen, select the Slide Properties icon.

iii. Under “when revisiting,” select reset to initial state.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 4: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

4. Duplicate the slide as many times as you believe you will need according to your project plan. Create any additional slides from the original to ensure that every slide will have the correct Next button triggers and will reset to initial state.

5. These settings can all be adjusted as needed during the creation of your project. For example, your Course Menu will probably need to resume saved state. Or, you may have a slide with an interaction where the state of the Next button will change based on user clicks. Again, all of these things are easier to change as the project progresses.

Reset to Initial State versus Resume Saved StateEach slide is equipped with slide properties, one of which determines how the slide acts when the user returns to it. Nine times out of ten, your slides should be set to Reset to Initial State. However, in some situations you may want your slide to resume its saved state when the user returns to it. A good example of this is a slide with audio narration that has buttons which connect to other slides (think of the course menu in other client projects). When the user returns to that slide to navigate elsewhere, she will not want to hear the narration again. So, slides designed like this should always resume their saved state.

Setting Color, Size, and Font Defaults. At the start of each project it may be good practice to begin by creating a custom color scheme and font default to avoid inconsistencies. This is done at the very beginning stage.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 5: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

This is a very simple process, but colors need to be chosen from the beginning and shared with each other so we all have the exact same scheme.

For color pallet ideas, use the Adobe Kuler color wheel: https://color.adobe.com/create/color-wheel/

To change the size of your slide, you can change and set the story size.1. Under the Design tab, select Story Size

2. Then, you can change the proportions to either 4:3, or 16:9. I have found that changing the size first to 16:9 and then entering your exact width dimensions will actually give you a wider workspace.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 6: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

Here is articualte’s tutorial on changing the story size: https://community.articulate.com/articles/choosing-a-story-size-in-articulate-storyline-2.

TIP: This has to be done before the creation of any slides to avoid issues with design change.

Aligning Objects

While you can drag your objects to the desired location on the slide, it can be time consuming when trying to line objects up with each other. The align feature is great for this. There are several different ways to use the align feature (found under Arrange on the Home tab)

1. To align several objects with each other: select all objects, select arrange > align > choose align left, align right, align center, align top, align bottom, or align middle.

2. To distribute objects evenly across the screen: select all objects, select arrange > align > distribute vertically (to distribute them from top to bottom) or distribute horizontally (to distribute them from left to right)

When distributing objects, storyline will mathematically place the objects so they are spread evenly across the screen with the starting point being the location of your first object and the ending point being the location of your last object.

3. To simply align one object to the center of the slide, select the object, select arrange > align > align center (this aligns the object to the center of the slide horizontally. To align it to the vertical center, follow the same steps and select align middle.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 7: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

Keep in mind that align middle will align your object to the middle of the entire slide. If you have a master header, the object may not appear to be in the middle of the screen since it is not technically in the middle of your workable slide area.

Resizing Photos and Graphics

It is essential that photos and graphics are resized proportionately to their original dimensions. If we are careless about this, images become stretched and skewed and give a very amateur and poor appearance of the project, and therefore its designers. Please follow these simple steps whenever a photo or graphic is to be resized:

1. NEVER stretch/skew an image. ALWAYS enlarge or shrink an image using one of these methods:

i. Hold shift and drag the corners

ii. Use the sizing options in the format bar. You can use the arrow keys, or arbitrarily enter the pixel size yourself. If you aren’t familiar with pixel sizes, you can arbitrarily enter numbers until you see the size you are looking for.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 8: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

This will ensure that the image is always proportionate. The format sizing option will decrease the width as you decrease the height (and vice versa).

2. Sometimes, you may want to enlist a “click-to-enlarge” type feature. This can be useful for things like charts/tables/contracts/annex images etc. The best way to do so can be found below.

Add a state to the image called LARGE

Edit the LARGE state, delete the image

While editing the LARGE state: add the image, resize the image to maximum capacity, and add an animation to it (i.e. grow or shape)

Normally, you cannot add an animation to the state change of an image UNLESS you follow the above steps.

Add a trigger to the image (or another object on the screen) that changes the state of the object to LARGE when clicked (or hovered over, dragged, etc.)

Grouping/Ungrouping/Regrouping

Grouping objects can be used to move, size, rotate, flip, or change other attributes of multiple objects at the same time. Also, if you want to easily move objects to the same spot on the timeline, you can group them, move them as a single object, and leave them grouped OR ungroup them if they have different animations. To have multiple objects moving on a motion path, first grouping them may be the easiest way to ensure they are on the same path with the same destination.

1. First, you must select the objects you want to group. There are multiple ways to do this.

Drag from the background to create a selection area around the objects (you

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 9: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

must encompass all parts of each of the objects, unlike Captivate where you only need to cover part of the object to select it)

Use Shift+Click or Ctrl+Click

2. Group your objects by following one of these steps:

Ctrl+G

Right click the selected items, scroll to and select group

Home tab, select arrange, choose group

Format tab, select the group drop down menu, choose group

3. Ungroup your objects by selecting the grouped object and following one of these steps:

Home tab, select arrange, choose ungroup

Format tab, select the group drop down menu, choose ungroup

Right click the selected object, scroll to group and select ungroup

Ctrl+Shift+G

Importing Slides from PowerPoint

When importing slides from PowerPoint, ensure that you double check your slide properties and triggers. Some will automatically import based on the slide you are bringing in.

1. Change slide properties to advance by user (often the slide is set to advance automatically)

2. Ensure that the slide properties have the next and previous buttons checked off if the user is to advance the slide

3. Check for any triggers that advance the slide automatically

Course Menu: Variables and Triggers

We build our Course Menus so that the user cannot complete lessons out of order, or advance in the course without completing the lessons. To do this, buttons that connect to each lesson are made inactive or disabled until some action is taken or variable is changed. Our typical process is to create a variable in Storyline that changes once the user completes a lesson. That change in variable is then used to trigger the state change of lesson buttons from disabled to normal.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 10: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

1. Create a variable in your project titled “Lesson#Complete” or something to that effect. This variable needs to be created for each lesson in the course. So, if your course has 3 lessons, you will need 3 variables: Lesson1complete, Lesson2complete, and Lesson3complete. This will be a true/false variable that is set to false from the beginning.

2. Next, you’ll need to create triggers to make each button disabled and then enabled (normal)

i. Begin by creating a trigger for each button AFTER the first button that disables that button by changing the state of the button to disabled when the timeline starts.

ii. On the summary or last slide of each lesson, create a trigger on the Next button that adjusts the corresponding variable for that lesson to true.

iii. Go back to the course menu and create a trigger that changes the state of the lesson button to normal if the previous lesson variable is true when the timeline starts. For example, the button for lesson 2 should change to the normal state when the variable Lesson1Complete becomes true. So, the summary screen for lesson 1 should have a trigger that adjusts the Lesson1Complete variable to true when the user clicks the Next button on that screen. Then, the course menu should have a trigger that changes the state of the button for Lesson 2 to normal when the variable Lesson1Complete is true. The same is true for each corresponding lesson. The button for Lesson 3 should be changed to normal when the variable Lesson2Complete is true, and so on.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 11: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

3. Each lesson button needs to have a state for “Complete” to show the user the progress they have made in the lesson. For one client, we add a green checkmark to the button. All buttons must have the same appearance when in the completed state. To show this state, you will add a trigger that changes the state of each button to complete when the corresponding variable is true. So, when the user completes lesson 1, the variable will change and you will have a trigger that changes the state of the button when the Lesson1Complete variable is true.

This example shows the first 2 lessons being complete:

This is what the button complete trigger should look like:

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 12: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

4. It is imperative that the triggers for this function are in a specific order. If they are not in the correct order, the trigger/variable combination will not work. The order is:

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 13: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

As you can see, the typical order should read Disabled, Normal, Complete

For the Summary slide, the triggers should look like this*:

* If you are not using an on screen button to return to the menu and change your variable (and are instead using the Next button) Just be sure that the variable trigger is first in order.

5. An important thing to remember about your Course Menu and Summary slides is these slides should be set to Resume Saved State in the slide properties. Although we set all of our slides to Reset to Initial State, these slides contain triggers and variables that we do not want to reset. So, simply go into the slide properties as we did when creating our course and select Resume Saved State for these 2 slides.

Using Number Variables

Number variables are mainly used to track the number of attempts which is then used in many different ways. The most common way we would use this concept is to prevent the enabling of the Next button until the user clicks all required objects on the screen.

There are other neat ways to use this, as in giving quiz answers weighted values. For example, if the user is given a scenario and then asked to choose the best answer or next step to take in that scenario, there may be multiple answers. You may want to provide the user with different feedback depending on what answer they chose. Number variables are great for this situation. Here is a tutorial: https://community.articulate.com/series/articulate-storyline-1/articles/adding-number-variables Note that this tutorial is for Storyline 1 but still works the same. I found it easier to understand than the Storyline2 example.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 14: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

TIP: To see your variable working, create a text box with %nameofyourvariable% and put it somewhere on the screen so you can be sure it is working how you want it to. This is not something that we would typically want the client to see, so it needs to be deleted or moved off screen beforehand.

Using True/False Variables

True/false variables are best used when you want to change the state of something dependent on whether the user has done something through a series of slides. An example of this would be the course menu situation where buttons change states based on whether the user has completed sections of learning. For a detailed explanation of how to use this variable, see the section titled Course Menu: Variables and Triggers.

TIP for Triggers and Variables

If you are using triggers and variables and the process is not working as you intended, try playing with the order of the triggers.

Triggers fire instantaneously, but in order. So you have to think about the way a process needs to happen for it to work correctly. To move your triggers up and down, select the trigger and use the arrow keys to move its location.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 15: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

Layers vs. StatesWhen creating interactions, layers have proven to be significantly more convenient than states. This is true for the storyboard building process as well as the editing process.

To create layers that work like states, allow all background graphics to be visible. Create your layers so that the new text and/or graphic works to align perfectly with the design of the main layer (ideally WITHOUT having to HIDE anything).

A trigger can be added which changes the state of the initial text or graphic to “hidden” when the user clicks a button. This trigger should be placed on the button in question.

If you decide to create layers that require things to be hidden from the main screen, a good practice would be to add a rectangle that covers the part of the slide in question to essentially camouflage the new layer. The reason for this is that storyline tends to malfunction when dragging the play bar and this process could prevent the graphic displays from becoming distorted. Also, this will help when publishing the course to a storyboard.

Audio Pros: Using layers makes adding your audio easier. Instead of having to create triggers that play/pause media based on button selection, audio files on layers will always play when that layer’s timeline starts.

Trigger and Timing Pros: You cannot add triggers to states and there is no visible timeline for states. Layers are much more convenient as they have their own timeline and animations are much more simply added to objects.

States aren’t all bad. There are great ways to use state changes in your interactions. For a refresher on states or some ideas for using them, watch this tutorial: https://community.articulate.com/series/20/articles/creating-interactivity-with-triggered-state-changes

Auto-Advance versus Advance by User

Each slide has the properties tool, found in the lower right corner, which allows you to control how the slide advances to the next.

To set it up so the user has to select the Next button to move forward, the property should be set to “Advance by User.”

To have the slide continue to the next without any action from the learner, change the property to read “Advance Automatically.”

If your slides are advancing automatically, you will want to consider taking away the next (and possibly the previous) button.

You can have both. Perhaps you want to give the learner the option to use the next button, but

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 16: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

advance the slide if they do not take action. In this case, you will follow 3 steps:

i. Set the slide properties to Advance automatically and leave the Next and Previous buttons checked.

ii. A new trigger will automatically be created. If you later change your mind (or the client does) you can change the slide property back to advance by user and the trigger will disappear.

iii. Extend your timeline slightly longer than it was (recommend 2 seconds longer than narration)

iv. Create or edit a trigger that changes the state of your next button to normal so that the state change occurs 2 seconds before the end of the slide.

Either by changing the state when the media ends OR

By changing the state when the timeline reaches a specific time.

Sliders

Using sliders can be tricky and not always the right choice. They don’t always work as smoothly as we’d like and as time goes on, we’ve seen problems occur with their usage. However, if you think you have a great use for a slider, follow these rules:

1: Both states and layers can be used in this situation; if using layers be sure that the slide settings allow the user to click on the base layer.

2: Your triggers should resemble this: (example uses states, it is imperative that you do not forget to add a trigger for when the slider is equal to 0)

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 17: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

3: If you will have narration that plays through, you must use states. If your narration will change (start/stop) with the slider movement, you must add triggers that play and stop media on each layer OR you must trigger the media to stop/play depending upon slider location.

4: The slide and all corresponding layers must be set to “Reset to Initial State”

TIP: Process interactions can be good scenarios for the use of sliders.

Here are some slider examples from the Articulate forums than can help us better understand how to use sliders:

https://community.articulate.com/articles/how-to-build-a-simple-process-interaction-using- sliders-in-storyline (Process Interaction)

https://community.articulate.com/articles/using-a-slider-interaction-to-track-user-responses (Rating Scale)

http://stylelearn.com/elhchallenges/contrast/story.html https://community.articulate.com/e-learning-examples/storyline-2-then-and-now-slider (Showing Contrast)

https://community.articulate.com/e-learning-examples/storyline-2-sea-level-rise-slider (Showing change over time)

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 18: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

Articulate tutorial for using sliders: https://community.articulate.com/series/articulate-storyline-2/articles/adding-sliders

Adding Audio on slides with triggers, states, and layersWhen adding audio to a screen it is sometimes as simple as adding the audio file, maybe adjusting objects on the timeline, and moving on to the next screen. However, interactive slides will be more complicated. Adding audio itself is simple. You can add it one of two ways:

1. Add audio to the slide itself by selecting the insert tab and selecting audio. Left untouched, this audio will play as soon as the slide starts.

2. Add audio to an object using a trigger:For this, you still need to add the audio to the slide as mentioned above, but it will not play automatically. Instead, it will play according to the command you have set up in the trigger wizard.

3. In these situations, you will most likely be adding audio to several buttons. For this you will need to add 2 triggers to each button (or whatever it is the user is selecting to play the next audio clip. One trigger will need to STOP the previous media (audio file) and the other will need to PLAY the correct media.

4. The same is true for adding audio clips to each slide layer. If the user does some action to show a layer, that same action needs to STOP the audio file on the base layer AND all other layers. When adding audio to a layer, no trigger is needed as you will simply add the audio file to that

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 19: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

slide layer and it will play when the slide layer is accessed by the user. There is no guarantee that the user will follow your planned order and the user must be able to move back and forth through layers. So, triggers must be added to stop all other media files when another is set to play.

Adding Video Files

Adding video to your courses is very simple and is done similar to the way we add audio. Videos added to your project will be automatically synchronized with the slide and controlled by the timeline. Interactive SWF files must be inserted as Flash movies (link also on the below mentioned page).

The information is very simply outlined on this page: https://community.articulate.com/series/4/articles/adding-videos-in-articulate-storyline-2

The above link provides the information for adding MP4, SWF, and FLV files as well as adding videos from websites (not YouTube as this is no longer allowed as of 5/2015), and webcams.

Questions/Quizzing: Templates versus Free Form

Storyline has several question slides that are already built in. To view these, select new slide > quizzing > desired question type. These are convenient to use as they are already set up with feedback, states, drag and drop options, etc. However, they are limited in their design and need to be doctored according to your project design.

There is another option for creating questions: convert to freeform. This is best used for drag and drop interactions involving graphics or images OR more complicated and interactive question slides. For the best information on converting static slides to freeform quiz questions, watch this tutorial: https://community.articulate.com/series/getting-started-with-articulate-storyline-2/articles/creating-a-freeform-question

Once a slide is converted to freeform you will be able to easily choose graphics/shapes/text boxes and turn them into objects that the user will select or drag and drop to answer the question you have designed. Feedback layers will automatically be set up as well.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 20: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

For fun, here is a neat freeform question design I came across: https://community.articulate.com/e-learning-examples/storyline-2-visual-association-freeform-pick-many-quiz The storyline file can be found in the comments!

Creating Different Feedback Slides

Quiz question feedback does not have to be the monotone gray box for every project. There are many different approaches we can take to design more exciting and appealing feedback layers. Feedback slides are controlled via the Master slides.

To create a new feedback style:

i. Select view and then select feedback master

ii. Insert a new slide master

iii. Edit your slide master according to your design plan by deleting or adjusting the grey box

iv. Add whatever shapes/graphics/text styles you choose, but be sure to make the correct changes to the correct, incorrect, and try again masters.

v. When you return to your project, you may see text boxes left over from the old feedback styles. They can easily be deleted on each slide, however this is frustrating and I haven’t found a solution. I currently have a question into the articulate forums. Although I have not found the perfect solution for this, sometimes saving your work, exiting the project, re-opening the course, and then again changing the layout will fix the problem. Unfortunately, you will have to delete any extra text boxes on each layer as you work.

vi. If you see a feedback style different than the one you designed, right click on the background to bring up the menu and select layout, and then select the layout you intended for that slide.

Resetting the Question for Try Again Option

With Storyline, we are given the option to let the user try to answer a question correctly in more than one attempt. Unfortunately, the slide does not reset when the user returns to the base layer to attempt the question a 2nd time. In order to combat this, you will need to create an additional and identical slide.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 21: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

1. The first slide must be set to allow 2 attempts but will only have a correct and try again layer.

2. On the try again layer, add a trigger to the continue button of the feedback box that jumps to a slide (your duplicated question slide). Be sure that the continue button on the correct layer jumps to the next slide that is not the question duplicate.

3. On the duplicate question slide, set the attempts to 1.

You can also try another option which is a bit cleaner but requires the use of variables.

1. On the try again layer, create a trigger that jumps to the question slide when the user clicks the continue button, this should reset the slide to the initial state

2. You must create a variable that moves the user forward if they provide an incorrect answer on the 2nd attempt (if they keep getting the answer wrong, they will keep seeing the try again layer in an endless loop)

i. Create a question slide with unlimited attempts

ii. Assign the continue button on the try again layer to jump to the question slide

iii. Create 2 number variables (perhaps named TryAgain) with a starting point of zero

iv. Add a trigger to the submit button on that question that adjusts the TryAgain variable by adding +1 each time the user clicks the submit button

v. Add a trigger to the submit button that jumps to the next slide on the condition that the variable is = 2 (which means the submit button on that slide has been used twice)

Publishing the CourseFollow these instructions to publish your course for viewing on the LMS:

1. Work from a local copy2. Select Publish from the Storyline tool bar3. Select LMS on the left side4. Check the title: is this the correct title? If not, exit the publish options and go into your player to

change the course title. Then, save your course and resume with the publishing process.5. Ensure the following boxes are selected according to the image

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 22: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

6. Take note of where your course files will be published to:

7. Select Reporting and Tracking8. For SCORM, the Reporting tab should look like this:

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 23: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

The Tracking tab should look similar to this (it is important that the minimum number of slides viewed is 1 – 2 less than the total number of slides)

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 24: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

9. Select OK and you will return to the main screen for publishing options. 10. Select Publish11. When publishing is complete, select OPEN.12. You will then be provided with a list of files that looks like this:13. Select all of the files (select the first, hold the shift key, and select the last)14. Right click on the .swf file and select send to > compressed folder

15. Name your folder according to the title of the course or the format suggested in our Standards course.

16. Select Browse and search for your zipped file (Remember that in step 6 we took note of where our files were published to. Most likely, the file can be found on the C drive (user/documents/my articulate…). When you find it, select open.

17. When the file has finished uploading, select Invite and create a public invitation.18. When the link shows, select that link and ensure all works properly, and then you are ready to

share it!19. Important next step: go to your source file and copy it to the published folder for your course

on the shared drive, naming it according to Standard conventions.

Clearing CacheMany Storyline users have had issues when publishing and viewing their courses: button functionality, moved text/graphic, content from old versions showing up, etc. The answer seems to repeatedly be to clear the browser cache and ensure that you are working locally and not from a shared network.

To clear the cache in most browsers (Windows), select Ctrl-Shift-Delete and the options will pop up to delete cookies and browsing history. To see other methods, visit this site: https://kb.iu.edu/d/ahic#ie

Your options should look like the image below (IE). Make the choices shown here and then select

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 25: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

“Delete”.

This issue is yet another reason why it is imperative that we view a course from start to finish before sending it to a client. Additionally, if the client has seen the course multiple times on their browser, cache issues may occur for them. To combat this, save your storyline course with a new file name and then publish it before sending it over to the client.

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484

Page 26: Storyline Tips and Techniques

Helpful Tips and Techniques for Storyline 2

Helpful Tutorials and Tips by OthersPrinciples of Design: http://articulate-heroes-authoring.s3.amazonaws.com/Nicole/Demos/DesignPrinciples/PrinciplesofDesign2-output/story.html

Cleaning Up and Organizing the Player: https://community.articulate.com/series/41/articles/articulate-storyline-player-menu

Creating an Invisible Player: https://community.articulate.com/series/41/articles/make-articulate-storyline-player-invisible

Example Course: Interactive through Conversation: https://community.articulate.com/e-learning-examples/storyline-2-interactive-conversation

Ideas for using background fill (with photo) on slides: https://community.articulate.com/discussions/articulate-storyline/ideas-for-using-slide-background-fill (There is also a neat question slide in this thread to check out, use the hyperlink titled “published output” to view it)

SoftAssist, Inc. 700 American Avenue, Suite 205, King of Prussia, Pa. 19087 610.265.8484