University of Alberta
Academic Technologies for Learning (ATL)
» Author: Katy Campbell
» Date: 25 Feb 1998

The Web: Design for Active Learning

Introduction Interactivity

"Information is not instruction...",
David Merrill, 1997

An interactive provides varying levels of interactivity, ranging from simple point-and-click interaction through sophisticated search techniques to the analysis, manipulation, and application of information in new and authentic contexts.

The authors of Interactivity by Design (1995) describe interactivity this way:

Computers and software are tools, and their purpose is to help people interact with words, numbers, and pictures. What's different today is that computers 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).

This definition of interactivity focuses on aspects of interface design. Effective instruction relies on both thoughtful interface design and instructional design, which work together .

Interactivity in instructional takes on a 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 an environment, solving a problem, or applying information to a new situation that he/she helps to define.

This handbook will present the idea of interactivity as it applies to a cohesive design including high quality interface, content, and instructional design

Hypermedia and Constructivist Frameworks

The development of HTML and supporting tools has made it possible to develop learning environments that reflect, to varying degrees, constructivist tenets of faith (Love & Gosper, 1996). These principles are summarized here: Basic tenets:

Appropriate for:

Problems:

Hypermedia is a strategy used by constructivists. But these systems are loose, associative, and non-sequential; and are ill-suited to situations where directed learning is required. Domains requiring mastery of lower-order skills should not have a constructivist approach.

The Cognitive Group and Vanderbilt has noted some cautions with hypermedia environments for some adult learners, who experience a high level of anxiety when working in random, non-sequential environments. These learners benefit from learner control with guidance, in which effects of decisions (paths to take, order of instruction, complexity, etc.) are clearly described. These learners also prefer clearly defined learning outcomes, or tasks, and recommended sequencing, from which they can orient themselves at any time.

Environments that encourage active learning are based on learners making decisions about task, content, navigation, presentation, and assessment. They make use of a number of cognitive strategies that enable the learner to elaborate on their own existing knowledge structures (schema), in other words, to construct new knowledge and understanding. In this handbook, we are using Jonassen's (1994) work (see also Schank & Cleary, 1995, "five teaching architectures") to suggest 6 conceptual frameworks to create Web-based instruction that:

Cognitive Strategies: an Overview

Cognitive science, although a relatively new field, (about 30 years old) has revealed a number of strategies that suggest how people think and learn. For a more detailed discussion, see Schank and Cleary (1995). The following summary comes from this reference, pp. 26-43.

Intelligence, or human reasoning, seems to be based on a few basic structures:

Basically, humans learn through experimentation with the real world, rather than by memorizing a list of rules. This statement has implications for the design of instruction:

Learning opportunities should be based, as much as possible, on authentic tasks and environments, and include opportunities for reflection and application.

The cognitive instructional strategies/learning theories that seem most relevant to us in realizing this goal are the following :

Anchored Instruction

Principles

Experiential Learning

Principles

Lateral thinking

Principles

Situated Learning

Principles

That is, as learners engage with experts, they build on their knowledge and understanding until they become experts themselves in the community of practice

Social Development Theory

Principles

Mental Models

Principles

In the next section, Schank and Cleary's Five Teaching Architectures are presented alongside several of these strategies from the learning theory literature. Starting on page 14, these strategies will be represented as key elements in the conceptual frameworks for Web-based instruction introduced on page 7.

Cognitive Theory: Implications for Design Practice

Theory Key Elements Learning Domain
Anchored Instruction
  • the creation and resolution of complex, realistic problems
  • based on familiar anchor or trigger
  • Concept learning
  • Engineering
  • Mathematics
  • Problem-solving
Experiential Learning
  • meaningful tasks
  • low-risk environment
  • based on problem-solving
  • degree of personal interaction
  • Engineering
  • Management
  • Sales
  • Sensory-motor skills
