33
Abhijit Kadle, AVP - Learning Design

The Design Of Interaction For eLearning

Embed Size (px)

Citation preview

Page 1: The Design Of Interaction For eLearning

Abhijit Kadle, AVP - Learning Design

Page 2: The Design Of Interaction For eLearning

eLearning professionals

175years

Page 3: The Design Of Interaction For eLearning

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

CustommLearning

CustomeLearning

30+ awards and much recognition

Page 6: The Design Of Interaction For eLearning

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

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

A dose of Instructional Design

Page 9: The Design Of Interaction For eLearning

Performance Content Matrix

Remember Instance / Example

Find

Use

Remember Generality / Rule

Concept Procedure PrincipleFact

Page 10: The Design Of Interaction For eLearning

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

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

Types Amenable to Interaction

Remember Instance / Example

Find

Use

Remember Generality / Rule

Concept Procedure PrincipleFact

Page 13: The Design Of Interaction For eLearning

The Six Design Elementsin Interaction

Page 14: The Design Of Interaction For eLearning

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

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

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

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

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

Using the Elements – An example

Page 20: The Design Of Interaction For eLearning

The Six ElementsMetaphor The Book (a page turner)

Page 9 of 50 NextBack

Page 21: The Design Of Interaction For eLearning

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

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

The Six ElementsContent

Page 24: The Design Of Interaction For eLearning

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

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

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

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

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

Some Dos and Don’ts

Page 30: The Design Of Interaction For eLearning

Dos

• Do ensure instructional alignment

• Think beyond conventional interaction

• Think of games

• Think fun and engaging

Page 31: The Design Of Interaction For eLearning

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

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

Thank You

Any questions?