Storyboard(Multimedia)

Only available on StudyMode
  • Download(s) : 55
  • Published : May 5, 2012
Open Document
Text Preview
Overview
• Strategies for creating interactive multimedia. • Designing a multimedia project.

Storyboard

1

2

Strategies for Creating Interactive Multimedia
• A user can either describe the project in minute details, or can build a less-detailed storyboard and spend more effort in actually rendering the project. • The method chosen depends upon the scope of a project, the size and style of the team, and whether the same people will do design and development. • If the design team is separate from the development team, it is best to produce a detailed design first. 3

Designing a Multimedia Project
• Designing a multimedia project requires knowledge and skill with computers, talent in graphics, arts, video, and music, and the ability to conceptualize logical pathways. • Designing involves thinking, choosing, making, and doing.

4

Designing a Multimedia Project
• Designing the structure. (flowchart) • Designing the user interface. (storyboard)

Designing the Structure
• The manner in which project material is organized has just as great an impact on the viewer as the content itself. • Mapping the structure of a project should be done early in the planning phase.

5

6

1

Designing the Structure
• Navigation maps are also known as site maps. • They help organize the content and messages. • Navigation maps provide a hierarchical table of contents and a chart of the logical flow of the interactive interface. • Navigation maps are essentially nonlinear. 7

Designing the Structure
There are four fundamental organizing structures:
– Linear - Users navigate sequentially, from one frame of information to another.

8

Designing the Structure
– Hierarchical - Users navigate along the branches of a tree structure that is shaped by the natural logic of the content. It is also called linear with branching. • Non-linear - Users navigate freely through the content, unbound by predetermined routes.

9

10

Designing the Structure
• Composite - Users may navigate non-linearly, but are occasionally constrained to linear presentations.

• The navigation system should be designed in such a manner that viewers are given free choice. • The architectural drawings for a multimedia project are storyboards and navigation maps. • Storyboards are linked to navigation maps during the design process, and help to visualize the information architecture. 11 12

2

Designing the Structure
A user can design their product using two types of structures: – Depth structure - Represents the complete navigation map and describes all the links between all the components of the project. – Surface structure - Represents the structures actually realized by a user while navigating the depth structure.

Designing the Structure
Hotspots:
– Add interactivity to a multimedia project. – The three categories of hotspots are text, graphic, and icon. – The simplest hot spots on the Web are the text anchors that link a document to other documents.

13

14

Designing the Structure
• Hyperlinks - A hotspot that connects a viewer to another part of the same document, a different document, or another Web site is called a hyperlink. • Image maps - Larger images that are sectioned into hot areas with associated links are called image maps.

Designing the Structure
• Icons - Icons are fundamental graphic objects symbolic of an activity or concept. • Buttons - A graphic image that is a hotspot is called a button.

15

16

Designing the Structure
• Plug-ins such as Flash, Shockwave, or JavaScripts enable users to create plain or animated buttons. • Small JPEG or GIF images that are themselves anchor links can also serve as buttons on the Web. • Highlighting a button is the most common method of distinguishing it. 17

Designing the Structure
• It is essential to follow accepted conventions for button design and grouping, visual and audio feedback, and navigation structure. • Avoid hidden commands and unusual...
tracking img