Articulate Challenge #85: Wireframes & Functional Prototypes



This is my response to one of Articulate’s E-Learning Challenges. This challenge was to build a functional prototype of an E-Learning course in a few hours. The challenge scenario presented is: you have a morning meeting with a client, who gives you a 194 page PowerPoint to convert to an E-Learning course. You tell the client you can create a functional E-Learning course prototype based on that PowerPoint in time for an afternoon meeting the same day with that client.




I decided to see what I could do with this challenge in under 2 hours. There was no time to read the entire PowerPoint, or view the whole PowerPoint as a slide show. For me, outlining the course is key, so I looked at the PowerPoint in slide sorter view to pick out several main categories to address in the course.
slide sorter view








Then I grabbed some images from the PowerPoint to put in the prototype. Next, I outlined the elements the course would contain.











I was ready to start making the prototype, and I wanted a template I could use and adapt quickly. I immediately decided to check and see if a likely template was available for download on the Articulate website. I found Allison LaMotte’s Sleek Custom UI Template, thought it was beautiful, and decided to go with that. I had Tim Slade’s Trivia Game template already. I tweaked the appearance of both templates, and dropped in some dummy text & images. My prototype shows the structure of the course I’m proposing, and the elements that would go into the course.

Rapid Prototype - Title Screen
OSHA Fall Prevention Course
Enlarge Image
This screen would list the behavioral objectives of the course.
Course Objectives
Enlarge Image
This is Home page.
OSHA Navigation Screen
Enlarge Image
Module 1 Home page
Enlarge Image
Mock Scenarios
Enlarge Image
Mock Scenario slide
Enlarge Image
Video Slide example
Enlarge Image
The learner must make a choice.
Enlarge Image
Snap Decision Game
Enlarge Image
Example Certificate
Enlarge Image
Powered By Creative Image Slider.
If I had time before meeting with the client to go over the outline and prototype, I would read more about one of the categories. Then I would be able to suggest some specific scenarios, and also talk about how potentially games could be used to teach learners how to make quick, sound, safety decisions under pressure. I would also be more able to discuss the behavioral objectives of the course with the client at that point.

David Anderson, Community Manager at Articulate, commented on the process of rapidly putting together an E-Learning prototype for a client:

It’s a little like e-learning improv. … I think Tracy’s example is a great example of what functional prototypes are about. I also appreciate how she leveraged an existing template to pull her outline together.

Who knew the years I spent doing improvs in Drama Production classes in high school would eventually pay off in creating E-Learning prototypes?

Authoring tools: PowerPoint 16, Articulate Storyline 2


Leave a Reply

Your email address will not be published. Required fields are marked *