DVG3022 INTERACTIVE

MEDIA
SITI NUR SAADAH BINTI MASRI

What is interactive?

Offers multiple choices or scenarios

The viewer chooses which sequences or subject to explore

interact with the viewer by responding to these choices

The user or audience has control over the program or presentation

What is multimedia?

Text
Words and numbers

Graphic
Images, artwork, .etc

+
Animation

Sound
Music and sound
effects

+
Video

What is interactive media?

Products and services on computer-based systems which respond to

users actions by presenting content

Example

Interactive television

Interactive
advertising

Video games

Social media

Virtual reality

Augmented reality

Designing IM

Designing interactive multimedia is critical in making these elements

easy to use and understand while at the same time creating an effective
and useful program

What is interface design?

The interface is what connects the user to the content and helps shape
the interactive experience

It is everything a user sees, hears, touches and feels

Getting started

Please consider:

Is an interactive multimedia program the best solution?

Who will use the program?

Where will the program be used?

Does anything like this idea already exist?

Are the resources available to make the program?

Resources required

To make an interactive multimedia (IM) program you will need:

A project management plan

People with knowledge and skills to help you

Tools like hardware, software and production equipment

Subject matter and content to put into your program

Funding (for commercial programs)

How to plan an interactive media project

1. Determine the needs & goal

What is the expected outcome?

What do you want the user to learn/know?

Tools

Set up a schedule of events (Timeline) and designate task

2. Learn the content

In some cases the content of the program may not be familiar to you
learn about the content yourself for use a subject matter expert

3. Generate ideas

Brainstroming to generate creative ideas

Better to do this activity with a group

Brainstroming produces a long list of ideas bad ones are eliminated

and some plan/method of instruction needs to be developed

4. Storyboard

Preparing textual & pictorial display of EACH screen/scene

Each screen should be roughly illustrated and serve the purpose of

generating further ideas

5. Flowchart the program

A series of diagrams describing the flow of the program

The flowchart will contain information about what screen leads from one
to another, what happens if a particular response is made, when does
the program end etc.

6. Detailed design

A paper based design stage where detailed information about the

project and its content is created.

Each frame is detailed including graphics, text, multimedia components,

navigation and actions.

7. Program it

Tranlate the storyboard/flowchart into a series of instructions on the

computer. i.e put the plan into practice!

This should be a prototype and is subjected to constant testing and

debugging

8. Produce support materials

User manual

Technical manual

Worksheet

CD cover

9. Evaluate and revise

Get the feedback from users

Fix bugs

Final production