IT152_Lecture_4._Storyboard_Overview_2013a Flashcards
Development process of a multimedia title…?
Product definition Storyboarding Prototyping/initial design Alpha Production Beta Production Maintenance
Storyboard definitions:
“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”
Storyboard…?
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?
Wireframes created to answer…?
“what” questions related to site. (text-only skeletal structure of every click-through possibility).
Storyboards are the diagrammes of…?
the layout of each frame or page.
Role of the Storyboard…?
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
Role of the storyboard:
To provide an overview of…?
the project and communicating our ideas to a team members and clients.
Role of the storyboard:
To specify…?
the screen layouts (design and style)
Role of the storyboard:
To provide a guide for the…?
development team especially the programmer/designer.
Role of the storyboard:
To illustrate the …?
functionality of the objects.
Role of the storyboard:
Saves a whole lot of…?
rework of the project.
Each storyboard should include this general content…?
Graphic representation of frame layout Media details / list Interactivity Scripts e.g. voiceovers Navigation details
Functionality:
Storyboards attempt to..>?
- 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.
Video control decisions…?
how does it start?
how does it end?
how much control?
what control device?
Sound control decisions…?
start, end, continuity, how much control.
Text control decisions…?
Page or scrolling, how much , hyperlinks, searching?
A storyboard consists of two processes…?
- Sketch and Rough out each screen.
2. Diagram the links between the screens in terms of content and navigation (like a flowchart)
Storyboard types…?
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.
Storyboard types:
Detailed…?
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.
Storyboard types:
Rough…?
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.
The storyboard flow chart:
Before or after commencing a storyboard a diagram…?
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.
The storyboard flow chart shows the Navigation structure:
Objectives of navigation is to….?
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.
Navigation: User Access can be one of…?
Menus Lists Timelines Icons Buttons Maps
Creating the storyboard:
How do you create a storyboard…?
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)
