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.
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.
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