1. Prototyping
for Instructional
Design
Kayla T. Orton
University of Houston Clear Lake

2. What Is Prototyping?
• A blueprint for organizing instructional
notes and training materials
• A sequence of drawings and text that
depicts conceptual ideas and the flow
of information
Prototyping for Instructional Design

3. Why Prototype?
• think through each page or screen
• plan out the content details
• visualize and convey learner content
before investing
a large amount
of time or money
Prototyping for Instructional Design
in the final product

4. Two Basic Methods
Prototyping for Instructional Design
StoryBoarding Rapid Prototyping

5. StoryBoarding

6. Storyboarding
• Development phase of the Analyze, Design,
Develop, Implement and Evaluate (ADDIE)
process (Malamed, 2012)
• First crafted at Walt Disney Studio in the
1930’s
Prototyping for Instructional Design

7. Storyboarding Execution
• Post-it handwritten notes or sketches on a
sheet of paper
• Adobe Illustrator, Word, Powerpoint,
other design programs
• Each page or slide represents one screen
Prototypinginstructional product Design
of the final for Instructional

8. Benefits
• Develop effective learner content in sequence
• Work out the content details before
production phase.
• Present ideas to the internal team or
stakeholders
• Make recommended changes before a large
Prototyping for Instructional Design
time investment

9. Rapid Prototyping

10. Rapid Prototyping
• Also called:
– Spiral Method
– Iterative Design
• Uses:
– Non-linear products
Prototyping for Instructional Design
– Interactive online instructional materials
– Learner/choice guided materials

11. Rapid Prototyping
• Repetitive implementation-evaluation cycle
• Allows the instructional product to be
constantly tested, reviewed and enhanced,
beginning early on in the ADDIE process
(Malamed, 2012).
Prototyping for Instructional Design

12. Rapid Prototyping Execution
• Paper and pen as initial mediums
• Electronic mediums as product development
progresses and user-interface is improved
(Culata, 2011)
• Utilize actual authoring software:
– Powerpoint
Prototyping for Instructional Design
– Articulate
– Captivate

13. Benefits
• Evaluate the product throughout the
product life cycle
• Test preliminary training programs
• Provide stakeholders with a realistic mock
up of the final product
• Shorten product production time:
Prototyping for Instructional Design
– resolve design/interface issues early on
• Save time and money

14. Summary
• Carefully organize your sequence of contextual
text and images
• Effectively convey your strategy and concepts to:
– team members
– stakeholders
– test users
Prototyping for before production Design
• Work out details Instructional
• Create a cost-effective, improved end product

15. References
Culata, R. (2011). Storyboarding. Retrieved from
http://www.instructionaldesign.org/storyboarding.html
Culata, R. (2011). Rapid Prototyping. Retrieved from
http://www.instructionaldesign.org/models/rapid_prototyping.html
Instructional Technology/Instructional Design/Rapid Prototyping (2011). Retrieved from
http://en.wikibooks.org/wiki/Instructional_Technology/Instructional_Design/Rapid_
Prototyping
Malamed, C. (2012). Storyboards for eLearning. Retrieved from
http://theelearningcoach.com/elearning_design/storyboards-for-elearning/
Prototyping for Instructional Design
Wakefield, J. (2008). Storyboarding. Retrieved from
http://jenny.wakefield.net/instruction/instructional-design/design2/storyboarding.html