IT152_Lecture_4._Storyboard_Overview_2013a

Question 1

Development process of a multimedia title…?

Answer 1

Product definition
Storyboarding
Prototyping/initial design
Alpha Production
Beta Production
Maintenance

Question 2

Storyboard definitions:

Answer 2

“A series of sketches that describes the content of a multimedia title”
“A series of pictures and words that depict what users see and do on every screen.”
Storyboarding is the process of laying out a multimedia title graphically
It is also seen as both “a communication tool”
And “a marketing tool”

Question 3

Storyboard…?

Answer 3

Describe the content, layout and sequence of each page
Specify how text, graphics, animation, multimedia elements are positioned on each screen
Design changes here save money on development
Storyboards answer “how” questions related to the site
Indicate how the user will interact with the content ie how will it function?

Question 4

Wireframes created to answer…?

Answer 4

“what” questions related to site. (text-only skeletal structure of every click-through possibility).

Question 5

Storyboards are the diagrammes of…?

Answer 5

the layout of each frame or page.

Question 6

Role of the Storyboard…?

Answer 6

Develops how the content will be organised on the page
Defines links between screens
Develops the graphic look and feel
To share with client and, or team
Determines the most important information for each section
“Test” the artwork and graphics
Implements the story or narrative

Question 7

Role of the storyboard:

To provide an overview of…?

Answer 7

the project and communicating our ideas to a team members and clients.

Question 8

Role of the storyboard:

To specify…?

Answer 8

the screen layouts (design and style)

Question 9

Role of the storyboard:

To provide a guide for the…?

Answer 9

development team especially the programmer/designer.

Question 10

Role of the storyboard:

To illustrate the …?

Answer 10

functionality of the objects.

Question 11

Role of the storyboard:

Saves a whole lot of…?

Answer 11

rework of the project.

Question 12

Each storyboard should include this general content…?

Answer 12

Graphic representation of frame layout
Media details / list
Interactivity
Scripts e.g. voiceovers
Navigation details

Question 13

Functionality:

Storyboards attempt to..>?

Answer 13

• Define interactive controls:
  
  • What and how interaction happens on each screen.
• Solve organisation problems
  
  • Content, navigation.
• Ensure consistency
  
  • In the way the product behaves
  • The user should need to learn the fewest possible new behaviors.

Question 14

Video control decisions…?

Answer 14

how does it start?
how does it end?
how much control?
what control device?

Question 15

Sound control decisions…?

Answer 15

start, end, continuity, how much control.

Question 16

Text control decisions…?

Answer 16

Page or scrolling, how much , hyperlinks, searching?

Question 17

A storyboard consists of two processes…?

Answer 17

1. Sketch and Rough out each screen.

2. Diagram the links between the screens in terms of content and navigation (like a flowchart)

Question 18

Storyboard types…?

Answer 18

Detailed *They sketch and describe every screen image, sound, navigational choices, colours, shades, text font, text attributes, button shapes and styles etc.

Rough schematic* These contain rough screen sketches, navigation guides, content description etc.

Question 19

Storyboard types:

Detailed…?

Answer 19

These are most commonly used in large, team-based, long term projects where team members may change and where the project is sub-divided to many project teams each working on parts of the overall project, possibly in different locations.

Question 20

Storyboard types:

Rough…?

Answer 20

This type of storyboard is more commonly by an individual for a short ad-hoc application, that is expected to require many iterations to get to the final product.

Question 21

The storyboard flow chart:

Before or after commencing a storyboard a diagram…?

Answer 21

showing the intended screens and navigation should be constructed.
This can be finalized once the storyboard is completed.
This is similar to a ‘SITE MAP’ used for Websites.

Question 22

The storyboard flow chart shows the Navigation structure:

Objectives of navigation is to….?

Answer 22

Minimise travel
- Shortest pathway between 2 points
Minimise depth
- Create hierarchy with fewest possible levels
Minimise redundancy
- Avoid multiple paths to the same place
To achieve this it is best to use one of the standard Navigation structures such as:
- Hierarchical, Hub and Spokes, etc.

Question 23

Navigation: User Access can be one of…?

Answer 23

