Designing Multimedia Presentation

Concept to Presentation

General Design Considerations

• How we gather information?• Always keep your audience in mind.• Create a good layout of your slides, incorporate variety

of multimedia elements:– Text– Graphics– Photographs– Boxes and other static objects– Animated objects– Motion video– Colour space

Keep in mind

• Each slide should address a single concept

• Slides should follow a logical progression

• Simple design is best

• Viewer must be able to digest each screen quickly

• Six lines of text are generally the maximum

• Use both upper and lower cases, not all caps.

• Use colour appropriate to the mood you want

How we gather information?

• 10 percent the words we hear

• 40 percent from the way the words are said

• 50 percent from what we see

To make an effective presentation:

• we will speak,

• use text,

• use images and

• use audio-visual effects

• use animation

• use video

Software Development Lifecycle

• Define the problem

• Analyze and specify the problem

• Write an algorithm or general solution

• Verify the algorithm

• Implement or code the algorithm

• Test and verify

• Maintain it

Designing Multimedia Presentation is similar to Software Development

• Define your problem (purpose) / Develop your presentation topic• Brainstorm or concept map• Create an outline• Analyze your audience• Research• Make a storyboard• Write a script• Build the presentation, use visual aids• Test and Debug the presentation• Deliver your presentation

Designing Multimedia Presentation has Two parts:

• Conceptual design

• Presentation design

Conceptual design

• Brain storming or concept mapping• Ask yourself, group members or your client all

possible questions:– Who?– What?– When?– Where?– Why?– How?

Brainstorming

• Never put off an idea that rises out during brainstorming

• Write now, critique later

Brainstorming

• The end product will be a list of important topics or goals that you hope to present.

• Also known as outline of your presentation

Presentation design

• In presentation design we map the abstraction of conceptual design on to a real multimedia environment.

Presentation design has its own problem space

• Human perception

• Multimedia composition

The middle symbol was read as B and then the same symbol was read as 13.

As human perception changes in different context.

WHAT IS MULTIMEDIA? WHEN PEOPLE TALK OF MULTIMEDIA IN THIS DAY AND AGE, THEY ARE USUALLY REFERRING TO CD ROM PACKAGES. THESE USE A RANGE OF TYPES OF MEDIA INCLUDING TEXT, SOUND, IMAGES, VIDEO AND ANIMATION. INTERACTIVE MULTIMEDIA ALLOWS USERS SOME LEVEL OF CONTROL OVER HOW AND WHEN THE INFORMATION OR DATA ON THE CD ROM IS PRESENTED TO THEM. IN THIS WAY IT DIFFERS FROM LINEAR PRESENTATION SYSTEMS SUCH AS VIDEO. HOWEVER, MULTIMEDIA IN IT'S PUREST FORM HAS BEEN WITH US SINCE WE FIRST LEARNED TO TALK AND POINT. IMAGINE A CLASS ROOM IN WHICH THE TEACHER TALKS TO HIS CLASS AND WRITES ON A CHALKBOARD. THIS IS MULTIMEDIA USING TEXT AND SOUND. IF THE TEACHER IS GENEROUS ENOUGH TO ANSWER QUESTIONS DURING HIS LESSON THEN WE HAVE INTERACTIVE MULTIMEDIA. THE TEACHER COULD JUST STAND THERE AND TALK TO HIS STUDENTS, BUT CHOOSES TO USE THE WRITTEN WORD TO ENHANCE HIS LESSON AND TAKES QUESTIONS IN ORDER TO ENSURE THAT HIS STUDENTS GET MORE INFORMATION ON POINTS UNCLEAR TO THEM. CLARITY AND INTERACTIVITY. THESE ARE THE DRIVING FACTORS BEHIND MODERN MULTIMEDIA. IT IS MERELY USING NEWLY AVAILABLE TECHNOLOGY TO ENHANCE TRADITIONAL IDEALS.

What Is Multimedia? When people talk of multimedia in this day and age, they are usually referring to CD ROM packages. These use a range of types of media including text, sound, images, video and animation. Interactive multimedia allows users some level of control over how and when the information or data on the CD ROM is presented to them. In this way it differs from linear presentation systems such as video. However, multimedia in it's purest form has been with us since we first learned to talk and point. Imagine a class room in which the teacher talks to his class and writes on a chalkboard. This is multimedia using text and sound. If the teacher is generous enough to answer questions during his lesson then we have interactive multimedia. The teacher could just stand there and talk to his students, but chooses to use the written word to enhance his lesson and takes questions in order to ensure that his students get more information on points unclear to them. Clarity and interactivity. These are the driving factors behind modern multimedia. It is merely using newly available technology to enhance traditional ideals.

Why Do I Need Multimedia?This should be the first question that should be addressed when approaching a multimedia designer. There is a temptation to commission a multimedia project for its own sake. Without a clear idea of the goals and objectives of the project it is almost certainly destined to be an expensive folly. In outlining and examining the goals and objectives, it may be discovered that multimedia is not, in fact, the best solution. And if a multimedia design company does not raise these issues at the outset, then they are not providing a proper service to their prospective client.

The Benefits Of Multimedia The two main benefits to multimedia are Clarity and Interaction

Images, animation and video can be used very effectively to emphasise a point. A picture can speak a thousand words, so the saying goes (just make sure that it is saying the right words). By combining a number of media together you can make the overall effect much more appealing. This helps to maintain the attention of your target audience. Video in particular has a very powerful effect on people, lending a perceived credibility to your message which is often otherwise missing. This is thanks, in part, to the saturation of television in modern culture.

