Concurrent Design: Putting Design Plans into Development Action
- 745 Downloads
In the WBID Model, design and development activities are completed concurrently. The design planning, which results in the WBI Strategy Worksheet, is the basis for developing the prototypes and online instruction. Additionally, message and visual design principles help guide the development, assembly, and organization of the instruction and LMS/website content. Initial development tasks include developing an interface prototype, creating flowcharts, and developing storyboards. Later development tasks include fully developing the digital elements that will be deployed in the LMS, converting prototypes into Web pages, and incorporating media. Formative evaluation procedures are included to ensure that resulting online instruction meets design specifications.
This chapter begins with a discussion on basic principles related to message and visual design within an LMS framework. Next, we present a brief description of an interface, including the use of visual metaphor and analogy, which culminates in sketching an interface and revising the initial prototype based on message design. We then introduce and discuss types of flowcharts and two types of storyboards that can be used to develop online instruction. A discussion on the technical issues associated with development follows. The chapter closes with an overview of final developmental tasks related to formative evaluation.
KeywordsFlowcharts Storyboards Noise Message design Visual design Metaphors Interface Prototypes Style guide
- Alexander, J. E., & Tate, M. A. (1999). Web wisdom. Mahwah, NJ: Lawrence Erlbaum Associates.Google Scholar
- Americans with Disabilities Act of 1990, Pub. L. No. 101-336, 104 Stat. 328 (1990).Google Scholar
- Articulate. (2014). Essential guide to visual design. Retrieved from http://www.articulate.com.
- Bishop, M. J. (2013). Instructional message design: Past, present and future relevance. In J. M. Spector, M. D. Merrill, J. Elen, & M. J. Bishop (Eds.), Handbook of research on educational communications and technology (4th ed., pp. 373–383). New York, NY: Springer.Google Scholar
- Clark, R. C., & Mayer, R. E. (2003). E-learning and the science of instruction: Proven guidelines for consumers and designers of multimedia learning. San Francisco, CA: Jossey-Bass/Pfeiffer.Google Scholar
- Colson, R. Scott, E. & Donaldson, R (2017). Supporting librarians in making the business case for OER. The Reference Librarian, 1–10. http://dx.doi.org/10.1080/02763877.2017.1377665Google Scholar
- Creative Commons. (2016). Website. Retrieved from https://creativecommons.org/.
- David, A., & Glore, P. (2010). The impact of design and aesthetics on usability, credibility, and learning in an online environment. Online Journal of Distance Learning Administration, 13(4). Retrieved from http://wp.westga.edu/wp-content/uploads/sites/40/ojdla/winter134/david_glore134.pdf.
- Davis, T. (2015). Visual design for online learning. San Francisco, CA: Jossey-Bass.Google Scholar
- Driscoll, M. P. (2005). Psychology of learning for instruction (3rd ed.). Boston, MA: Pearson.Google Scholar
- Elias, T. (2010). Universal instructional design principles for Moodle. International Review of Research in Open and Distance Learning, 11(2). Retrieved from http://www.irrodl.org/index.php/irrodl/article/view/869/1579.
- Grabowski, B. L. (1995). Message design: Issues and trends. In G. J. Anglin (Ed.), Instructional technology: Past, present and future (2nd ed., pp. 222–232). Englewood, CO: Libraries Unlimited.Google Scholar
- Harding, D., & Ingraham, B. (2013). The art of design. In H. Beetham & R. Sharpe (Eds.), Rethinking pedagogy for a digital age: Designing for 21st century learning (2nd ed., pp. 177–187). New York, NY: Routledge.Google Scholar
- Hughes, M., & Burke, L. (2000). Usability testing of Web-based training. In B. H. Khan (Ed.), Web-based training (pp. 531–536). Englewood Cliffs, NJ: Educational Technology Publications.Google Scholar
- Jolliffe, A., Ritter, J., & Stevens, D. (2011). The online learning handbook: Developing and using web-based learning. New York, NY: Routledge.Google Scholar
- Jones, M. G., & Farquhar, J. D. (1997). User interface design for Web-based instruction. In B. H. Khan (Ed.), Web-based instruction (pp. 239–244). Englewood Cliffs, NJ: Educational Technology Publications.Google Scholar
- Kinder, H., & Articulate. (2015). How to use typography to improve your e-learning. Retrieved from https://community.articulate.com/e-books.
- Lohr, L. (2008). Creating graphics for learning and performance: Lessons in visual literacy (2nd ed.). Upper Saddle River, NJ: Pearson Education.Google Scholar
- Lynch, P. J., & Horton, S. (1999). Web style guide: Basic design principles for creating Web sites. New Haven, CT: Yale University Press.Google Scholar
- Mayer, R. E. (2011). Instruction based on visualization. In R. E. Mayer & P. A. Alexander (Eds.), Handbook of Research on Learning and Instruction (pp. 426–445). New York, NY: Routledge.Google Scholar
- McClelland, D., Eisman, K., & Stone, T. (2000). Web design studio secrets. New York, NY: John Wiley & Sons.Google Scholar
- Nielson, J. (2000). Designing web usability. Indianapolis, IN: New Riders.Google Scholar
- Richey, R. C., Klein, J. D., & Tracey, M. W. (2011). The instructional design knowledge base: Theory, research, and practice. New York, NY: Routledge.Google Scholar
- Rudd, J., Stern, K. R., & lsensee, S. (1996). Low vs. high fidelity prototyping debate. Interactions, 76–85.Google Scholar
- Simonson, M., Smaldino, S., & Zvaek, S. (2015). Teaching and learning at a distance: Foundations of distance education (6th ed.). Charlotte, NC: Information Age Publishing.Google Scholar
- Smaldino, S. E., Lowther, D. L., Mims, C., & Russell, J. D. (2015). Instructional technology and media for learning (11th ed.). Boston, MA: Pearson Education.Google Scholar
- Stim, R. (n.d.). Fair use: The four factors courts consider in a copyright infringement case. Nolo. Retrieved from http://www.nolo.com/legal-encyclopedia/fair-use-the-four-factors.html.
- W3C (2017). Standards. Retrieved from https://www.w3.org/.
- Zobel, S. (1997). Legal implications of intellectual property and the World Wide Web. In B. H. Khan (Ed.), Web-based instruction (pp. 337–340). Englewood Cliffs, NJ: Educational Technology Publications.Google Scholar