Posts Tagged with “#Instructional Design”

Demystifying the ADDIE Process: A Beginner’s Guide

Instructional Design
0 Comments
2024-05-17

Welcome to the world of instructional design!

If you’re new to instructional design, you might have heard of the ADDIE model but aren’t quite sure what it entails. Fear not! This blog post will break down the ADDIE process into bite-sized pieces, making it easy for anyone to understand.

What is ADDIE?

ADDIE stands for Analysis, Design, Development, Implementation, and Evaluation. It’s a framework that many instructional designers and training developers use to create effective learning materials.

Why use ADDIE?

The beauty of ADDIE lies in its flexibility and systematic approach. It guides us through creating educational programs that are both effective and efficient. Plus, it’s iterative, meaning we can continually improve our materials based on feedback.

So there you have it—a quick tour of the ADDIE process. Whether you’re an aspiring instructional designer or just curious about how learning experiences are crafted, understanding ADDIE is a great place to start! I hope this blog post helps clarify the ADDIE process for you.
If you found this content useful to you, your business, school or institution, comment and share.

Learn the power to attract, to persuade, and to engage your audience using images

Instructional Design
Comments Closed
2020-06-23

A picture is worth a thousand words

That phrase may be cliché, but it is one all designers should live by. Images have the power to attract, to persuade, and to engage your audience. Images can make any design more powerful and enrich your content.

Image. Courtesy of Georgie Cobbs


Images are processed 60,000 times faster than text. People remember 10 percent of what they hear, 20 percent of what they read, and 80 percent of what they see.

The power of visual communication has rocketed with the rise of digital and social media. An image in your design can help you connect with the audience and make a strong impression even before they’ve even read a single word.

Adding images to your work can make all the difference in your design.  Keep it in mind when planning your next project.

The video is courtesy of GCFLearnFree.org.

Learn a little to make a big difference when typography matters

Instructional Design, Visual Design
0 Comments
2020-05-11

Typography is about much more than making the words legible.

It’s central to the skills of a designer. But typography is much more than the “design” of the typeface and characters. It also includes the arrangement of the letters and characters, the point size, line length, the spacing between characters, and lines.

Image. Courtesy of Runyu Xia


Typography is everywhere and there are many typefaces. It can be overwhelming. The choice of typeface you choose and how it works with your layout, grid, colour scheme and so on will make the difference between a good, bad and great design.Selecting a typeface is daunting and intimidating. It doesn’t have to be. You just need to know a little to make a big difference. Knowing just a little will help you overcome typography challenges when planning your design.

When you realize how much thought that goes into carefully selecting a typeface, it will become easier to recognize the differences between typefaces, and understand why they might’ve been chosen in the first place.

The video is courtesy of GCFLearnFree.org.

Learn the five rules of design composition & layout

Instructional Design, Visual Design
Comments Closed
2020-05-06

Composition & layout are the building blocks of graphic design.

All graphic design projects start with the composition and layout. This gives your project structure, and determines which concepts work well together to obtain your desired result.

A strong composition will attract attention and engage the viewer whether the project is a print, web, mobile, and many more designs. Without a well composed layout, your project will basically fall apart, potentially miscommunicate, disengage, and eventually confuse your reader.

The following video provides you with five rules to consider when you begin your design.  This video is a great quick refresher but it’s also great for people who just dabble into visual design. By having the foundational knowledge of composition & layout, with time, and care, you can create an incredible experience for your viewer for any design project.

 

The video is courtesy of GCFLearnFree.org.

Better plan your designs with amazing colour combinations

Instructional Design, Visual Design
0 Comments
2020-04-29

Colour plays an important role in the visual design of your project.

It can attract attention, organize content, emphasize elements, evoke emotion and help a design look aesthetically pleasing.


Designers work with colour on a daily basis. Colour is integral to good design when designing an mobile app, an eLearning, a print project, or a company brand.

Without knowing the fundamentals of colour,  you can spend hours trying to find the colour combinations for your project. These are hours you can spend on more important tasks on a project.

 

I found the following video as a great refresher. If you’re new to visual design, it can help you overcome hurdles and help you better plan your designs with amazing colour combinations.

The video is courtesy of GCFLearnFree.org.

Storyline 3: Capturing text of your learner and displaying it elsewhere

Instructional Design
0 Comments
2020-04-17

Learn how to personalize your project by allowing your learner to input their name in a field and have their name displayed on another page.

This is great feature to apply if you have a certificate of completion at the end your project or if you want to personalize it using the participants name.

Level of difficulty: Easy

Follow the detailed steps. Click the + to expand.

