Introduction to Storyboarding

Transcription

1 Introduction to Storyboarding Storyboards are the blueprints of an interactive courseware design and development process. They provide a combination of text and graphics or graphic descriptions that convey all the necessary information about the delivery of course content. Storyboards describe in detail all images, animations, movie segments, sound, text and navigational paths. The more complete, detailed, and accurate they are, the fewer the assumptions, questions, delays, confusion, and errors that occur later, during the costly Development phase. An accurate content outline, course design document, and style guide are essential to the success of the storyboard design. A storyboard is the first step for creating Learning Object (LO). It contains the main content that will appear on the screen and a description of the visual/graphic/image that will accompany the text. Steps for Storyboarding Step 1 Select the topic that you want to work on. Your topic selection should be guided by how you will want to integrate the LO with classroom teaching. For this you must consider the following questions: Step 2 Do you want to introduce a new topic or skill? Do you want to reinforce the existing skills? Do you want to illustrate concepts that are less easily explained though traditional teaching methods? Do you want to provide enrichment activities for gifted and highly motivated students? Now that you have thought about what you teach and how you might teach it, you are ready to begin creating the storyboard. The storyboard is an excellent way to start creating your LO. You should ideally put all the information from the topic that you have selected into the storyboard format, in order to get a better picture of appearance and flow of the LO. Step 3 Your storyboard should include an overview of each page s content, as well as linear/hierarchical flow of topic. Step 4

2 The storyboard should also detail the visuals that you plan to use each page/frame. You might use whatever visual representation woks for you; e.g. cartoon-like pencil and paper sketch, a series of numbered and labeled boxes (representing events) with directional flows (representing orders), a description of the photo/image that you plan to use for the corresponding text. Storyboard Requirements Storyboard templates provide an efficient tool for designing course content and creating a comfortable learning environment by maintaining a standard for text and graphic placement on the screen. Standard graphic and text placement is: Portrait Text on left, graphic on right. Landscape Text on bottom, graphic on top. Full Screen Text or graphic occupies full screen. Figure 1. Portrait Storyboard Example

3 Figure 2. Landscape Storyboard Example

4 Figure 3. Full Screen Storyboard Example

5 Header Footer The following information describes the header and footer sections of the storyboard template. The Header Section Date - The date the storyboard is created or changed. Each time the Date changes, the Version # and Storyboard Reviewer fields should be updated accordingly. Storyboard File Name - The storyboard file name includes the course number (3-digits) and module number (2-digits) with each separated by an underscore (_). The storyboard file name is a shorthand reference to the storyboard and should not be confused with the screen name. The screen name is comprised of the following 10-digits: course number, module number, topic number, and screen number. Version # - The first version number for a storyboard file is 1.0. The version number must be updated to reflect any storyboard modifications (e.g., 1.2, 1.3, etc.). After SME comments have been incorporated, the storyboard should then receive the designation of Version 2.0.

6 Each time the Version # changes, the Date and Storyboard Reviewer fields should be updated accordingly. Storyboard Writer - This field includes the complete name of the persons responsible for writing the storyboards. Do not use initials. Storyboard Reviewer - This field contains the complete name of the person reviewing the storyboards. Do not use initials. Each time the Storyboard Reviewer makes changes, the Date and Version # fields should be updated accordingly. Date Comments Received - This field contains the date on which the reviewer received the storyboards. Course and Course # - These fields include the complete course name in the first space and the corresponding course number in the adjacent space. If the course name needs to be abbreviated, ensure that it is easily identifiable. The course number should be a 3-digit number. Module and Module # (if the content warrants division into modules) - These fields include the complete module name in the first space and the corresponding module number in the adjacent space. If the module name needs to be abbreviated, ensure that it is easily identifiable. The module number should be a 2-digit number (e.g., 01, 02, 03). Topic and Topic # - These fields include the complete topic name in the first space and the corresponding topic number in the adjacent space. If the topic name needs to be abbreviated, ensure that it is easily identifiable. The topic number should be a 2-digit number (e.g., 01, 02, 03). Screen and Screen # - These fields include the screen name that is based on the screen type, for example, Module Menu, Practice Screen, or Content Screen. This is not to be confused with the 12-digit number that is the unique identifier for the screen. The screen number should be a 3-digit number starting with 010. The numbering should continue in increments of 10. Any screens inserted during the editing process should be numbered so as not to disrupt the existing order of the screens (e.g., 010, 011,012, 020,030). The Footer Section Programmer Notes - This field includes any information the programmer needs to accurately program the storyboard. This information may pertain to the placement and movement of text on the screen as well as hyperlinks and any interactions that the plug-ins and additional software may facilitate. Pop-up Text - The pop-up text field provides the definition for the hyperlinked term(s) the learners click. The terms should appear at the beginning of the first sentence of the definition.

