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).

Contact Information:

Hiram Kuykendallhiramk@microassist.com

Heather Poggi-Mannisheatherpm@microassist.com