Instructional Design - Part two
 
 

1.  Learning through media

2.  Designing your Project (not done)

3.  Selecting an Appropriate Form of Media

4.  Screen design development 5.  On-line Resources

6.  Appendice 1

7.  Bibliography




1.  Learning through media
   

At this point, it is assumed that you have decided on what Instructional Design Model to use based on your content, learning theories, instructional strategies and of course, the learner styles. In any instructional situation, there is usually a message to be communicated. And research has shown us that people have different learning style and different kind of modes and media offers different kinds of learning. For example, its a common thing to choose media for familiarity because the learner can learn more easily from something he knows already. Therefore, not only choosing the right medium or media that will suit best some particular needs becomes important, but also its integration in the learning process become even more important.

Scharamm (1977) quoted in Heinich, Molenda, and Russell (1993) stated that "Motivated students learn from any medium if it is competently used and adapted to their needs. Within its physical limits, any medium can perform any educational task. Whether a student learns more from one medium than another is at least as likely to depend on how the medium is used as on what medium is used."

So now, lets look at the functions of media followed by the modes of stimulus.

Back



    

One of the basic function of media is to present a stimulus, which in return will evoke a response from the learner. According to Rowntree (1982) many functions exist but she considers the following six to be the more crucial in helping student learning:

 

These functions usually happen in this order but sometimes they also happened simultaneously.
 

"On of the most important roles of media is to serve as a catalyst for change in the whole instructional environment." P26

which means instructors need to be organized in advance, have clear objectives, ect

 

The medium: the vehicle carrying the stimulus mode.

 
Back
 


    Rowntree in her book (1982) presents us with five stimulus modes she has identified.
      1. Human interaction
      2. Realia
      3. Pictorial representation
      4. Written symbols
      5. Recorded sound
Back



 
1.  Human interaction (verbal and non-verbal)
 

Human interaction is described here as the communication when two people or more who are responding to each other such as verbal including all spoken words. There's also the non-verbal message which would include: postures, physical, gestures, bodily contact, eye contact, facial expression, non-linguistic utterances. This stimulus would be good for role-playing and simulation games.

Back 




2.  Realia (real things, people and events)

 Another mode of stimulus is Realia. Realia refers to real things , real events, real animals but also real people when the student observe them, rather than interacting with them.

Some examples of realia are the manipulative Cuisenaire rods, field trips, concerts or theatre. With young students, realia is very important as they explore their environment in many ways before internalizing and using symbols. . So using our senses such as seeing, smelling, hearing, tasting and touching is a good example of realia. Realia can be used very well with other mode as well.

Back



3.  Pictorial representation (still and moving images)
 
  Some representations of the reality are found in various forms such as photographs, ‘artist impression’, drawings, painting, diagrams, graphics, charts, and maps. It can be presented in still or moving images such as slides, a filmstrip or movie. The moving images are often presented with other modes such as recorded sound and/or written symbols.

 Back
 




4.  Written symbols (words, figures, etc.)

  Books, news paper, … are still very easily accessible. One of the advantages with written words is that you can always go back and look at it again if you didn't understand or change it if you're writing, while the spoken words is gone. It gives us control compared to the spoken words. But of course the written word to be valid, one needs to know how to read. Written words can be used in conjunction with other modes like audio, many still visual and others.

Back



 
5.  Recorded sound (speech, music, ‘natural noises’)

  This mode is considered to help us to control reality. We can record speech, music, natural sounds and noises. We can play it back. We can edit it, alter it, cut some part, modify it slow it down and repeat it as much as we want. This mode can easily be combined with still pictures, moving images and written symbol.

Back



    As you probably already know, most of the stimulus modes can be used separately or together depending of the purpose you intend. One very important point is to not over do it. Remember also that modes have to complement each other so be careful so they donut give a different message. Lets the message be consistent when using more than one mode.

Back
 
 
 
 
 
 
 
 
 
 
 
 


2.  Designing your Title (not done)



3.  Selecting an Appropriate Form of Media Back




  Choosing an appropriate format for your instructional material can be a very difficult task because first of all, there is such a vast array of media available but also, there are such a variety of learning styles as well. The age group, as well as the many objectives of a particular project makes choosing the right format for your instructional material a very complex task indeed. Media selection should be based on suiting the particular objectives of the lesson (the type of learning required) and the specific needs and interest of learners. Remember that each material has its own set of attributes and that the effectiveness of media depends greatly on how they are integrated into instruction. We will look at this.

