You are on page 1of 10

Navigation Map & Storyboard

Navigation Map

A navigation map outlines the
structure of the entire multimedia
project...showing all of the slide and
the connections from one slide to
others.
It is useful for organizing and clearly
seeing how material should be
connected.
The Navigation Map is similar to a
storyboard, except that it doesn't
provide detail as to the contents of the
individual pages.
pages
Navigation Map

Linear Structure

HOME 01 02 03 04

The user navigates sequentially, moving from one page to the next.
Navigation Map

Hierarchical Structure

HOME

01 02

01A 01B 01C 02A 02B

Analogous to the branches of a tree. To move from top to bottom, one must
move down one branch at a time...with more branches being available the
lower you go. The structure is shaped by some natural logic.
Navigation Map

Non Linear Structure

HOME

01 02 03 04 05

03A 04A 05A

Users can navigate freely through the content of the multimedia project,
unbound by predetermined routes.
Navigation Map

Composite Structure

01 01A 01B 01C

HOME 02 02A 02B 02C

03 03A 03B 03C

For the most part users can navigate freely (as in the non-linear structure),
but are occasionally constrained to a linear or hierarchical structure for some
of the material.
Navigation Map

Slide Description

INTRO HISTORY PHILOSOPHY CONTACT
02 5s 03 10s 04 10s 05 10s

PROJECT
HOME TEAM ADMIN DESIGN
MANAGEMENT
01 5s 06 10s 07 10s 08 10s 09 10s

SERVICES INTERIOR GRAPHIC LANDSCAPE
10 10s 11 10s 12 10s 13 10s

TOTAL SLIDE = 13
TOTAL TIME = 120sec
Storyboard

Storyboards are graphic organizers such as a
series of illustrations or images displayed in
sequence for the purpose of pre-visualizing a
motion graphic or interactive media sequence,
including website interactivity.
Storyboard

Storyboard Description
Description : Slide No : 01 Description : Slide No : 02
Action ___________________ Action ___________________
________________________ ________________________
Animation ________________ Animation ________________
________________________ ________________________
Transition ________________ Transition ________________
________________________ ________________________
Time ____________________ Time ____________________

Description : Slide No : 03 Description : Slide No : 04
Action ___________________ Action ___________________
________________________ ________________________
Animation ________________ Animation ________________
________________________ ________________________
Transition ________________ Transition ________________
________________________ ________________________
Time ____________________ Time ____________________

Description : Slide No : 05 Description : Slide No : 06
Action ___________________ Action ___________________
________________________ ________________________
Animation ________________ Animation ________________
________________________ ________________________
Transition ________________ Transition ________________
________________________ ________________________
Time ____________________ Time ____________________
Finish