1. Select your first slide in slide view.
2. From the Insert tab, go to the Interaction Objects group.

3. Click the Input button.

4. From the options, click Text Entry Field from Data Entry category.

5. Place the text entry field in your slide.

You can apply these optional steps
• Rename the object in your timeline. For example, ParticipantName
• Change the properties of the object. For example, font type, size, or color

1. Go to the Triggers panel and click the click the Manage Project Variables button

2. The Variables window will appear. Notice a Variable is auto-generated when you created the Text Entry Field

3. Double-click the variable.
4. Refer to the variable Name and Default value fields and rename and add a default value. For example, YourName in the variable Name field and Insert your name in the Default value field.

Keep this variable name in mind. You will need to refer to this later in the project.
6. Click the OK button to close the Variable window.
7. Click the OK button to close the Variables window.

1. Select a slide where you want the data to be displayed
2. Click the Insert tab

3. From the Text group, click text box and insert it on our slide.
Important. Make sure your cursor is blinking in the text box.

4. Refer to the Insert tab

5. From the Text group, click the Reference button – a reference window will appear.

6. Select the Variable name. For example, YourName.
7. Click the OK button
8. The Variable will auto-populate in the text box.

9. Save and preview your project.

Did you find this useful? We need your support to empower others like you through learning.

Storyline 3: Restrict or lock down your navigation

Instructional Design
0 Comments
2020-03-18

Learn how to restrict or lock down navigation throughout a Storyline course until the timeline ends.

By applying this feature in your design, you’re making sure your learners don’t:

• Skip ahead by clicking the built-in next button
• Jump from one topic to the other using the built-in navigation menu

Only until the timeline has completed, the learner can move to the next page of their learning. Before following these steps, have your project ready with all your pages built and be in slide view.

Level of difficulty: Intermediate

Follow the detailed steps. Click the + to expand.

Loader image

1. Select your first slide in slide view.

2. From the HOME tab, click the Player button from the Publish section – the Player Properties window will appear.

3. Click the Menu button from the Data section. You will see a list of all your pages.

4. Click the gear icon for additional options – a Menu Options window will appear.

5. From the menu dropdown, select Restricted. When selecting Restricted, you allow the learner to jump to previous slides but not jump ahead. If you were to select Locked, learners can’t jump back or forward.

6. Click OK to close the Menu Options window.
7. Click OK to close the Player Properties window.

1. Click on the VIEW tab.
2. Open the slide master by clicking the Slide Master button.

3. Select the Master slide or Parent slide. Do not select the individual layouts.

4. Refer to the Triggers panel and click the Manage Project Variables button – the variables window will appear.

5. In the Variables window, click the “+” button to add a variable – a variable pop-up window will appear.

6. Enter the following:
• Name: For example, GoNext
• Type: True/False
• Default value: False

7. Click the OK button to close the Variable window
8. Click the OK button to close the Variables window

Trigger 1
1. Refer to the Triggers panel.

2. Click the Create a new trigger button – A Trigger Wizard window will appear.
3. Enter the following:
• Action: Adjust variable
• Variable: Select the newly created variable. For example, GoNext
• Operator: = Assignment
• Value: Value; False
• When: Timeline starts
• Object: Select the Slide Master (make sure you do not select from the drop-down any of the object on the slide)

4. Click OK to close the Trigger Wizard window.

Trigger 2
1. Refer to the Triggers panel.

2. Click the Create a new trigger button – A Trigger Wizard window will appear.
3. Enter the following:
• Action: Adjust variable
• Variable: Select the newly created variable. For example, GoNext
• Operator: = Assignment
• Value: Value; True
• When: Timeline ends
• Object: Select the Slide Master

4. Click OK to close the Trigger Wizard window.
5. Close the slide master by clicking the Close Slide Master View button from the Slide Master tab.

1. Select the first slide.
2. Refer to the Triggers panel.
3. Double click Jump to next slide trigger – the Trigger Wizard window will appear.

4. Click the Show Conditions button.

5. Click the “+” button to add a new “add” or “or” condition – the Add Trigger Condition window will appear.

6. Enter/select the following:
• List: Variable
• If: GoNext
• Operator: == Equal to
• Type: Value
• Value: True

7. Click the OK button to close the Add Trigger Condition window.
8. Click the OK button to close the Tigger Wizard window.

1. Refer to the Triggers panel on your first slide.
2. Highlight your Trigger with the new condition and click the Copy the Selected Trigger button.

3. Highlight your other slide by selecting your slide, press the SHIFT key, and click the last slide.