Situated Learning
  • social interaction, collaboration
  • realistic contexts
  • learning as function of context
  • social interaction
  • Language learning
  • Management
  • Sales
  • Sensory-motor skills
  • Medicine
Lateral Thinking
  • problem-solving
  • multiple perspectives
  • random generation of ideas
  • leading to novel solutions
  • Management
  • Mathematics
  • Problem-solving
  • Reasoning
  • Troubleshooting
  • Medicine
Social Development
  • Social interaction key to congnition
  • based on interpersonal relationships
  • coaching, modeling, imitation
  • Engineering
  • Language learning
  • Management
  • Sales
  • Reading
  • Sensory-motor skills
Mental Models
  • hierarchies
  • dynamic, contain errors
  • simplified from real phenomenon
  • Language learning
  • Procedural learning
  • Mathematics

Five Teaching Architectures and Key Cognitive Strategies

Schank and Cleary (1995) have developed a model, particularly relevant to computer implementation, which they call teaching architectures. As you read through the brief overview of each, note how key features of elements overlap several different architectures.

1. Simulation-based Learning by Doing Humans learn by doing. Learning a new skill, then, would ideally include practice with the actual skill, accompanied by coaching, advice, and correction by an expert. The very nature of simulations requires active participation y the learner, who may sometimes 'enter in' to the simulated world as an actual participant. 2. Incidental Learning Much information to be learned is not inherently interesting (think of the multiplication tables). Lists and facts are learned naturally, however, by engaging in fun tasks whose outcomes are interesting. In this design the base facts are imparted almost covertly. 3. Learning by Reflection This strategy is appropriate when learners need to ask questions about their learning or need someone off whom to 'bounce' their ideas. In this case, the instructor (who could be virtual) helps the learner analyze the problem and find ways to continue in their progress. 4. Case-based Teaching Imparting information at the precise moment of need has been recently dubbed just-in-time learning. In this architecture, learners may consult an expert when experiencing difficulties or out of curiosity. Experts , by virtue of their expertise in a field, have a large repository of stories to tell, or cases, which illustrate key learning elements relevant to the task at hand. 5. Learning by Exploring When learners become involved in their new tasks, they naturally generate questions. These questions are optimally answered at the time they are generated. The key to this architecture is conversation, either virtually or in face-to-face interaction

Teaching Architectures: Implications for Design Practice

Architecture Key Elements Use When...
Simulation based
  • learning by doing
  • Active engagement
  • subject matter is experiential
Incidental
  • imparting dull or rote information in the context of an interesting task or experience
  • incidental information must be imparted
  • outcome based on the learning of a knowledge base at a lower level of congnition
Reflection
  • asking critical questions about one's own learning
  • interaction with a coach or expert is desirable
  • self-assessment is expected
Case-based
  • experts have a database of cases
  • just-in-time learning
  • typically in the form of stories
  • the learner is expected to make errors or experience failures
  • new information is imparted as the task unfolds
  • learners would benefit from the presence of an expert who can tell stories about own experience
Exploration
  • learners' questions are answered as they arise
  • conversation-based
  • a running conversation with either peers or experts is planned
  • task can be contextualized as a 'world' or environment to explore on own
  • learner is placed in role of apprentice

Web-based Instructional Environments

Six Conceptual Frameworks

Jerome Bruner is largely credited with the emergence of constructivism , a theory of learning and instruction that encompasses cognitive learning theories.

Bruner postulates that learning is an active process, during which learners construct new ideas based on their current understanding and perspectives. They do this by selecting, then transforming information by organization, elaboration, scaffolding, and other cognitive strategies.

During this process, the instructor (who may be virtual) engages the student in a conversation to help him/her build upon existing knowledge structures.

Bruner recommends that curriculum be organized in a spiral so that this building process is facilitated and enhanced with each turn.

The main principles of constructivism , from a design point of view, are that:

  1. Instruction be concerned with the experiences, convictions and constructs that learners already possess
  2. Instruction be structured so that it can be easily understood and modified by the learner.
  3. Instruction be designed to facilitate exploration, extrapolation, and elaboration.

