Articulate Storyline

Medical Education for Healthcare Professionals

I developed this module for the federally-funded Pediatric Environmental Health Specialty Unit program (PEHSU). The intent of the module is to educate healthcare professionals on marijuana exposure in pediatric populations, which is becoming a growing concern as marijuana (recreational and medicinal) becomes legal across the United States. The module was originally developed in Articulate Storyline 2 and has since been upgraded to Storyline 360. The module is hosted on the PEHSU’s National Classroom.

Only two sections are enabled for demonstration purposes.

Functionality Used: Triggers, States, Layers, Branching, Drag and Drop Interaction, Zoom Regions, Motion Paths

Concept: Create a short eLearning module to educate healthcare professionals on marijuana exposures in pediatric populations


Combining Text and Images in E-Learning

Text and images are two of the most commonly used elements in e-Learning. Often designers will simply use a block of text and insert a relevant image to support the text. While this is an effective method of design, using text OVER an image can create a much more dramatic and engaging effect. This style of user interface is becoming more commonplace in print and web design, so it’s only natural us e-Learning designers are taking note and applying it to our design methods as well.

Using text over an image while maintaining readability can be tricky. A few techniques I use to maintain readability are:

  • Darken or lighten the image
  • Add a text box or container
  • Blur the background image

I applied all three of these techniques in the below example, designed for an Articulate e-Learning challenge.

Using Interactive Dials and Knobs in E-Learning

With Articulate’s November 2016 release of its new suite of products, Articulate 360, came a newer version of Storyline. The new version, Storyline 360, introduces dial functionality. Dials are pre-built into Storyline 360. You can also convert any object, graphic, or image to a custom dial. Dials are similar to sliders, but instead of moving along a straight path, dials move in an arc or a circular path.

Articulate recently challenged its e-Learning community to submit examples of how dials can be used in e-Learning. I wanted to focus on working with the dial functionality, so I grabbed a few graphics from to save time and put my concept into motion (pun, intended). My 4-year-old son has recently become confused about the time since the ending of Daylight Savings Time. The sun rises early and it’s dark by 6:00pm. I thought he’d enjoy turning the dial on a clock to see how the position of the sun changes in the sky.

Functionality Used: Dials

Concept: Illustrate how the position of the sun relates to the time of day


What is ADDIE?

It’s been a while since I’ve had the time to do one of Articulate’s e-Learning Challenges. I had a small amount of time between projects so I thought I’d use the opportunity to sharpen my skills. This week’s challenge was “What Should E-Learning Designers Know About the ADDIE Model?”

It’s been a while since I’ve worked with sliders so I used the challenge to refresh my skills using sliders paired with a trick I learned using animations in states. Clearly, this simple interactive slide doesn’t even begin to address all that e-Learning designers should know about the ADDIE model. It’s funny how a 5-letter acronym is used to describe such a detailed process. Perhaps that is why so many have dismissed it as it doesn’t really illustrate the tremendous work that goes into instructional design, especially e-Learning. At any rate, as someone who has been an instructional designer for many years now, ADDIE does provide a good foundation for a newbie unsure of where to begin. But, in the end, all instructional designers eventually find their own groove and settle into their own process for design.

Functionality Used: Sliders, Animated States

Concept: Create a clean and simple interaction using a slider and animated states to display an overview of ADDIE principles


Tabbed Course Template

I started working with a new client in June and it’s been a while since I’ve participated in Articulate’s e-Learning Challenges. I’ve spent the bulk of my time writing content and storyboarding and haven’t had much time to develop using Articulate. Since I had some down time over the holidays I thought it would be a great opportunity to get have some fun with Storyline.

The most recent challenge was How Can You Use Pantone’s Color of the Year 2016 in E-Learning? My sister is a Principal at a national design firm, so I had already heard about this color selection and the mixed opinion on Pantone’s selection – Rose Quartz and Serenity. Nevertheless, this challenge (for me) was about Storyline not the colors. I’d never created a tabbed template and have an upcoming project for which I’d like to use tabbing. I used multiple layers to achieve the tab navigation and created the icons in PowerPoint. As for the color scheme, I used one of Pantone’s suggested color pairings (below). I would have liked to have more time to further develop the template for the challenge, but alas, duty calls.


Functionality Used: Layers

Concept: Create a tabbed interaction slide using Pantone’s colors of the year


Teaching Math Concepts

The challenge for this week was to  design a short lesson to teach one or more math concepts. I immediately knew I wanted to create something that aligned with the Common Core State Standards for K-12 education. I choose to focus on working with time and money, which aligned with Grade 2 Common Core standard CCSS.MATH.CONTENT.2.MD.C.8.

I browsed various worksheets and exercises to get some inspiration. There is a wealth of teacher resources on the internet for applying Common Core in the classroom. I came across this free download on Jason’s Online Classroom. The Money I Have, Who Has? game is intended to be printed and played with one or more students. I adapted the game into a short lesson using Articulate Storyline 2. Learners are tasked with helping the main character, Bob, find the thieves who stole money from his piggy bank. They’re given a line-up of three suspects and must identify who has the correct amount of money by identifying the coins presented. They must also identify $ and ¢ signs appropriately.

TMS Health Management Orientation Series

This slideshow requires JavaScript.

I created this course for management associates of a pharmaceutical sales company. The goal of the course is to educate associates on basic pharmacy concepts and the company’s processes and services. This course was originally offered as a face-to-face course and I adapted the content for online delivery. I designed the course structure including the learning objectives, content layout, interactive activities, and assessment as well as the course style. The course was developed in Articulate Storyline.