1 the click and the dead how to use interactivity, feedback, and visual pacing elements to improve...
TRANSCRIPT
1
The Click and The Click and The DeadThe Dead
How to Use Interactivity, Feedback, and Visual How to Use Interactivity, Feedback, and Visual Pacing Elements to Improve Your Online Pacing Elements to Improve Your Online LearningLearning
By John HartnettBy John Hartnett
2
WelcomeWelcome
PurposePurpose
To show how to use creative interactivity, feedback To show how to use creative interactivity, feedback techniques and pacing elements to improve your techniques and pacing elements to improve your online learning.online learning.
3
WelcomeWelcome
Who Am I?Who Am I?John Hartnett, MFAJohn Hartnett, MFAWorked for LogicBay, UserView/BI, Worked for LogicBay, UserView/BI,
LearningByte/Digital Think, etc.LearningByte/Digital Think, etc.Zillions of WBT’s and CBT’sZillions of WBT’s and CBT’sNuts and BoltsNuts and Bolts for for Online Learning MagOnline Learning Mag
((TrainingTraining))
[email protected]@bluemissile.com
4
Why Design Why Design Interactively?Interactively?
Screen real estate is scarceScreen real estate is scarce
Visual overhead and the training experienceVisual overhead and the training experience
Make every piece of training and every screen Make every piece of training and every screen pixel part of the teachingpixel part of the teaching
6
What is feedback?What is feedback?
InterfaceInterface
Main purpose to help users understand programMain purpose to help users understand program
Includes pacing elementsIncludes pacing elements
InstructionalInstructional
Main purpose to help teachMain purpose to help teach
8
Good feedbackGood feedback
Screen real estate is scarceScreen real estate is scarce
Extender not directorExtender not director
Source of contentSource of content
Make all feedback instructional feedbackMake all feedback instructional feedback
9
Types of text Types of text feedbackfeedback
Pop-up textPop-up text
Echo textEcho text
Status bar Status bar
Perpetual versus responsorialPerpetual versus responsorial
10
Giving Good Giving Good FeedbackFeedback
Practical App: In groups, devise interactive feedback for one of Practical App: In groups, devise interactive feedback for one of the following learning events:the following learning events:
A User incorrectly clicks the X to close a Word document, instead of A User incorrectly clicks the X to close a Word document, instead of using File-Close or Ctrl-W.using File-Close or Ctrl-W.
B User correctly identifies the three most common ways of opening a file B User correctly identifies the three most common ways of opening a file in Word. (There are two lesser-known ways -- right-clicking on the file in Word. (There are two lesser-known ways -- right-clicking on the file icon and choosing icon and choosing Open WithOpen With, or choosing , or choosing File Open File Open from Internet from Internet Explorer.Explorer.
C For a simulated customer service call, user must choose the C For a simulated customer service call, user must choose the bestbest response for each customer question. Choose the best response 80% response for each customer question. Choose the best response 80% of the time or better overall, and the call is a success. Less than that of the time or better overall, and the call is a success. Less than that and the call is a failure resulting in an angry customer.and the call is a failure resulting in an angry customer.
12
Pacing ElementsPacing Elements
Pacing elements are the visual clues and Pacing elements are the visual clues and indicators that tell learners where they are in indicators that tell learners where they are in a training course and how much they have a training course and how much they have left to do.left to do.
13
Pacing ElementsPacing Elements
Four kindsFour kinds
Indicators of placeIndicators of place
Controllers of placeControllers of place
Part of the interfacePart of the interface
Part of the contentPart of the content
Make all pacing elements Make all pacing elements controllerscontrollers of place and of place and part part of the contentof the content
14
Pacing ElementsPacing Elements
Page ReferencesPage References
Page 6 of 327Page 6 of 327
Advantage: Easy, intuitiveAdvantage: Easy, intuitive
Disadvantage: Locks into a page view of trainingDisadvantage: Locks into a page view of training
15
Pacing ElementsPacing Elements
Blue bar of boredomBlue bar of boredom
Advantage: VisualAdvantage: Visual
Disadvantage: Common, often overlookedDisadvantage: Common, often overlooked
16
Pacing ElementsPacing Elements
Build pacing elements into interfaceBuild pacing elements into interface
Controllers of place: Controllers of place:
Make pacing elements display and control positionMake pacing elements display and control position
VCR controlsVCR controls
Scroll barsScroll bars
17
Pacing ElementsPacing Elements
Relate pacing elements to contentRelate pacing elements to content
Flowcharts you can click onFlowcharts you can click on
Steps in a multi-step procedureSteps in a multi-step procedure
18
Pacing ElementsPacing Elements
Ultimate pacing element – timersUltimate pacing element – timers
Use timers to add urgencyUse timers to add urgency
20
Pacing ElementsPacing Elements
Practical App: Group PacingPractical App: Group Pacing
In groups, devise pacing elements for one of the following:In groups, devise pacing elements for one of the following:
A - A course on the anatomy of the California RedwoodA - A course on the anatomy of the California Redwood
B - A course on the five steps to successfully closing a B - A course on the five steps to successfully closing a sale sale
C - A course on the parts and nomenclature of the F-18 C - A course on the parts and nomenclature of the F-18 HornetHornet
21
Headlines and Headlines and CaptionsCaptions
Take up huge amount of screen real-estateTake up huge amount of screen real-estate
Make them earn their screen spaceMake them earn their screen space
22
HeadlinesHeadlines
Active voiceActive voice
Summarize main point of pageSummarize main point of page
If done correctly no need for a site indexIf done correctly no need for a site index
23
CaptionsCaptions
Active voiceActive voice
Summarize and extend main point of the pageSummarize and extend main point of the page
If done correctly user can skip body textIf done correctly user can skip body text
24
Exercise: Rewrite Exercise: Rewrite This!This!
Rewrite the following captions or headlines:Rewrite the following captions or headlines:
A Headline - “Lesson 1 - Opening Word”A Headline - “Lesson 1 - Opening Word”
B Photo caption - “Golfer demonstrating proper B Photo caption - “Golfer demonstrating proper swing.”swing.”
C Callout - “The most important part of the engine.”C Callout - “The most important part of the engine.”
D Headline - “Getting Help from Microsoft D Headline - “Getting Help from Microsoft Corporation.”Corporation.”
25
Types of Types of InteractionsInteractions
Text and GraphicsText and Graphics
Text entry (fill in)Text entry (fill in)
Multiple choiceMultiple choice
MatchingMatching
RolloverRollover
Click (explore)Click (explore)
Drag and DropDrag and Drop
MatchingMatching
26
Full-Powered Full-Powered InteractivityInteractivity
Combine Combine interactionsinteractions
Drag objects to a flow chart, then click to see if flow is Drag objects to a flow chart, then click to see if flow is correct.correct.
Roll cursor over each “attitude photo” then click on best Roll cursor over each “attitude photo” then click on best responder and then choose the appropriate responseresponder and then choose the appropriate response
Click and Drag the “Mood Switch” to “Defensive Driving” Click and Drag the “Mood Switch” to “Defensive Driving” then roll cursor over potential hazards along the route.then roll cursor over potential hazards along the route.
Open task window and let user explore an open-ended Open task window and let user explore an open-ended software simulationsoftware simulation
27
Putting it All Putting it All TogetherTogether
Practical App: Live StoryboardingPractical App: Live Storyboarding
Where John storyboards a training sample, live Where John storyboards a training sample, live and unrehearsedand unrehearsed
28
Putting it All Putting it All TogetherTogether
Practical App: Group StoryboardingPractical App: Group Storyboarding
Break into groups and storyboard another Break into groups and storyboard another samplesample
29
More InformationMore Information
Why Johnny Can’t Read WBT from Inside Technology Why Johnny Can’t Read WBT from Inside Technology Training magazine, April 2000.Training magazine, April 2000.
How to Give Good FeedbackHow to Give Good Feedback from from www.bluemissile.com/resourceswww.bluemissile.com/resources
Setting the PaceSetting the Pace from www.bluemissile.com/resources from www.bluemissile.com/resources
Online Learning Magazine (Online Learning Magazine (www.onlinelearningmag.com/)www.onlinelearningmag.com/)
E-learning Guild (E-learning Guild (www.elearningguild.comwww.elearningguild.com))