final project captivate storyboard · • storyboard non-character images and multimedia are not to...

Final Project Captivate Storyboard Title/Topic of Module/Lesson: Creating Accessible PowerPoint Presentations Designer’s Name: Tawn Gillihan Developer’s Name: TBD Date Created: March 15, 2018 Development Software: Adobe Captivate Time: 7-10 Minutes General Notes:

• Storyboard is created using cartoon figures but may change to photorealistic characters on further development.

• Slide numbers are temporary for reviewer’s convenience • Storyboard non-character images and multimedia are not to be used for production. These

are quick downloads from Google for designer use only. Replace with Creative Commons images and multimedia, or properly licensed content.

• Quiz slides are in development and are hidden in the current draft.

Planned Interactions: • Enter name to start module and populate certificate Name field with data – slide 1. • Populate certificate Date field with system date – slide 16. • Submit button on quiz slides returns Correct or Incorrect text response. – slides 9, 10, and

11. • Click green arrow and text (Combined into one smart shape) to jump to designated slide • Captions and transcript images launch video and audio with animation showing captions

and scrolling transcript – slide 13. • Color contrast slide displays the colorful 12 but replaces it with grey-scale 12 on click.

Text: Hint, don’t rely on color to convey information displays when grey-scale 12 appears – slide 15.

• Certificate of completion buttons perform Exit or Print commands – slide 16. Current Assessment Methods:

• Quiz

Recommended Sources for Media: • Music - Coupe, The Grand Affair - YouTube Audio Library • Graphics - Creative Commons or licensed clip art collection • Characters - Captivate Character Library

Style Guide:

• PowerPoint Theme - Mesh • Fonts - Century Gothic Heading/Century Gothic Body • Font Colors - White Text I 25% Lighter

Topics:

• Understanding Disability • Creating Accessible PowerPoint Presentations • Testing for Accessibility

Further Development

• Case Scenario – Designing For: o Melissa – Visual Disability o Austen – Learning Disability o Paulina – Hearing Impairment o Elena – Mobility Impairment o Odette – Chronic Health Condition

• Introducing Universal Design for Learning • Understanding Section 504 vs. 508

Slide Number: 1/16

Time: 5 seconds

Slide Title: Creating Accessible PowerPoint Presentations

Music: Coupe, The Grand Affair (YouTube) Play‐time: 3 seconds, fade‐out

Images: None

Text Caption Effects: Begin button to advance to Slide 2 (remove if the text field can be made to advance on hitting enter)

Interaction: Text‐Field: Enter Name

Navigation: None

Advance: By User

Branching: Text‐Field/Slide 2

Audio: Voice‐Over

Narration: Creating Accessible PowerPoint Presentations, an eLearning Module for New Faculty Orientation at Oakridge Community College. Produced by the Office of Instructional Design. Enter your name in the text field to begin.

Reviewer’s Notes:

1

Slide Number: 2/16

Time: 25 seconds

Slide Title: Welcome

Music: None

Images: Kara, waving, 3/4

Text Caption Effects: Bullet points appear as spoken

Interaction: None

Navigation: Back/Next

Advance: By User

Branching: Next/Slide 3

Audio: Voice‐Over

Narration: Meet Kara, an Instructional Designer at Oakridge Community College. In this brief eLearning module we’ll provide information on student disabilities, how to design an accessible PowerPoint presentation, and how to ensure the greatest number of students have access to the lecture materials. Click the right arrow to continue to the next slide. The left arrow will move you back to the previous slide.

Reviewer’s Notes:

2

Slide Number: 3/16

Time: 25 seconds

Slide Title: Introducing Paul

Music: None

Images: Paul, OK, 3/4


Interaction: None


Advance: By User


Audio: Voice‐Over

Narration: Today we’ll introduce you to Paul, a new instructor at Oakridge Community College. Paul knows that at least 11% of students in higher education have a disability, and that not all of them are registered with Student Disability Services. He also knows that not all disabilities are apparent, so he likely won’t know if a student has a disability unless they choose to disclose.

Reviewer’s Notes:

3

Slide Number: 4/16

Time: 25 seconds


Music: None



Interaction: None


Advance: By User


Audio: Voice‐Over

Narration: Paul is an experienced instructor and he knows that at least 11% of students in higher education have a disability, and that not all of them are registered with Student Disability Services. He’s already familiar with apparent, or visible, disabilities such as vision impairment and blindness, hearing impairment and deafness, and mobility impairments.

Reviewer’s Notes:

4

Slide Number: 5/16

Time: 25 seconds


Music: None



Interaction: None


Advance: By User


Audio: Voice‐Over

Narration: Paul is less familiar with learning disabilities, mental and emotional health issues, chronic health conditions, Traumatic Brain Injury, Post‐Traumatic Stress Disorder, Color Blindness, Chemical Sensitivity, and Chronic Pain. He may not know if a student has a disability unless they are registered with Student Disability Services or choose to disclose, and that means his disabled students may struggle or request accommodations late in the semester.