The following six frameworks contain all these principles and, like the teaching architectures proposed by Schank and Cleary, overlap each other in many important aspects.

On page 24 you will find a semantic map representing the 3 frames discussed in this document. I have attempted to link related concepts in a way that resembles the hypermedia environment, underlining the idea that learning and designing are complex activities that draw on many perspectives and activities. Why not take the opportunity to recreate this mind map from YOUR own worldview?

Framework 1:

Multiple Representations of Reality

Description

Key Instructional Elements

Media Elements

Examples

Framework 2:

Authentic Tasks

Description

Key Instructional Elements

Media Elements

Examples

Framework 3:

Real-World, Case-based Contexts

Description

Key Instructional Elements

Media Elements

Examples

Framework 4:

Fostering Reflective Practice

Description

Key Instructional Elements

Media Elements

Examples

Framework 5:

Knowledge Construction

Description

Key Instructional Elements

Media Elements

Examples

Framework 6:

Collaborative Learning

Description

Key Instructional Elements

Media Elements

Examples

Learning Activities that Inspire Critical Thinking

This is just a list of terms and ideas encountered often in reading and discussing instructional design for active learning. Future versions of this workshop will provide links to related strategies and sites.

Six Conceptual Frameworks: Implications for Design Practice

Theory Multiple Realities
Key Elements
  • learner experiences reality from another perspective
  • a reflective component requires re-construction of experience
  • the learner's values and experiences are legitimated
Use when...
  • goal is development of different perspectives
  • there is an element of curiosity
  • too complex
  • a reflective component is important
Example site PennMOO:
telnet://ccat.sas.upenn.edu:7777

Theory Authentic Contexts
Key Elements
  • anchored instruction
  • real contexts and tasks
Use when...
  • task can be related to the real world of practice
  • content domains are affective or psychomotor
  • cognitive apprenticeship is sought
Example site The Real Scoop:
http://www.itdc.sbcss.k12.ca/uscurriculum.tobacco.html

German for Beginners:
http://castle.uvic.ca/german/149

Theory Case-based
Key Elements
  • cognitive apprenticeship
  • lateral thinking
  • story-based
Use when...
  • instruction based on simulating real practice (e.g. flight simulators)
  • rich repository of expert stories available
  • access to a coach or facilitator
Example site Personal Trainer:
http://www.itdc.sb.css.k12.ca.us/curriculum/persontrainer.html

Nuclear Power Plant Demo:
http://www.ida.liu.se/~her/npp/demo.html

Theory Reflective Practice
Key Elements
  • access to experts/facilitators
  • questioning own practice
Use when...
  • the process is important
  • learners would benefit from conversation with others
  • instruction is affectively-based
  • learners have access to a facilitator
Example site Boethius:
http://ccat.sas.upenn.edu/jod/boethius.html

Theory Knowledge Construction
Key Elements
  • situated learning
  • social interaction is key
Use when...
  • learners are to arrive at a new point of view
  • problem-solving is a goal
  • personal knowledge base includes incidental knowledge on which to build
  • there are opportunities for dialogue in groups
Example site World Cultures:
http://www.kn.pacbell.com/wired/bluewebn/hot.html

Theory Collaborative Learning
Key Elements
  • negotiation through conversation
  • interdependency, accountability to peers
Use when...
  • learners will work in small groups
  • a product is to be created
  • to teach social/communicative skills
  • when the content is complex
Example site Biodesigns Inc.:
http://www.itdc.sbcss.k11.ca.us/curriculum.biodesigns.html

Dalton Astronomy Internet Project:
http://www.nltl.columbia.edu/groups/Astro/
wwwimages/PROJPAGE.html

Active Learning: Exemplary Sites