So its time to begin and to decide how to choose the appropriate material. Since media need to be chosen systematically, lets look at this media selection model table (adapted from Heinich; Molenda; Russell; 1993) to help us to choose the appropriate format.
 

Back




 
 
Table 1. Media Selection Model
Setting large or small group, self-instruction
learner variables Reader, non-reader, auditory preference
nature of the objectives Cognitive, affective, motor skill or interpersonal
media format still visuals, motion visuals, printed words or spoken words
 
(Heinich; Molenda; Russell; 1993) How APA Style
  Back
 
 
 
 
 
 
 
 
 
 
 
 



 
Choosing the right material depends on many factors that are summarized in this table.
 
Table 2. Selection Criteria
Does it fulfil the same objectives as you intended?
Does it fit the learner characteristics?
Is the information accurate?
Does it arouse and maintain interest?
Does it involve the learner?
Is it of acceptable quality?
Is it free of bias?
 
(adapted from Heinich; Molenda; Russell; 1993) p48"
Back
 


  Now that you have an overall view an way of selecting media, lets look in more details at some specific form of media.

Text
Reading level

Visuals
Function of visuals
Types of visuals

Audio
Characteristics of audio
Types of audio

Motion
Attributes of motion media

Back



   
As you are probably aware of, there are three main channels of communication which are audio, visuals and text. You can use all of them to communicate, but you are most likely to use text in communicating. You might use text alone or in conjunction with others media to convey your message. So lets look at some characteristics of the written media (Price, 1991) in a bit more details to see what to plan for when designing.

Reading level

When choosing reading material for your audience, the language has to be at their reading level otherwise they might not understand your message. For example, if the program you are creating is focused for grade 1, you have to make sure the writing is not to difficult for them. Otherwise, you have missed your point and you will loose your audience. This goes for an older audience as well. If the text is too easy or to simplistic for them, they will loose the interest as well. There is many formulas to figure out the reading level of the material. As Price point out, "The basis of the formulas is the idea that reading level is a function of average sentence length, and the number of multiple-syllable words." One common formula is called "Fog Index" and is presented here. The reading level is calculated as such:

1. Select a passage of about 100 words.
2. Count both the number of words and the number of sentences in the passage.
3. Calculate the average sentence length by dividing the number of words by the number of sentences.
4. Count the words that have three or more syllables and add the average sentence length to the number of words having three or more syllables.
5. Multiply this sum by .4. The product is the reading-grade level.
Back




Functions of visuals

Heinich, Molenda and Russell, 1993 advocated that "the primary function of a visual as a communication device is to serve as a more concrete referent to meaning than the spoken or written word". In Dale’s cone of experience, visuals are iconic; visuals are a representation of something real. Still according to Heinich, Molenda and Russell, some functions of visuals to name a few are: to motivate learners, to increase their interest, to sustain their attention, to generate emotions. "Reiteration is another important function of visuals." Visuals can simplify information, make analogy to a familiar concept and illustrate relationship among elements and/or concepts.

Types of visuals
 

Back



Characteristics of audio media
Types of audio
 
Back




Characteristics of audio media

Audio media are inexpensive forms of instruction. They are readily available, simple to use and very good for non-reading students. They tend to stimulate verbal message more dramatically than print and can be very versatile. (Heinich; Molenda; Russell; 1993) A multimedia presentation can be improved dramatically with the use of audio. According to Whiteside and Whiteside (1997), motivation and channel redundancy are two reasons for wanting using audio to help to met the objectives. Let’s look at them rapidly.
 

Motivation refers to grabbing the attention of the learner, to stimulating his/her curiosity and to maintain his/her interest not only at the beginning but also all along the program. The use of analogy or metaphor techniques apparently helps in providing a source of motivation. (Keller and Burkman, 1993, quoted in Whiteside; Whiteside;1997)
  Hsia quoted in Whiteside and Whiteside, defines redundancy in these terms: "the transmission of the same or closely related information to the receiver or learner through two sensory channels (usually the aural and visual channels)." Hsia research demonstrated that "channel redundancy is the key for better communication" (1977) quoted in Whiteside and Whiteside (1997) as it serves better the various learners style. A very important note before leaving channel redundancy is that, the message has to be the same but not in a ‘word by word’ type of presentation.

Back



 
 
Types of audio

