Interactive Demo

Build the Map

My Role
  • Instructional Designer
  • eLearning Developer
  • Video Editor
Year
  • 2019
Tools
  • Articulate Storyline 360
  • Adobe Photoshop
  • Adobe Illustrator

Learning Objective

Demonstrate knowledge of the DiSC Map, including dimensions (vertical/horizontal), style motivations, tendencies, and limitations through an interactive drag-and-drop activity.

Target Audience

Professional adults seeking Everything DiSC Certification credentials (facilitators who have completed foundational training).

What I did

I designed and developed an interactive drag-and-drop activity where learners place DiSC terms onto the correct areas of the map. The technical challenge was handling terms that appeared twice—like “Maintaining Stability” (S and C) and “Taking Action” (D and i)—and ensuring the logic worked regardless of which position learners filled first.

I also managed space constraints in the holding area by hiding items and changing their state as space became available. The activity needed to align with page 7 of the printed reports, so I maintained consistency with existing terminology and visual design.

Key Skill Showcase

  • Complex variable logic in Articulate Storyline to handle duplicate terms and state changes
  • Content alignment across multiple course materials and reports

Design Rationale & Reflection

I was initially concerned this would feel redundant, but the activity received a 4.75/5 rating from 508 learners, with over 11,000 completions.

This activity confirmed that the fundamentals work. eLearning doesn’t always need to be flashy or clever—learners often appreciate straightforward knowledge checks. Placed mid-course, this drag-and-drop format was ideal for cementing learning: it challenged learners to apply their knowledge without requiring total recall (the terms were provided), making it more engaging than multiple choice while still being accessible.

Looking back, I would explore using JavaScript or a React component to randomize term placement and further streamline the logic. At the time, I solved the constraints with creative variable management in Storyline, which worked well but required careful planning.