Site Name Project Bio
URL http://biotech.zool.iastate.edu/Project_BIO/Homepage.html
Description Iowa State University through a program called Project BIO is offering on-line biology courses that feature extensive use of audio in on-line lectures. The lectures consist of.

Site Name New Tools for Teaching
URL http://ccat.sas.upenn.edu/teachdemo
Description This site introduces, describes, and exemplifies Internet-based resources for teaching.

Site Name Strategic Management Class
URL http://www.lehigh.edu/~ddm2/m301.html
Description Senior-level strategic management course.

Site Name Works in Progress
URL http://www.oit.itd.umich.edu/WIP.html
Description "Works in progress" at U. Michigan including multimedia databases, tutorials, simulations, gaming, interactive role playing, case studies, etc.

Site Name Living Things - An Invitation to Collaboration
URL http://www.fi.edu/tfi/units/life/
Description The "Living Things" unit offers resources related to a wide spectrum of topics in life science. You'll also find tools for communicating and collaborating with other educators around the world.

Site Name Project SkyMath: Making Mathematical Connections
URL http://www.unidata.ucar.edu/staff/blynds/Skymath.html
Description The University Corporation for Atmospheric Research (UCAR) has prepared a middle school mathematics module incorporating real-time weather data. The goal of the pilot project is to demonstrate that acquiring and using current environmental and real-time weather data will promote the teaching and learning of significant mathematics

Site Name Whale Songs
URL http://www.ot.com/whales
Description Whale Songs, an educational center about people and whales, is presented in conjunction with the International Fund for Animal Welfare's research vessel, Song of the Whale. Educational resources include Action Painting, Journal Writing, and Whale Form and Function

Site Name Architectonics
URL http://darkwing.uoregon.edu/~struct
Description This site contains lectures, example problems, case studies, structural typologies, essays, links, animations, movies, suggested readings and more

Site Name Virtual Earthquake
URL http://vflylab.calstatela.edu/edesktop/VirtApps/
VirtualEarthQuake/VQuakeIntro.html
Description Virtual Earthquake (VEQ) is a web-based application that allows anyone with Internet access to become a "virtual seismologist." Users interpret simulated seismograms from three seismic recording stations in an effort to triangulate the location of an earthquake's epicenter. The user's results are plotted on a map and compared to the actual results

Site Name A Right to Die?
URL http://www.routledge.com/routledge/indepth/dax_main.html
Description Students of ethics and medicine are challenged to decide whether or not they agree with the patient's wish to stop his painful treatment and die. They are then presented with conflicting arguments.

Site Name Exploring the Environment
URL http://cotf.edu/ETE
Description NASA site presenting environment earth science modules that make use of remote sensing. Goal is to engage learners in collaborative science inquiry.

Site Name Family Tree Mail: Language Translation Site
URL http://www.gsn.org/gsn/proj/ftm/index.html
Description Children use language translation software to communicate on a real task

Site Name NOVA: Odyssey of Life
URL http:/www.pbs.org/wgbn/pages/nova/odyssey/textindex.html
Description Learners take a virtual tour of microscopic organisms living in the body. Interviews with experts.

Site Name Rivers of Life: Mississippi Adventure
URL http://cgee.hamline.edu/rivers/
Description Real time collaborative project as students living by flooding rivers in Minnesota and Wisconsin posted daily reports and photographs. Interactions with river experts and others around the world.

Site Name International Symposium on Environmental Issues
URL http://www.itdc.sbcss.k12.ca.us/curriculum/ozone.html
Description Collaborative problem-solving project involving interactions with experts and peers in North America and elsewhere.

Site Name Victorian Web
URL http://www.stg.brown.edu/projects/hypertext/
landow/victorian/victov.html
Description Students can explore how the social context, economics, religion, philosophy, visual arts, and literature of the period might be interrelated.

Sites for Web/Course Design

Type Book
Name Internet Publishing Handbook
URL http://www.sscnet.ucla.edu/ssc/franks/book/
Description Everything you wanted to know about publishing sites on the Web.

