The Design Of Interaction For eLearning
-
Upload
upside-learning-solutions -
Category
Technology
-
view
4.816 -
download
0
Transcript of The Design Of Interaction For eLearning
![Page 1: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/1.jpg)
Abhijit Kadle, AVP - Learning Design
![Page 2: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/2.jpg)
eLearning professionals
175years
![Page 3: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/3.jpg)
UK
US
Australia
13 countries165+ clients in
India
Headquartered in Pune, India
New Zealand
S.Africa
Nigeria
Middle East
Kenya
![Page 4: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/4.jpg)
CustommLearning
CustomeLearning
30+ awards and much recognition
![Page 5: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/5.jpg)
Source: http://s3.amazonaws.com/rapid-elearning-blog/0710/form-based-elearning.png
![Page 6: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/6.jpg)
Poll #1
If you were to describe this interaction, how would you do it?
a. Engaging
b. Boring
c. Neither, just about acceptable
![Page 7: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/7.jpg)
Agenda
• A dose of Instructional Design• Merrill’s performance/content matrix
• Content Types Amenable to Interaction
• The Six Design Elements in Interaction
• Using the Elements - An example• A concept
• Some Dos and Don’ts
![Page 8: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/8.jpg)
A dose of Instructional Design
![Page 9: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/9.jpg)
Performance Content Matrix
Remember Instance / Example
Find
Use
Remember Generality / Rule
Concept Procedure PrincipleFact
![Page 10: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/10.jpg)
Content Types
• A fact is an association between a date and event or a name and part
• A concept is a set of objects, events, or symbols that share common characteristics
• A procedure is a set of steps for carrying out some activity
• A principle is the cause-and-effect relationships in a process
![Page 11: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/11.jpg)
Rule vs. Example
• A generality (rule) is a statement of a definition, principle, or the steps in a procedure
• An instance (example) is a specific illustration of an object, symbol, event, process, or procedure
![Page 12: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/12.jpg)
Types Amenable to Interaction
Remember Instance / Example
Find
Use
Remember Generality / Rule
Concept Procedure PrincipleFact
![Page 13: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/13.jpg)
The Six Design Elementsin Interaction
![Page 14: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/14.jpg)
The Six Elements of Interaction for eLearning
1. Metaphor
2. Content
3. The Stage & Instructions
4. Input & Output
5. Feedback
6. The End State
![Page 15: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/15.jpg)
The Six Elements of Interaction for eLearning
Metaphor, content, stage and instructionsSource: http://www.moma.org/interactives/projects/2001/whatisaprint/flash.html
![Page 16: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/16.jpg)
The Six Elements of Interaction for eLearning
Input/Output, feedback, the end-stateSource: http://www.bbc.co.uk/science/humanbody/body/interactives/3djigsaw_02/index.shtml?skeleton
![Page 17: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/17.jpg)
An Important Difference
Two primary ways of use
1. Content - nothing more than an exposition of content, a presentation method
2. Practice - test of knowledge, against a specific outcome
![Page 18: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/18.jpg)
A concept: The Citrus Fruit
Instructional Design First
Use/Generality
What is the use of a concept?
Let’s you recognize and identify.
![Page 19: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/19.jpg)
Using the Elements – An example
![Page 20: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/20.jpg)
The Six ElementsMetaphor The Book (a page turner)
Page 9 of 50 NextBack
![Page 21: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/21.jpg)
The Six ElementsContent
A citrus fruit is a globose to elongated, 4-30 cm long and 4-20 cm diameter, with a leathery rind or "peel“ of varied colors ranging from green to orange and red.
The fruit contains segments that are filled with juicy pulp. Citrus fruits are known for their fragrance and the sourness due to citric acid content. Some citrus fruits are consumed by humans because they are both sweet and sour.
![Page 22: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/22.jpg)
The Six ElementsThe Stage & Instructions
1. Core idea – class/attribute exploration
2. Stage to ‘create a citrus fruit’
3. Superset of citrus fruit, is fruit. Using those attributes (shape, size, color, fragrance, flavor)
![Page 23: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/23.jpg)
The Six ElementsContent
![Page 24: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/24.jpg)
The Six ElementsThe Stage & Instructions
Size Color Flavour FragranceShape
OKThese are instructions that describe how to use this interaction.
![Page 25: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/25.jpg)
The Six ElementsInput & Output
1. Is the heart of interaction
2. Input limitations (device-based) (point and click)
3. Output is visual and aural
![Page 26: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/26.jpg)
The Six ElementsInput & Output
Size Color Flavour FragranceShape
Globose
Oblate
Ellipsoid
Pyriform
Obovate
30-40 cm
04-30 cm
08-40 cm
20-60 cm
Yellow
Red
Green
Blue
Bitter
Sweet
Sour
Sweet-sour
Spicy
Spicy
Floral
Fruity
Zesty
OK
![Page 27: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/27.jpg)
The Six ElementsFeedback
1. Feedback is different from output
2. Diagnostic, cue-based, remedial
3. Continuous vs. discrete
Oblate 08-40 cm Blue Sweet Floral
![Page 28: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/28.jpg)
The Six ElementsThe End State
Final state learner see
before next display
Ensure it is cohesive and
makes sense
Oblate 08-40 cm Blue Sweet Floral
Reset
![Page 29: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/29.jpg)
Some Dos and Don’ts
![Page 30: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/30.jpg)
Dos
• Do ensure instructional alignment
• Think beyond conventional interaction
• Think of games
• Think fun and engaging
![Page 31: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/31.jpg)
Don’ts
• Don’t focus on graphics and representation, that will follow
• Don’t ‘dumb down’ the interaction, that will affect instructional outcome
![Page 32: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/32.jpg)
Poll #2
Did you learn something interesting that you will be able to apply right away in your courseware?
a. Yes
b. No
c. Maybe
![Page 33: The Design Of Interaction For eLearning](https://reader033.fdocuments.in/reader033/viewer/2022050613/5549aa65b4c905a6758b54e3/html5/thumbnails/33.jpg)
Thank You
Any questions?