Menus
Lists
Timelines
Icons
Buttons
Maps

Question 24

Creating the storyboard:

How do you create a storyboard…?

Answer 24

The first storyboards are done in pencil, hand drawn to provide a visual of the concept.*
This stage keeps the client focused on how they navigate through the product.
The storyboard illustrates the scene by scene plan for telling the story.
Then notes about the media, and what the user will do are added to guide the developer.

Use a paper based technique for a quick interactive storyboard-prototype technique.

Use interactive software that the designers are familiar with to create a storyboard or any design ideas.

Use flow chart and navigational chart to help the designer and the client visualise the user and system interactivity. (Yatiswara & Weir 2010)

Question 25

Interactive Iterative Storyboarding / Prototyping…?

Answer 25

Storyboards used in combination with prototypes are interactive mediums that sequentially display the functions an application system will perform. They are used to document, model, and confirm the user requirements. The storyboard prototype simulates the interaction sequences in a system to allow users to test the system before very much code has been developed, (Borysowich, 2009).

Question 26

Details to be put in the storyboard…?

Answer 26

Start simply, allowing interaction in the whole process with other designers and the client, then take into account how many objects and actors might be present in a particular page. Additionally, include the design of user interactions with the interface. Furthermore, include basic information that will be beneficial for the developer such as, the font styles and sizes for each heading, sub-heading and body text are specified. Also, include flow and navigational charts specifying the navigation of the links, and alternative possibilities of user and system interaction. (Yatiswara & Weir 2010)

Question 27

Step 7: Developing the content…?

Answer 27

This stage is “Creating the pieces”
What is the level of quality for the content?
How will the content be generated?
Who will acquire copyrights and licensing agreements?
How will the content be organised?
How will the content be archived and documented?

Question 28

Instructional Design (only if required)…?

Answer 28

Instructional Designers are vital for educational products or where the user is required to LEARN

In this case learning content needs to be:
provided by SMEs (subject matter experts)
structured to suit the user and purpose of the product
Called an “instructional strategy” that results in a user-interface

Question 29

Step 8: Authoring the Title:

Answer 29

Authoring is the multimedia term for software development
“Bringing it all together”
Specifications and the storyboard determine authoring requirements
Programmer, instructional designer, and content producers must work together to be sure that the specifications are being met.

Question 30

Step 8: Authoring the Title: Content

Final copy and content development…?

Answer 30

Create, acquire and prepare all photographs, user interface graphics, and other illustrations
Model, animate and render all 3D animation components
Record, digitize and composite all audio/video components
Edit and process all textual components
Acquire and prepare all external components such as install software, databases, linked websites, etc.

Question 31

Step 8: Authoring the Title: Creation

Programming, Testing Mastering…?

Answer 31

Build authoring platform framework in tool such as Director
Import content
Develop all programming components
Test for proper function and performance targets
Optimize performance for each platform
Burn beta version for customer content review and functional testing
Burn gold master for replication

Question 32

Step 9: Production - Testing the Title…?

Answer 32

Testing asks – “Does it work the way it was planned?”
Functional Testing means examining a project’s performance according to agreed specifications
This will include the robustness of the code, the structure and content of the program, the interface, the interactivity, the look and feel.
Goals of testing are:
To remove bugs and errors
Ensure visual and operational accuracy
Ensure the client’s requirements have been met
Ensure the specification agreed upon has been met

Question 33

Testing Title Functionality…?

Answer 33

Functional testing – Does the title work?
Alpha testing
Conducted in-house
Users try to make the program crash
Beta testing
Conducted with selected potential users
Feedback is collected from as many users as possible

Question 34

Step 10: Testing title design…?

Answer 34

Usability testing
How does the user interact with the title?
Does the user understand the overall navigation scheme and metaphors?
Does the user find the title easy to use?

At this stage changes may be documented and held over to the next version

Question 35

Step 11: Post-Production…?

Answer 35

Complete documentation
Specs, storyboard, testing sheets, reports, user guide
Prepare packaging and promotional material
Press announcements
Prepare technical support
Prepare gold master / Replicate master
Manufacture CD-ROMs 
Print and/or label CD-ROMs Hold party!