4. When all your slides are selected, press CTRL + V to paste the trigger with the new condition.
5. Visit each slide to verify the new trigger was pasted into it. Notice in each slide you should have two triggers to jump to next slide. They should include the original trigger without the condition and the new trigger with the condition.
6. Delete the original jump to next slide trigger each slide by highlighting the trigger and clicking the Delete the Selected Trigger button.

7. Save and preview your project.
8. Publish to SCORM or AICC.

Did you find this useful? We need your support to empower others like you through learning.

Storyline 3: Ensuring your learner watches an entire video before letting them continue

Instructional Design
Comments Closed
2020-01-25

Having an explainer video in your project is great. It makes the learning experience much more engaging.  But it’s not great if a learner can skip it.  

Building on my previous posting, having forced interactions, like watching a video, is great. Having forced interactions ensures your learners are visiting all the content before going forward with their training.

Before following these steps, have your video object in your project. As you go through the steps, notice similarities and patterns from my previous posting. This will help build your skills using storyline for future projects.

Level of difficulty: Intermediate

Follow the detailed steps. Click the + to expand.
Loader image

1. Refer to the Triggers panel and click the Manage project variables button to create a new variable – A variables window will appear

2. Click the “+” button to create a new variable – A variable pop-up window will appear

3. Input the following:
• Name: (for example, SlideMovieComplete)
• Type: True/False
• Value: False

4. Click the OK button

1. Refer to the Triggers panel
2. Click Create a new Trigger button – The trigger Wizard window will appear
3. Input/select the following:
• Action: Adjust Variable
• Variable: SlideMovieComplete
• Operator: = Assignment
• Value: Value; True
• When: Media completes
• Object: {select the name of your movie}

4. Click the OK button

1. Refer to the Triggers panel
2. Click Create a new Trigger button – the Trigger Wizard window will appear
3. Input/select the following in the Trigger Wizard:
• Action: Jump to slide
• Slide: next slide
• When: User clicks
• Object: Next Button

4. On Condition, click the “+” button (Add a “New” or “Or” condition) – the Add Trigger Condition pop-up window will appear

5. Input/select the following:
• List: Variable
• If: SlideComplete
• Operator: == Equal to
• Type: Value
• Value: True

6. Click the OK button to close the Add Trigger Condition pop-up window
7. Click the OK button to close the Trigger Wizard window
8. Save your project
9. Publish your project to AICC or to SCORM

Did you find this useful? We need your support to empower others like you through learning.

Storyline 3: Disabling the default Next button

Instructional Design
Comments Closed
2020-01-12

When you want to force your learner to review all aspects on a page, a feature you would like to add to your training design is to applying a True/False Variable on the default Next button. 

This is a great feature when you want forced interactions in your page before the learner can go to the next page.

Before you begin and applying these steps in your project, create buttons on your slide with visited states and pop-up layers. To learn how, visit my other posting here.

Level of difficulty: Intermediate

Follow the detailed steps. Click the + to expand.
Loader image

1. Refer to the Triggers panel and click the Manage project variables button to create a new variable – A variables window will appear

2. Click the “+” button to create a new variable – A variable pop-up window will appear

3. Input the following:
• Name: (for example, SlideComplete)
• Type: True/False
• Value: False

4. Click the OK button

An example of a specific event would be when the user clicked all the buttons.
1. Refer to the Triggers panel
2. Click Create a new Trigger button – The trigger Wizard window will appear
3. Input/select the following:
• Action: Adjust Variable
• Variable: SlideComplete
• Operator: = Assignment
• Value: Value; True
• When: State
• On: Select all the named buttons on the slide
• Are: Visited

4. Click the OK button

1. Refer to the Triggers panel
2. Click Create a new Trigger button – the Trigger Wizard window will appear
3. Input/select the following in the Trigger Wizard:
• Action: Jump to slide
• Slide: next slide (or name of a preferred slide)
• When: User clicks
• Object: Next Button

4. On Condition, click the “+” button (Add a “New” or “Or” condition) – the Add Trigger Condition pop-up window will appear

5. Input/select the following:
• List: Variable
• If: SlideComplete
• Operator: == Equal to
• Type: Value
• Value: True

6. Click the OK button to close the Add Trigger Condition pop-up window
7. Click the OK button to close the Trigger Wizard window
8. Save your project
9. Publish your project to AICC or to SCORM

Did you find this useful? We need your support to empower others like you through learning.

Storyline 3: Applying Visited and Disabled states

Instructional Design
Comments Closed
2019-11-22

One feature you would like to add to your training design is to use the visited and disabled states.  This feature will indicate to your learners they visited an area of a slide.  These steps will also show how you can disable the button after they clicked it.