There are three main types of audio: speech, music and sound effect. To use them effectively, the designer needs to know about some of the characteristics of each type and the tasks they can accomplish. So lets look at the following table which summarize some characteristics of types of audio and the tasks they can accomplish.

Table 4. Characteristics of types of audio and tasks they can accomplish
Rules for Speech
Music can be used to: 
Sound effects can be used to
Vary intonation to motive, explain, provoke, exhort, or empathize
Establish mood
Create atmosphere
Use a conversational tone
Set pace
Add realism
Use language the audience can understand 
Signal a turn of events
Emphasize important points
Present information in small chunks
Indicate progress and activity
Indicate progress or activity
Make the visuals and narration go hand-in-hand
Provide transitions and continuity
Increase interest
Vary tone of voice to help viewers/listeners understand what is important
Evoke emotion
Establish mood
 
Accompany titles or introductory information
Cue or prompt users
 
Emphasize important points
Increase users’ motivation
 
Support visual information
 
 
Add interest, realism, and surprise
Adapted from Whiteside and Whiteside (1997)
 

  Back




Attributes of motion media

According to Heinich, Molenda, & Russell, 1993, "a basic attribute of the moving image is its ability to manipulate temporal and special perspectives." They continued saying that it "has important implication for instruction". So lets look at the following attributes in a bit more details:
 

  1. Manipulation of space
  2. Alteration of time
  3. Compression of time: time lapse
  4. Expansion of time: slow motion
  5. Animation
Back




1.  Manipulation of space

This technique helps you to play with spatial perspective. You can look at things very close or very far. It changes our perception of things when we see something usually microscopic enlarged many times or something usually large reduced very small.

Back




2.  Alteration of time

With motion media, you can alter continuous time. You can cut a middle section of a motion media sequence, take it out leaving only the beginning and ending and people will fill the gap of what happened. The sequence will still be believable.

Back




3.  Compression of time

 With motion media, you can also compress time. You can create an event that normally takes hours to happen and show it in a few minutes of even seconds. This technique is called: time lapse.

Back




4.  Expansion of time

 Expansion of time means that you can take an event that usually occurs really fast and show it in a pace slower than normal. This technique is called: slow motion.

Back




5.  Animation

Animation is a technique to animate objects. The object moves at a short distance at a certain pace. This technique is regaining popularity with its use in instructional packages to "depict complex or rapid processes in simplified form.

According to … obtaining appropriate materials will generally involve one of these three alternatives: (1) selecting material that is already available, (2) modifying material that exist already and (3) designing some new material.
 
Back



4.  Screen design development

Back



 

Once you know what your program has to do (once your planing is done and you know what to do, you know the approach you will take, fun begins), you need to start storyboarding your interface on paper planning from a functional perspective rather than artistic one.

Back



 
Back



 
Price

Whatever the approach you decide to choose for your title, there ought to be some basic functions regarding screen design. Heines 1984 (described in Price, 1991) identified five standards of CAI screen components: Orientation information, Directions and learner responses, Error messages, Student options, Text areas and Graphic areas. Let’s look at what they are.

Orientation information and student options have to do with learners being in control of their environment. Orientation information refers to being able to find out where you are in the program. What lesson are you on? How much is left to cover before being finished? How many correct answers are recorded? Student options refers to the learners having options to choose from. It can be via a pull-down menu or perhaps a menu bar that stays on every page. It could include functions like: Quit, Back, Next, Help, Main Menu, sub menus and even choosing to take a quiz.

Directions and learner responses as well as error messages, are related to interaction with the content and with the user interface. Direction means that the learner should be told what to do and not be expected to guess what he is supposed to do. If the learner needs to answer back and the of response is should be clearly stated. It is a very good plan to stay consistent in your design so the learners interact with the learning material instead of the logistic of the program. Some functional areas can grow and shrink to accommodate variations. Error messages are response to inappropriate learner responses. It is different than feedback that explains incorrect answers. The designer must plan error messages at each point in the program where student responses are required.

Text areas and Graphic areas will take up most of the rest of the page. One very important thing to remember regarding screen design is that the printed page is very different. For example, do not overcrowd the screen with rows of text. On paper you can fill the whole page but not on a screen. As a designer, you need to achieve a pleasing and balanced appearance of the functional areas. As we already discussed earlier, visuals are good because they can enhance the presentation, clarify concepts or even add variety to your program making it more interesting to go through. We will be looking at some [propriety] of text in more details further down.

Back