7 Back - This field contains the 3-digit number of the screen to which the learner will move when the Back (<) button is selected. Remember that if any screens are inserted during the editing process, the screen numbers in this section must be adjusted accordingly. Forward - This field contains the 3-digit number of the screen to which the learner will move when the Forward (>) button is selected. This should include the logical progression if the learner does not select any hyperlinks. Remember that if any screens are inserted during the editing process, the screen numbers in this section must be adjusted accordingly. Correct Feedback Pop-Up Text (for Practice Exercises only) - This field contains the actual text (as it should be viewed on a screen) that will accompany practice items that are answered correctly. Learners will be informed they answered the question correctly. If correct Branch to (for Module Assessments only) - This field includes the 3-digit screen number for the next Module Assessment question (this field only pertains to the Module Assessments). Remember that if any screens are inserted during the editing process, the screen numbers in this section must be adjusted accordingly. Incorrect Feedback Pop-Up Text (Practice only) - This field includes the actual text (as it should be viewed on a screen) that will accompany practice items that are answered incorrectly. Learners will be informed they answered the question incorrectly followed by the correct response. If incorrect Branch to (Module Assessments only) - This field includes the 3- digit screen number of the screens that will be shown during remediation (this field only pertains to the Module Assessments). Remember that if any screens are inserted during the editing process, the screen numbers in this section must be adjusted accordingly. Display- The display section is located between the header and footer sections in the storyboard template. The topics provided below describe how to complete the display section. Lesson Title/Topic Title - These fields include the title of the lesson and the title of each topic as they appear on the screen. Page numbers (# of #) - This field contains two numbers that indicate where the learner is in each topic and the number of screens remaining in that given topic. Screen title - This field contains the title of the screen as it will appear on the screen. Screen text - This field contains the actual text as it is to appear on the screen. When using the portrait template the text is on the left. When using the landscape template the text in on the bottom. Graphic description - This field contains a description of the graphic, picture, or illustration. The description can include a reference for where to find the image, graphic file names, and directions on animation, and labels that will appear with the graphic. When using the

8 portrait template the graphic is on the right. When using the landscape template the graphic is on the top. All graphics and animations should be explained in sufficient detail for reviewers to recognize the item and to make decisions about appropriateness. Also include any audio/video requirements in this section. If there is an audio (narration) requirement, provide the script, if there is a video requirement; provide the appropriate detail description and/or the source file. User Instructions - This field contains screen specific prompt text directing the learner what to do next. Development Course development begins when the final Storyboards are reviewed and approved. Lessons are programmed and reviewed according to the storyboard content. The course development is complete once all of the lessons have been reviewed and approved. Figure 1. Screen Created Based on the Completed Storyboard (Portrait) Figure 2. Screen Created Based on the Completed Storyboard (Landscape)

9 Figure 3. Screen Created Based on the Completed Storyboard (Full Screen) Workshop 1. Create a Learning Object a. Use the templates of storyboarding b. Review the instructional qualities using the Storyboarding Checklist 2. Develop the Learning Object based on the Storyboard a. Download pictures, animations, videos, audio, etc.. from the internet b. Or create your own using mobile phones or digital cameras 3. Compile the Learning Object