Instruction > Interactive Design
Interactive Design
David Fortin (1997) has offered a definition of Interactivity that is appropriate across the differing contexts of information access, instruction, and performance support:
From a perspective focused on User Interface design and new media, Ray Kristof and Amy Satran (Interactivity by Design , 1995) offer the following description of interactivity:
"Computers and software are tools, and their purpose is to help people interact with words, numbers, and pictures. What's different today is that computer are being used for activities that never used to be considered interactive — such as reading, watching, or simply being entertained. And this means that the audience, not the designer, now controls the sequence, the pace and most importantly, what to look at, and what to ignore." (p. 1)
As pointed out by Katy Campbell ("The Web: Design for Active Learning", 1998) the importance of interactivity for instruction is more than just interface design; it establishes an environment of active learning:
"Interactivity in instructional design takes on more complex meaning. In good instruction, interactivity refers to active learning, in which the learner acts on the information to transform it into new, personal meaning. In a constructivist sense, the learner co-constructs meaning by exploring the environment, solving a problem, or applying information to a new situation that he/she helps to define." (p.1)
The Campbell article provides an excellent overview of Constructivist frameworks and Cognitive Theory as they relate to interactivity. Tables defining key elements and example links are provided. Schank & Cleary, Engines of Instruction (1995) is cited as a primary source. The following is Campbell's summary Schank & Cleary's "Five Teaching Architectures".
A navigational ability to view, link and access information as fixed media
Navigation involves perceptual aesthetics and utility. Messy screen design generates cognitive overload and distraction. An excellent resource for design of effective interfaces is provided by Bruce Tognazzini (AskTog.com) "First Principles of Interaction Design".
Four "golden rules" of interactive navigation design define the cognitive need of the user:
Know where are you are
Know what you can do
Know where you are going or what will happen
Know where you've been or what you've done
Principles of Interactive engagement
Principles of Interactive Engagement describe the ways in which an active learning environment can be created. The goal is to optimize information processing (encoding and retrieval) and as well as motivation (metacognition). The issues of "Motivational Design" are described in another section of this website.
Interactive Engagement ideally requires that the learner be:
Situated in a mode of active responding;
Required to practice with guidance & feedback, and
Offered independent practice with naturalistic cues.
Clark and Mayer (2003) present the principles of Practice, Learner Control and Problem-solving — with research data to substantiate their conclusions. There are nine principles which they found most important:
See Clark & Mayer, E-Learning and the Science of Instruction (2003), and Ruth Clark, Building Expertise , (2nd Ed., 2003), p. 29-31.
Modes of Interaction
In a learner-centered model of interactivity, the learner's use of communication technology provides experience of meaning, participation and sense of control.
Levels of Interactivity: DoD — ICW Model
The Department of Defense ICW model has been developed over many years. It presents interactivity as a two-way communication in which stimuli/response is direct and continual. Interactivity describes the degree of learner involvement and interaction in the instructional activity. According to the Interactive Courseware (ICW) model, there are four levels of interactivity:
Level 1: passive
The student acts solely as a receiver of information. Interactivity at this level is sometimes characterized as "page turning".
It is the lowest level of ICW development in that Level I lessons are linear (one idea after another) and are used primarily for introducing an idea or concept. There is little interaction other than the student touching the screen or using a keystroke or mouse click to continue. The media used are primarily graphics (not complex) and text.
Level 2: limited participation
The student makes simple responses to instructional cues.
This level allows the student to have increased control
over lesson presentation. There is more interaction, such as using a light pen to rotate a switch. Computer managed instruction (CMI) is implemented to keep track of and analyze student performance. The media used are audio, video, graphics, animation, and text.
Make the student response use lesson objective cues that cause the student to interact with the screen information. Use remediation extensively to reinforce the learning objectives. Remediation causes a particular section of the lesson to be repeated (a ‘no go’ situation). Use remediation by causing a branching action called a ‘loop.’ The loop can, in order of its complexity, provide feedback about that particular section, repeat/replay that particular section, or can provide entirely new instruction about that particular ‘no go’ section. Use simple branching for other instruction. Simple branching permits the student to veer from the main instructional path to seek additional information about a subject, however the student ultimately returns to his departure point. Instruction remains essentially linear, even though remediation loops, simple branching, and menus are used. Except for slight (i.e. remediation) digressions, the student moves through the instruction using a preplanned path. The ICW remains linear, but uses simple branching. Make use of typical input/output peripherals throughout the lesson.
Level 3: complex participation
The student makes a variety of responses using varied techniques in response to instructional cues
This level provides a high degree of interactivity, extensive
branching, maximum remediation opportunity (supports multiple levels of errors), real-time event simulation with minor equipment limitations, capability to interface with other output devices. Very little prompting is provided but rather provides information that the student will later apply to solve a problem. It has a high simulation presentation and involves the recall of more complex information. The learner has increased control over the courseware. Multiple software branches 2-3 levels up support remediation.
Provide the student decision points from which multiple branching will occur; multiple branching provides more reality to this level. Branching follows a student decision or input; create a multiple branch by allowing a student to enter into a decision point, each decision has a corresponding branch and each of the branches will, in turn, lead to other decision points with corresponding branches. So a branch can lead to a branch that leads to another branch; typically, use no more than three or four branches in a multiple branching sequence. Remediation, if any, occurs at the end of an instructional block or at an important learning point (i.e. ‘go/no go’ condition). Feedback is typically used at the end of an instructional block to apprise the student of his progress. The ICW is only vaguely linear: the student moving from a start point to an end point; but because of the multiple branching feature, the student is able to progress through the ICW using any of multiple paths. Make use of typical input/output peripherals throughout the lesson to simulate the operation or movement of physical items.
The student is directly involved in life-like set of complex cues and responses.
Real-time or full (virtual) simulation. The instructional flow is essentially one-way, from the learner. However the interactive courseware does no prompting whosoever. Errors can be compounded and feedback and remediation are not given in the middle of the lesson, only at the end.
Active Learning
"Active learning isn't a new idea. It goes back at least as far as Socrates and was a major emphasis among progressive educators like John Dewey. And yet, if you peer into many university classrooms, we seem to have forgotten that learning is naturally an active process. It involves putting our students in situations which compel them to read, speak, listen, think deeply, and write. While well delivered lectures are valuable and are not uncommon, sometimes the thinking required while attending a lecture is low level comprehension that goes from the ear to the
writing hand and leaves the mind untouched.
Active learning puts the responsibility of organizing what is to be learned in the hands of the learners themselves, and ideally lends itself to
a more diverse range of learning styles."
Bernie Dodge, SDSU
The following model has been adapted from Bernie Dodge, Dept of Ed Tech, San Diego State University, as a way of developing learning environments on the web. The complexity of the design challenge is chunked into three domains.
References, Articles
Images, Sounds
News reports,
press releases
Experts
Dynamic data sources
Project / Field reports
Group collaboration
(social interaction/
communication as
learning input)
Compare / Contrast
Concept Creation
Analysis
Synthesis
Summarizing
Evaluation
Problem-solving
Decision-making
Policy Formation
Group collaboration
(social interaction as
learning process)
Oral Presentations
Written reports
Video conferencing
Audio conferencing
Web Publishing
Group collaboration
(social interaction/
communication as
learning output)
Interactions are designed to engage the learner in input, transformation and output tasks. This model provides a simplified way of thinking about Gagne's Nine Events of Instruction, and about choosing Blended Learning activities.
Learning Principles Affecting Interactivity
Learning occurs when new behavior or changes in behavior are acquired as a result of an individual's response to antecedent and consequent stimuli. The external environment shapes an individual's behavior by presenting antecedent stimuli that prompts a behavior, and consequent stimuli that reinforces (strengthens) the behavior.
Issues: Increasing rates of active responding; prompting & fading; schedules of reinforcement; demonstration; practice; environmental design
Learning is a change in knowledge stored in memory. Information processing is governed by an internal process — rather than external circumstance as emphasized by behaviorism. The process includes selecting information (attention), translating information (encoding), and recalling that information when appropriate (retrieval).
Issues: Perception; attention; information processing; memory; motivation; forming mental models; transfer of learning & active learning; situated learning; modeling; scaffolding & fading; case-based learning; simulations; problem-based learning
Learning is the process where individuals construct new ideas or concepts (schema) based on prior knowledge and/or experience. Individuals construct knowledge by working to solve realistic problems, usually in collaboration with others. This theory builds upon cognitivism, but emphasizes the importance of social interaction, discovery, and the personal construction of meaning from experience.
Issues: Knowledge construction; schema theory; mental models; connectionism; hypermedia & multimedia; authentic tasks; social negotiation; self-regulation; social development
HTML Form Elements
Interactivity can be created either with DHTML (JavaScript, HTML, CSS, DOM) or with Flash animation. Interactive responses are typically structured by HTML tags called "Forms" in which user input from the following control elements are submitted to a web server by clicking a button:
Types of Web-based Interactivity
Learner interactivity can be supported by the following web-based techniques for creating quizzes, tests, practice exercises, or tasks:
The section called Testing and Evaluation describes the content principles which guides the selection and customization of the interactive models:
These content and technology structures provide a means of implementing the Active Learning model via the web.
CourseBuilder Interactions & Controls
Dreamweaver MX has an add-on tool called CourseBuilder which automates building of learner interactions:
http://www.macromedia.com/support/coursebuilder/
http://www.macromedia.com/devnet/mx/dreamweaver/
eLearning with Dreamweaver MX: Creating Online Learning Applications --- Betsy Bruce
CourseBuilder for Dreamweaver f/x & Design -- Donna Baker
Using Dreamweaver to Create E-Learning: A comprehensive guide to CourseBuilder and Learning Site (2001) -- Garin Hess and Steven Hancock
References
Utah State University OpenCourseWare is a free and open educational resource for faculty, students, and self-learners. Dr. David Wiley offers an online course, Understanding Online Interaction.
Campbell, Katy (1998). "The Web: Design for Active Learning", http://www.atl.ualberta.ca/documents/articles/activeLearning001.htm
Clark, Ruth and Richard Mayer (2003). E-Learning and the Science of Instruction: Proven Guidelines for Consumers and Designers of Multimedia Learning. Jossey-Bass Pfeiffer
Clark, Ruth (2003). Building Expertise: Cognitive methods for Training and Performance Improvement , ISPI (2nd Ed.)
Dholakia, Roy; Miao Zhao, Nikhilesh Dholakia, & David Fortin (2000). "Interactivity and Revisits to Web sites: A Theoretical Framework", http://ritim.cba.uri.edu/wp/
Dodge, Bernie (1998). "Active Learning on the Web", Dept. of Educational Technology, San Diego State University, http://edweb.sdsu.edu/people/bdodge/Active/ActiveLearning.html
Fortin, David R. (1997). "The Impact of Interactivity on Advertising Effectiveness in the New Media", unpublished dissertation, Kingston, R.I.: College of Business Administration, The University of Rhode Island.
Kristof, Ray & Amy Satran. Interactivity by Design: Creating & Communicating with New Media, Adobe Press, 1995
Shedroff, Nathan (1994). "Information Interaction Design: A Unified Field Theory of Design", http://www.nathan.com/thoughts/unified/
Shedroff, Nathan (2002). "What is Interactivity Anyway?"
http://www.nathan.com/thoughts/interpres/index.html
Schank, Roger, & Chip Cleary (1995). Engines for Education. Hillsdale, NJ: Lawrence Eelbaum Associates. Website: http://www.engines4ed.org/ Online hyperbook: http://www.engines4ed.org/hyperbook/index.html
Journal of Interactive Media in Education (JiME)
Department of Defense (1991). "Development & Management of Interactive Courseware (ICW) in Military Training"
Golas, Katharine (1993). "Estimating Time to Develop Interactive Courseware in the 1990s" Proceedings of the 15th Interservice/Industry Training Systems and Education Conference, Orlando, FLA, Nov 29-Dec 2, 1993
Department of the Army (1996). Multimedia Courseware Development Guide
Department of the Navy: Human Performance Center — HPC Spider
Top of Page " Home " E-Learning " Knowledge Management " Performance Support
©2003 Cognitive Design Solutions, Inc.