Type Book
Name Web-Based Instruction
URL http://www.utb.edu/~khanb/wbitc.html
Description

Type Web Forum
Name DeLiberations (on Teaching and Learning): A Website Forum
URL http://www.lgu.ac.uk/deliberations
Description A discussion in which participants contribute to a greater understanding of how the Net can enhance education by improving communication.

Type Opinion Column
Name The Alertbox
URL http://www.useit.com/alertbox/9705a.html
Description Issues such as GUI vs. interface design

Type Opinion Column
Name Design for Web-based Learning
URL http://www.nova.edu/~duchaste/design.html
Description A design model is proposed.

Type On-line Journal
Name The Spider's Web
URL http://www.InContext.ca/spidweb/
Description Sites, tools, columns, interviews, etc. - all about Web design

Type On-line Journal
Name The Spider's Web
URL http://www.InContext.ca/spidweb/
Description Sites, tools, columns, interviews, etc. - all about Web design

Type On-line Journal
Name New Chalk
URL http://www.unc.edu/courses/newchalk
Description An online magazine featuring uses of technology by faculty at the University of North Carolina at Chapel Hill. New issues bi-weekly.

Type Systems Evaluation Sites
Name Comparative Analysis of On-line Educational Systems Application
URL http://www.douglas.bc.ca/~landonb/dt/dthome.html
Description Evaluation model from BC site

Type Systems Evaluation Sites
Name University of Manitoba
URL http://www.umanitoba.ca/ip/tools/courseware
Description A site comparing development models and four systems (Lotus Notes/Learning Space, WebCT, Toolbox and Top Class

Type Listserv, Newsgroup
Name WWWDev
URL http://www.unb.ca/web/wwwdev/
Description The World Wide Web Courseware Developers Home Page contains information of interest to persons developing courseware that is to be delivered in part or totally over the WWW.

Type Guides and Guidelines
Name Apple Web Design Guide
URL http://applenet.apple.com/hi/index.html
Description Advice on computer/human interface, Web design guidelines, and so on.

Type Guides and Guidelines
Name Constructivist Project Design Guide
URL http://www.ilt.columbia.edu/k12/livetext-nf/webcurr.html
Description Teachers College at Columbia University: projects and guidelines for design

Type Guides and Guidelines
Name Staffordshire University Computers in Teaching and Learning
URL http:/www.staffs.ac.uk.cital.main.htm
Description everything related to the use of information technology in teaching and learning

Type Guides and Guidelines
Name Technology Tools for Today's Campuses
URL http://sunsite.unc.edu/horizon
Description 72 articles include important and useful information that you can use in deciding if you want to use such tools as Listservs, e-mail, the World Wide Web (WWW), or multi-user domains (MUDs) in your teaching. Each article has links to such illustrative material as syllabi, student papers written on the Web, and informative references regarding the use of productivity tools.

Type Guides and Guidelines
Name Teaching and Learning on the WWW
URL http://www.mcli.dist.maricopa.edu/tl/
Description Levine offers another Web page of links to examples of courses that use the Web. He then continues to explain some of the challenges and some useful options associated with creating and maintaining such a Web site.)

Type Guides and Guidelines
Name Yale Web Style Manual
URL http://info.med.yale.edu/caim/StyleManual_Top.HTML
Description This manual describes the design principles used to create the pages within the Center for Advanced Instructional Media's (C/AIM) World Wide Web site.

Type Guides and Guidelines
Name Web Page Design
URL http://ds.dial.pipex.com/pixelp/wpdesign/wpdintro.shtml
Description Not an HTML guide. Advanced designers.

Type Guides and Guidelines
Name Net Tips for Writers and Designers
URL http://www.dsiegel.com/tips/index.html
Description Whether you're a home (page) maker, an e-mailer, or a web site graphic designer, these tips will help you be a better communicator on the Net.

References

