Presenter: Hiram Kuykendall, CTO
Storyboarding
Presentation and Templates Available:http://www.microassist.com
Resource Center, Learning Center,MicroAssist Storyboard Template
SIDE NOTE!
• Lectora Updates
• Preview button now lets you select the browser!
Goal:
1. Communicate pieces of the storyboarding processes that are often forgotten or overlooked.
2. Provide the Lectora User Group with an automated template that will assist in the storyboarding process.
What is Storyboarding?
• Pioneered by Walt Disney Studio for production of animated movies.
• …visual thinking and planning allows a group of people to brainstorm together…
• This fosters more ideas and generates consensus inside the group.
http://en.wikipedia.org/wiki/Storyboard#Benefits
What is Storyboarding? (Continued)
Reduce risk of:– Missing Information (Content or Accessibility)– Not Achieving Objectives– Miscommunication (E.g. Revision Control)– HAVING TO REDO WORK!
No one should be surprised by the content after the storyboarding process.
Catch Phrase:
ADDIE
DiscoverExisting
Resources
ReviewResources
WithClient
Define Goalsas Measurable
Business Metrics
AnalyzeLearners
And Contexts
ConductInstructional
Analysis
WritePerformanceObjectives
ReviewPerformanceObjectives
Revise PerformanceObjectives
PlanInstructional
Strategy
ChooseDeliveryMethod
Write InstructionalDesign Doc.
ReviewInstructionalDesign Doc.
ReviseInstructionalDesign Doc.
FinalizePrototype
ReviewPrototype
ProduceTrainingMaterials
ConductReview
ReviseContent
PilotClient
FeedbackFrom Pilot
Launch Evaluate
GatherFeedback
FromLearners
MeasureImprovement
and Gap
MeasureBusinessResults
Revise,Gap Training if Required
1. 2.
3.
4. 5.
Project Phases
1. Analyze2. Design
3. Develop4. Implement
5. Evaluate
EvaluateTechnical
Environment
DesignMock-upInterface
Write Instructional Design Documents
Review Instructional Design Documents
MicroAssist Storyboard Process
Design Document Task Analysis
Storyboard
Storyboarding Template
Toolbar (Macros)
Storyboard Template
Accessibility – Content Graphics
If the graphic contains information that does not appear in the immediate content, include the missing content as alternate text.
You should strive to fully incorporate graphic content in the instructional material.
Alternate Text:Total: 1996 is 20% 2006 is 30%<32: 1996 is 35% 2006 is 45%32-33: 1996 is 30% 2006 is 40%…
Accessibility – Content Graphics (Cont.)
If the graphic is a picture of a job aid, form or other lengthy content piece:
• Alternate Text: State what the picture is as long as the individual understands the concept.
Alt: Picture of Form XXX-101
• Make the graphic a link to the form or to a perceivable version of the content. The link will still contain alternative text.
Type: Graphic with External Link www.txforms.gov/xxx-101Title/ALT: Link to Form XXX-101
Accessibility – Cosmetic Graphics
For graphics that do not contain information…
Do not want extraneous information if it is not DIRECTLY relevant to the topic.
Picture of woman with a clipboard and pen.The woman appears to be in her mid 20s and has black hair and is wearing a gray coat.
Accessibility – Cosmetic Graphics
There is no universally accepted answer to the cosmetic graphics question.
Two most cited answer:
• Do not include Alternate Text for cosmetic graphics or “infrastructure” graphics.
• For reasons of social inclusion, put a minimal amount of alternate text.
Alt:Picture of woman with a clipboard.
Basic Links
Blind and Extreme Low Vision: • Assistive technologies such as JAWS will usually announce a link within
the content.• Assistive technologies such as JAWS can pull the links out of context.
Basic Links – Out of Context
SAFE: The link must be able to stand alone, out of context.
TEST: Read the links independent of the content.
Bad Example:
Click here for Form A.
Click here for Form B.
Click here for Form C.
Click here Click here Click here
Basic Links – Out of Context (Cont.)
For a more comprehensive list of NVDA shortcuts, see our list of NVDA keyboard shortcuts.
Lectora Specific
• Remove links before copying content into Lecotora. Word embedded links will not open in a new window.
• If the link requires compound words, remove spaces from the words, make the link on the compound word, then add the spaces back in.
Text: MicroAssist WebsiteRemove Space: MicroAssistWebsiteMake Link: MicroAssist WebsiteAdd Space: MicroAssist Website
Basic Links – Out of Context (Cont.)
• The NVDA User Guide is available, but has very minimal documentation.
• You can download NVDA for free (Windows only).