This is a great feature when you want show the learner they visited the content.

Follow the steps. Click the + to expand.
Loader image

1. Click New Project
2. In Story View, rename your Scene and Slide by double-clicking the scene name field and the slide name field

3. If applicable, add a new slide by clicking New Slide from the home tab and selecting your slide layout
4. Rename the new slide by double-clicking the slide name field
5. Save your project by clicking File, selecting Save As

1. In Story View, select your slide
2. Go to Slide Properties panel and refer to Slide navigation and gestures
3. Uncheck:
• Prev
• Next
• Submit

4. Double-click the slide in Story View

1. Click the Insert tab

2. Click Button from the Interactive Objects section

Label your buttons

1. Right-click the button
2. Select Edit Text from your dropdown list

3. Label your button

Name your button in your Timeline

1. Select the button on the slide to highlight the object in your Timeline
2. Double-click the name field in the Timeline

3. Rename the object's name
4. Repeat the steps until the number of buttons meet your design requirements

1. Refer to Slide Layers panel in slide view
2. Click New Layer

Rename your Layer

1. Double-click the layer to enable the name field
2. Rename your layer

Adding a shape to your layer

1. Ensure your renamed layer is highlighted
2. Click the Insert tab
3. Click Shape from the Media section

4. Choose a shape and insert it to your slide layer

Adding content to your shape

1. Right-click your shape
2. Select Edit Text from the dropdown list

3. Add your content

Rename your shape in your timeline

1. Select the shape on the slide layer to highlight the object in your Timeline
2. Double-click the name-field in the Timeline and rename the object's name

Add a Close button to the layer

1. Click the Insert tab

2. Click Button from the Interaction Objects section

3. Right-clicking the button and select Edit Text from the dropdown list

4. Label your button (for example, close)
5. Name the button in your Timeline by selecting the button in the slide layer to highlight it in your Timeline
6. Double-click the name-field in the Timeline and rename the object's name

Add a Trigger to the close button in your layer

1. Select the button
2. Refer to the Triggers panel and click Add trigger hyperlink - The Triggers Wizard window will appear

3. Apply the following values to the fields in the Trigger Wizard:
• Action: Hide Layer
• Layer: Select this Layer. If you have more than one layer, select the layer name
• When: User clicks
• Object: Select the object-name in context to the layer

4. Adjust the fields and click the OK button

Duplicating your layers (to match the number of buttons you created)

1. Select the layer from your Slide Layers panel
2. Click the Duplicate Selected Layer button and a copy of your layer will appear

3. After duplicating your layer(s), do the following:
• Rename the copy of the layer by double-clicking on the name-field and renaming it
• Rename your shape object
• Change-out the content to reflect your layers
• Rename your all object's name in the timelines
• Modify the trigger of your close button

4. Repeat steps until the number of layers match the number of buttons you created

Make sure you are on your main Slide View and not in your layers view. Check by going to your Slide Layers panel and verifying if your (Base Layer) is selected.
1. Select the button
2. Refer to the Triggers panel and click Add trigger hyperlink. The Trigger Wizard will appear

3. Apply the following values to the fields in the Trigger Wizard
• Action: Show Layer
• Layer: Select the layer you would like to appear which would be the name your gave to the layer object
• When: User clicks
• Object: Name of the button object

4. Adjust the fields and click the OK button

Modifying the Visited states

1. Click the States tab beside your Timeline
2. Click the EDIT STATES button

3. Click a button object on your slide
4. Select the Visited state

5. Click the FORMAT tab and adjust the button style so it is visually different than the other buttons

6. Repeat the steps to all your Visited state buttons

Modifying the Disabled state

1. Select the Disabled state

2. Click the FORMAT tab and modify the button style so it is visually different than the other buttons
3. Repeat the steps to all your buttons
4. Click the DONE EDITING STATES button

5. Return to your timeline by clicking the Timeline tab

1. Click on a button object
2. Refer to your Triggers panel and click Create a New Trigger. The Trigger Wizard will appear


4. Apply the following values to the fields in the Trigger Wizard window:
• Action: Change state of
• On Object: Select the button (name of) object you would like to change the state of when the user has clicked on it
• To State: Visited
• When: User clicks
• Object: Name of the (button) object

3. Click the OK button
5. Repeat the steps to all your buttons
6. When you're done applying the Visited trigger, apply the Disabled trigger by following the same steps.
7. Save, test your project, and when you're ready, publish your project to AICC or to SCORM for your LMS

Did you find this useful? We need your support to empower others like you through learning.
[wpedon id=”1451″ align=”center”]

1 2