Bransford, J.D. et al. (1990). Anchored instruction: Why we need it and how technology can help. In D. Nix & R. Spiro (Eds), Cognition, education, and multimedia . Hillsdale, NJ: Erlbaum Associates.

Brown, J.S., Collins, A. & Duguid, S. (1989). Situateed cognition ad the culture of learning. Educational Researcher , 18(1), 32-42.

Bruner, J. (1986). Actual minds, possible worlds . Cambridge, MA: Harvard University Press.

Bruner, J. (1990). Acts of meaning . Cambridge, MA: Harvard University Press.

CTGV (1993). Anchored instruction and situated cognition revisited. Educational Technology , 33(3), 52-70.

Gentner, D. & Stevens, A. (1983). Mental models . Hillsdale, NJ: Erlbaum.

DeBono, E. (1967). New think: The use of lateral thinking in the generation of new ideas . NY: Basic Books.

Johnson, D., & Johnson, R. (1987). Learning together and alone . (2nd edition). Englewood Cliffs, NJ: Prentice-Hall, Inc.

Jonassen, D. (1994). Thinking technology. Educational Technology , April, pp. 34-35.

Love, P.K., & Gosper, M.V. (1996). Developing interactive course materials: Using HTML to integrate conventional and internet resources . At peter.love@mq.edu.au, & maree.gosper@mq.edu.au

Schank, R.C., & Cleary, C. (1995). Engines for education . Hillsdale, NJ: Lawrence Eelbaum Associates.

Schumacher, R. & Czerwinski, M. (1992). Mental models and the acquisition of expert knowledge. In R. Hoffman (ed.), The psychology of expertise . NY: Springer-Verlag.

Slavin, R. (1983). Cooperative learning . NY: Longman.

Vygotsky, L.S. (1978). Mind in society . Cambridge, MA: Harvard University Press.

Appendix A

A. Sites

Adult Learning Styles and Preferences for Technology Programs
http://www2.nu.edu/nuri/llconfconf1995birkey.html

Adult Learning Online
http://www.cybercorp.net/~tammy/lo/oned2.html

Bibliography of Electronic Sources: MOOs
http://www.cas.usf.edu/english/walker/bibliog.html

CMC Magazine
http://ccwf.cc.utexas.edu/~mcmanus/wbi.html

Combining Pedagogical and Technological Paradigms for Educational Software
http:advlearn.lrdc.pitt.edu/papers/chi96rs.html

Delivering Instruction on the World Wide Web
http://ccwf.cc.utexas.edu/~mcmanus/wbi.html

Design for Web-Based Learning
http://www.nova.edu/~duchaste/design.html

The Human Element in Collaborative Hypertext
http://eies.njit.edu/~turoff/Papers/cscwhy.htm

Mediated Learning Review
http://www.academic.com/mlreview/

Open Learning Technology Corporation
http://www.. olt.edu.au

Ownership for Learning...
http://condor.depaul.edu/~jsavery/adeta/

Phoenix: A Web-MOO Client
http://bio-3.bsd.uchicago.edu/Staff/Web_Notes/MOO-WWW.html

Principles of Good Practice
http://www.wiche.edu/telecom/principles.htm

Theory into Practice Database
http://www.gwu.edu/~tip/

B. Articles

Bender, R.M. (1995). Creating communities on the Internet: Electronic discussion lists in the classroom. Computers in Libraries , 15(5), 38-43.

Boschmann, E. (1995). The electronic classroom: A handbook for education in the electronic environment . Medford, NJ: Learned Information

Kozma, R.B., & Johnston, J. (1991). The technological revolution comes to the classroom. Change , 23(1), 10-23.

Laurillard, D. (1993). Rethinking university teaching: A framework for the effective use of educational technology . London: Routledge.

Perkins, D.N., et.al. (Eds.) (1995). Software goes to school: Teaching for understanding with new technologies . NY: Oxford University Press.

Academic Technologies for Learning (http://www.atl.ualberta.ca), University of Alberta