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
Action ___________________
________________________
Animation ________________
________________________
Transition ________________
________________________
Time ____________________
Description : Slide No : 03
Action ___________________
________________________
Animation ________________
________________________
Transition ________________
________________________
Time ____________________
Description : Slide No : 05
Action ___________________
________________________
Animation ________________
________________________
Transition ________________
________________________
Time ____________________
Description : Slide No : 02
Action ___________________
________________________
Animation ________________
________________________
Transition ________________
________________________
Time ____________________
Description : Slide No : 04
Action ___________________
________________________
Animation ________________
________________________
Transition ________________
________________________
Time ____________________
Description : Slide No : 06
Action ___________________
________________________
Animation ________________
________________________
Transition ________________
________________________
Time ____________________
Finish