Reviewer’s Notes:

5

Slide Number: 6/16

Time: 25 seconds


Music: None



Interaction: None


Advance: By User


Audio: Voice‐Over

Narration: Paul is meeting with Kara to develop presentations that are accessible to all students, regardless of disability. She will explain the three most important design elements for ensuring accessibility for disabled students. These are providing captions with videos and transcripts with audio recordings, alternative or ‘alt’ text with images and visual elements such as charts and graphs, and strong color contrast. The images in the foreground should stand out strongly against the background, and work in grey‐scale as well as color. Click to learn more about accessible design.

Reviewer’s Notes:

6

Slide Number: 7/16

Time: 25 seconds


Music: None



Interaction: None


Advance: By User


Audio: Voice‐Over

Narration: Paul wants all his students to have an equal opportunity to learn from his lectures and presentations. Since every student has a different set of abilities, learning styles, and access to information, Paul follows these guidelines: post the lecture materials to the Learning Management System in advance, include lecture notes in the PowerPoint Notes section, provide the file in a variety of formats, such as PowerPoint, PDF, Word, and MP4, and offer to bring a few handouts with notes to the class session. Click to meet Paul’s students and learn how these actions support their learning outcomes.

Note: Slides introducing students with disabilities are not yet on the storyboard, but will be added in the next draft.

Reviewer’s Notes:

7

Slide Number: 8/16

Time: 5 seconds


Music: None


Text Caption Effects: None

Interaction: Click to begin the quiz


Advance: By User


Audio: Voice‐Over

Narration: Time for a quiz. This short quiz will give you a chance to evaluate your learning. Please select the best answer based on what you’ve learned today. Click to begin.

Note: Quiz to be developed in the next draft

Reviewer’s Notes:

8

Slide Number: 12/16

Time: 5 seconds

Slide Title: Your Score

Music: None

Images: Kara, waving, ¾, Paul, gesturing, 3/4

Text Caption Effects: Congratulations or Almost text captions appear based on quiz results. 30 points required to pass, each question worth 10 points

Interaction: Click to restart the module IF failed exam, Click for more information (links to external website www.csustan.edu/ati/instructors), Exit (close window)

Navigation: None

Advance: By User

Branching: Restart the Module (slide 1), Click for More Information (open new tab in browser www.csustan.edu/ati/instructors), Print Certificate (slide 16)

Audio: Voice‐Over

Narration: Congratulations, you passed the test! Thanks for joining Kara and Paul. Click the link for more information, print your certificate, or exit the module. OR Almost! Review the module and try again, or exit and open the module again later.

Reviewer’s Notes:

12

Slide Number: 13/16

Time: 60 seconds

Slide Title: Captioning & Transcripts

Music: None

Images: Video, MP4

Text Caption Effects:

Interaction: Click video to play 5 second recoding of video with captions, click MP4 to play audio speech with rolling transcript


Advance: By User


Audio: Voice‐Over

Narration: Captions for videos and transcripts of recordings are essential for multimedia used in instruction or public facing websites. While YouTube does provide auto‐captioning, the quality is very poor. Professionally created captions and transcripts are available for your course by arrangement with the Instructional Designer. To see examples of captioning and transcripts, click the video and MP4 icons.

Reviewer’s Notes:

13

Slide Number: 14/16

Time: 25 seconds

Slide Title: Alt‐Text for Images

Music: None

Images: Trees, Format Picture Window

Text Caption Effects:

Interaction: Click the trees, enter text in Description field in Format Picture Window image


Advance: By User


Audio: Voice‐Over

Narration:

Reviewer’s Notes:

14

Slide Number: 15/16

Time: 25 seconds

Slide Title: Color Contrast

Music: None

Images: 12 Color, 12 Gray

Text Caption Effects: When 12 Gray appears, “Hint, Don’t rely on color to convey information’ appears

Interaction: Click to change 12 Color to 12 Gray


Advance: By User


Audio: Voice‐Over

Narration: Good color contrast is important. One in 12 men and one in 200 women are colorblind. For males, that’s 8% of the population. Don’t rely on color alone to convey information. Some colors may not be perceivable. Colorblindness makes it difficult to perceive certain colors so the contrast must be strong. Make sure the audience can distinguish the foreground information from the background, even if the colors are in grey‐scale. Click the color pattern to show a simulation of color blindness.

Reviewer’s Notes:

15

Slide Number: 16/16

Time: 25 seconds

Slide Title: Certificate

Music: None

Images: Certificate of Completion, Gold Ribbon

Text Caption Effects: None

Interaction: User Name Field and Date Field auto‐populate

Navigation: Exit/Close Window

Advance: By User

Branching: None

Audio: None

Narration: None

Reviewer’s Notes:

16

final project captivate storyboard · • storyboard non-character images and multimedia are not to...

Documents