Here is an example on how the six functional areas can be put on the screen.

Back




Blum
 
Blum, 1995

Functionality can be grouped as well:

 

Global Functions are those that apply to specific group of screen-such as a Help, Map, Quit, or Return button.

Regional Functions are those that apply to specific groups of screens, but not every screens. These can include certain types of text-input field, "See Also" buttons that only appear on database screen and the like.

Local Functions are those that apply to individual screens. An activity or interactive requirement that only appear once, or that shows up intermittently on a small number of screens that refuse to be easily grouped, would fit this category.

Back


    
 
 
 
 
 
 
 
 

Back


 
Visuals

How people look at visuals
Example
Designing visual
 
 
 
 
 
 
 
 

Back



  If we which to use visuals in an appropriate way as instructional materials, we must learn at how people look at visuals. Accordingly to a research on eye movements of people looking at still photograph in United States, there is a tendency for viewers to begin reading a picture in the upper left. The percentages here represent the frequency with which people look first at that part of the picture area. So it appears that there is a higher percentage of people that look first at the upper left corner while there is a lower percentage of person looking at the bottom right corner first. So this is an important point to take into consideration when presenting your information on the screen.
 
 
 
 
 
 
 

Back




  Picture

 

Back



 
 
 
 
 
 

Back




Colour

Regarding the use of colours in instructional communication, Loosmore (1993) stated that "The wonderful world of colour has become available at a reasonable cost." She suggested that "Colour can be used to show qualitative differences in items, to highlight key information, to indicate changes in data, to increase motivation, or to depict real-world accuracy." Here are five points she believe to be important for an effective use of colour in instructional communication: Keep it simple, Keep it clear, Be consistent, Be aware of symbolic associations and Test your colours. Here is a short summary of these five points.

 

Table 1. Successful colour combinations
Background
Colours
Highlights
white black, dark blue red, yellow-orange
light gray black, blue, green red
medium or dark blue white, light yellow pure yellow, red (tinted slightly toward white)
 
Loosmore, 1993
 
Table 2. Colour associations
Colour
Associations
red stop, danger, strength
orange caution, co-operation, change
yellow optimism, cheerfulness, flexibility
green growth, environment, go, balance
blue rest, calm, understanding, patience
violet royalty, confidence, dignity
white purity, honesty, sincerity, cleanliness
 
Loosmore, 1993
   

Back




Text

 

Another important point Price (1991) is looking at is the clarity of the message. Will the viewers understand what they read? Is the message clear? Read the following sentence.

 

I know you think you understand what I said but what you don’t know is that what you think I said isn’t what I meant.(Price, 1991)

 

You probably think that this sentence is not very clear in its meaning and not too precise. So when you write something, make sure your message is easily understandable, clear and concise. Take particular care if your readers are young, make sure they can understand the vocabulary you are using.

 

***Size, font, colour

Young readers also find much easier to read big font letters.

 
Back



Audio


Movement


  
Interface Design Back
 
 
 
 
 




   A good method to figure out how your interface should look and to decide where you want your functional areas on the screen, is to cut some rectangular shapes representing the areas and to move them around on your screen (Price, 1991 and Blum, 1995). You can create many of your screen templates this way and than transfer your ideas on paper.

I must say here that, when you create a template, it’s a good idea to think that you are also creating a set of pages that you should be using in a consistent fashion. For example, the screen design layout of a page would be much more different if your are presenting information or if you are giving feedback or asking for a response; but, each page that present information should be consistent with its layout otherwise it will create some confusion with the viewer. Remember, the user should not spend much time to learning and understanding the layout, it should be easy for him/her.

 
Back



Storyboard

A storyboard is a tool that helps designer to sketch out the sequences of the instruction. So once you have a good idea of what you want, you can create your storyboard and see how it flows together. Remember that the storyboard do not need to be artistic. It is usually a rough copy of your intention. Lets look at an example.
 
Back




Example
Back


On-line Resources
 

Here is an advanced Instructional Media site talking about philosophy, interface design, page design and much more.

A site that talks about Instructional Design (Study Guide).
A site that talks about Instructional Design Methodologies and Techniques.

A site that talks about interface design.
A site that talks about screen design standard and general layout.

Here is a site about Storyboard and Flowcharting to visit.
Another Storyboard site.

A site that talks about navigation.
A site that talks about choosing colours.
 
 
 
 

Back


Research by: Brigitte Lépine
blepine@direct.ca