Microlearning

Microlearning can be effective in training employees. Yet, before the learning team goes off by themselves and spends the budget adding content, teams can use an iterative approach to test their ideas and concepts with the client or sponsor in rough form first.

Markdown or AsciiDoc can be used to create quick drafts/prototypes of content before all the expense is put into making the next level of detailed prototype with rapid learning development tools.

For example, I will show the asciidoc content of the storyboard. It is just a text file called storyboard.adoc. This prototype can be made really fast with just text and used to get feedback from the client/sponsor. It can be edited with any text editor like a phone, notepad++, Atom, etc, meaning it can be versioned to track the client/sponsor interactions and rolled back if necessary to an earlier version.

The text-based storyboard is quickly updated and copied to other tools as the next iteration of prototype development occurs.

You might wonder, "Why not just use MS Word for this storyboard?" Well, because Word embeds the images you may want to use in the rapid development tool. Word also adds cruft to the HTML that may require clean up before the copy/paste content can be used in the next iteration prototype.

For example, AsciiDoctor [1] turns this source…​

== Kinetic text-based animation video storyboard
**Goal**: Regulatory Compliance training for XYZ.

**Target**: 3.5 minutes

**Learning Objective**: Introduce the compliance mandate and build awareness.

---

=== Text Script Driving the Video (no audio)
// comment: Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for visual mockups.
// MotionDen is the tool for this asset

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

image::media/videoImage1.png[]

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

image::media/infographic2.png[]

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

image::media/videoImage3.png[]
// comment: hand drawn graphics used in this prototype iteration

---

=== Scenario-based learning
Blah blah blah blah blah.

//branching scenario description goes here

---

=== SRT caption text

1

00:00:01,600 --> 00:00:04,200

English (US)

2

00:00:05,900 --> 00:00:07,999

This is a subtitle in American English

3

00:00:10,000 --> 00:00:14,000

Adding subtitles is very easy to do

---

=== Quiz Question
Key: **Bold** indicates the correct answer.

Question 1 - blah blah blah blah blah?

a. Minim veniam, quis nostrud exercitation
b. **Deserunt mollit anim id est laborum**
c. Aliquip ex ea commodo consequat
d. Eiusmod tempor incididunt

into this draft. The rendered view looks better than just plain text, but no time was spent adding formatting for just a storyboard prototype. This saves time and money for the learning development team.

Note
I did not put the images in the media folder, so they show as a missing image icon.
rendered storyboard1
Figure 1. Rendered Storyboard

You can structure your storyboard however you like to fit your context.

Although not many rapid development tools yet use markdown or asciidoc, some are beginning to incorporate it. Worst case, you can copy and paste the content to the rapid development tool once the back and forth with the client/sponsor has led to agreement for the training.

Also if using voiceover, the script can be given to the voice talent to record the audio voiceover. If already in another rapid prototyping iteration and the voiceover is recorded, AsciiDoc allows easily adding the audio and the draft video too. The plain text syntax for that is audio::media/voiceover1.mp3, and adding the audio file to the media folder.

The biggest reason to use this approach is that the team can edit on the fly with the client/sponsor and re-render the storyboard in seconds. Clients/sponsors tend to enjoy this type of rapid prototyping immediate change to their feedback.


1. See https://asciidoctor.org/ for more detail about how to quickly render the plain text into formated HTML or PDF.
comments powered by Disqus