As mentioned earlier, interactivity allows the end user to concentrate on the areas of most interest to them without having to wade through extraneous material. People do not tend to think in a linear fashion, but rather tend to jump from point to point and not necessarily in any discernible order. If your product caters well to the non-linear thought processes of your target audience then it becomes more user friendly and consequently more successful. Interactivity, if implemented correctly, can also provide users with the ability to query the information provided to them, asking for further clarity or requesting related information.

THE BENEFITS OF MULTIMEDIA THE TWO MAIN BENEFITS TO MULTIMEDIA ARE CLARITY AND INTERACTION.

IMAGES, ANIMATION AND VIDEO CAN BE USED VERY EFFECTIVELY TO EMPHASISE A POINT. A PICTURE CAN SPEAK A THOUSAND WORDS, SO THE SAYING GOES (JUST MAKE SURE THAT IT IS SAYING THE RIGHT WORDS). BY COMBINING A NUMBER OF MEDIA TOGETHER YOU CAN MAKE THE OVERALL EFFECT MUCH MORE APPEALING. THIS HELPS TO MAINTAIN THE ATTENTION OF YOUR TARGET AUDIENCE. VIDEO IN PARTICULAR HAS A VERY POWERFUL EFFECT ON PEOPLE, LENDING A PERCEIVED CREDIBILITY TO YOUR MESSAGE WHICH IS OFTEN OTHERWISE MISSING. THIS IS THANKS, IN PART, TO THE SATURATION OF TELEVISION IN MODERN CULTURE.

AS MENTIONED EARLIER, INTERACTIVITY ALLOWS THE END USER TO CONCENTRATE ON THE AREAS OF MOST INTEREST TO THEM WITHOUT HAVING TO WADE THROUGH EXTRANEOUS MATERIAL. PEOPLE DO NOT TEND TO THINK IN A LINEAR FASHION, BUT RATHER TEND TO JUMP FROM POINT TO POINT AND NOT NECESSARILY IN ANY DISCERNIBLE ORDER. IF YOUR PRODUCT CATERS WELL TO THE NON-LINEAR THOUGHT PROCESSES OF YOUR TARGET AUDIENCE THEN IT BECOMES MORE USER FRIENDLY AND CONSEQUENTLY MORE SUCCESSFUL. INTERACTIVITY, IF IMPLEMENTED CORRECTLY, CAN ALSO PROVIDE USERS WITH THE ABILITY TO QUERY THE INFORMATION PROVIDED TO THEM, ASKING FOR FURTHER CLARITY OR REQUESTING RELATED INFORMATION.

Lets compare:Number of lines read on slide with all capital letters = ?

Number of lines read on slide with all small letters (ball face) = ?

Capital or Small Letters

According to the researchers, it is the small or ball face letters are more readable than all capital letters.

Other Elements of Design:• Research/Seek Inspiration

• Proportion

• Consistency

• Relevance

• Direction

• Contrast

• Text

– Font, size, style, weight, alignment, paragraph

• Images

• Charts and diagrams

Making the mini storyboard A storyboard is the graphical representation of the outline.

Making the storyboardThe first storyboard after the outline can serve as a “doodling” session, a chance for you to put in primitive visual form the outline you have developed.

As with other steps in the design process, you may have to go through this procedure several times to refine the design, locate problems, add new ideas, and input from others.

Making the storyboard•Define your problem (purpose) / Develop your presentation topic•Brainstorm or concept map•Create an outline•Analyze your audience•Research•Make a storyboard•Write a script•Build the presentation, use visual aids•Test and Debug the presentation•Deliver your presentation

Making the storyboard

Writing a Script•Like the script of a play

•A textual representation of all of the elements of the final show

•It includes:– Slide description

– How it will be presented

– Duration of each slide

– Total running time

– Narration

Click to add text

• Click to add text • Click to add text

Click to add text

• Click to add text

Click to add text

• Click to add text • Click to add text

• Click to add text

• Click to add text

• Click to add text

The MPC Standard - Level 3; June, 1995

RAM: 8MbMicroprocessor: CPU must pass MPC Test Suite benchmarked on a 75MHz Pentium ProcessorHard Drive: 540MbCD-Rom Drive: A sustained transfer rate of 600K per second (quad speed), average access time of 250ms; CD-Rom XA ready; multisession capable.Audio: 16-bit digital sound, wavetable, MIDI playback. Speakers tested at minimum of 3 watts/channelGraphics Performance: Colour space conversion and scaling capability; direct access to frame buffer for video-enabled graphics subsystem with a resolution of 352 x 240 at 30 fps (or 352 x 288 at 25 fps) at 15 bits/pixel, unscaled, without cropping.Video Playback: MPEG1 (hardware or software) with OM-1 compliance; direct access to frame buffer for video-enabled graphics subsystem with a resolution of 352 x 240 at 30 fps (or 352 x 288 at 25 fps) at 15 bits/pixel, unscaled, without cropping; all codecs (hardware and/or software) must support a synchronised audio/video stream with a resolution of 352 x 240 at 30 fps (or 352 x 288 at 25 fps) at 15 bits/pixel without dropping a frame.User Input: 101 key IBM-style keyboard or keyboard that delivers same functionality; two-button mouse.Additional: MIDI, joystick, serial, parallel portsSystem Software: Windows 3.11 and DOS 6.0 or binary compatible