Multimedia Design

Erkki Rämö

Usage of Multimedia programmes

• educational programmes• cultural and artistic pieces• entertainment programmes and games• documentation• edutainment• marketing and business • communication

Multimedia Production Team

• Producer/team manager– The producer is responsible for organizing funding, contract

negotiations and budgeting. This person calls the team and makes the production schedules. The producer leads the project and is held responsible for the result.

• Art Director– Art Director leads the artistic side or the production and works as

a designer. This person sees to the style of multimedia.

Multimedia Production Team

• Script writer / designer– The scriptwriter designs the contents of the multimedia. That

person needs to think how the chosen topics will be shown by the means of multimedia. The scriptwriter defines the structure and chooses the sources of information.

Multimedia Production team

• Sound designer / recorder– The task of sound designer is to design the audio, the manipulation of

audio and recording. Sound designer works with musicians and is also responsible for the audio track of video production.

• Camera man / editor– Camera man is filming and manipulating the footage by the standards or

multimedia.

Multimedia Production Team

• The Graphic designer– The Graphics designer designs and constructs different graphical

elements

• The designer of user interface– User interface designer is responsible for user interface planning, ideas

behind it and realisation of production

• The Animator– The animator produces drawn- and computer based animations

Multimedia Production Team

• 3D-graphics person– models 3D-objects, animations and pictures

• Editor of media material– converts file formats and color settings and shades to suit

multimedia and network production

Multimedia Production Team

• Photo editor– Photo editor will prepare and modify all photographicmaterial

• Image editor/photographer– works with the scriptwriter and art director and gets and delivers

the photographical material

Multimedia Production Team

• Composer– builds up the product using different media objects,

also does some script programming

Multimedia Production Team

• Programmer/software designer– The programmer's task is to program the

multimedia product, to manage the database applications and to do the technical implementation.

• Sales person/ Contact person– The sales person takes care for the customer

relation and is accountable for informing them

The contents of the offer

• object of the offer• what is included to the offer• what isn't included to the offer• schedule• responsibilities• the price of the offer• terms of paying• how long is the offer valid

Designing documents

• synopsis• content script• production script• construction plan• cost estimate• schedule• user interface plan• contracts• production plan

Synopsis

• Why is the multimedia product done?• What is the goal of the product?• How is the product used and what is it’s

purpose?• To whom is the project done?• What is inside the product?• What is the construction of the product?• What is the product like? What does it look like

and how does it sound?

Synopsis

If needed the following issues are mentioned:• preliminary schedule• cost estimate• technical definitions• the distribution to end users

As attachments:• a plan of user interface• construction plan

Synopsis of a multimedia program

• Green Power from Finland

•  

• © Green Net Finland ry

•  

• The program presents Finnish technology based knowhow of bioenergy from the point of view of export companies.

•  

• The target groups of the program are foreign public and private sector decision makers, who watch the program on a pc or in a seminar.

•  

• The parts of the program are intro and company based presentations so that the user will get a good impression about the knowhow of each company as a part of whole delivery cycle

•  

• Language is Englist.

Synopsis …• Structure:

•  

• 0 Intro

• Intros starts by describing Finnland as a high tech country and tells about the role of bioenergy in Finnish and EU energy programs fighting the climate change.

•  

• 1 Pure energy of bio fuels

• Presents the bio fuel program of Pohjolan Voima LTD

• Tells about the key knowhow of Finnish bioenergy field an presents the bioenergy supply circle.

Synopsis …• 2 Hervesting the wood

• Timberjack Oy technology by video and animation.

•  

• 3 Handling the fuel

• BMH Wood Technology Oy:n know how and technology (text, video, animations).

•  

• 4 small-scale CHP

• Wärtsilä Biopower Oy know how and technology

•  

• 5 large-scale CHP

• Kvaerner Power Oy know how and technology. Case: Kokkolan Voimalaitos-video.

•  

• 6 Production and export of bio fuel

• Vapo Oy. know how and technology

• 7 Utilization of ashes

• LT Tuhkimo Oy know how and technology

• .

Synopsis• Each topic includes a concise company presentation and example of company’s

relevant products told by video, animation and and images.

• .

• The style of the presentation is facts presented by multimedia methods. It gives a certain amount of interaction. The idea is NOT to replicae the information on company web sites.

• The visual style describes the Finnish high tech arctic knowhow. 

Treatment

The goals of the content script

• perceiving the ready application• communication within the production team• communication with the customer• basis of the production

Contents of the content script

• construction• media choices• functionality• visual properties• contents of narration• audiovisual material• information contents

Example of content script:• Harvesting 1000

•  

• //Kommentti: Tarkoituksena esittää erilaisia korjuuteknologioita, joissa suomalaisilla toimijoilla on vahvaa osaamista sekä antaa yleiskuva erilaisten metsähakeraaka-aineiden potentiaalista ja kustannuksista. Valikon etusivulla voisi olla alla oleva teksti sekä graafeina metsähakkeen, sahanpurun ja kuoren hintakehitys. Taustana still-kuva esim. Timberjackin jostain harvesterista työn touhussa (heidän CD:llään paljon hyviä kuvia).//

•  

• 1000.txt

• ”Harvesting”

•  

• 1001.wav

• “Finnish timber harvesting organisations apply modern technology and efficient logistic chains to supply the raw material to the industry. By integrating wood fuel procurement with the industry’s raw material supply chain, it is possible to achieve economies of scale and reduce transportation and overhead costs.”

• ………

On the base of the contents scriptthese will be planned:

.• user interface• visual overlook• sounds• the usage of videos and animations• the use of photographs• communication properties• technical definitions• programmes that will be used

An example of a content scriptScreen 7: The introduction of Volvo’s new model1. GraphicsA photograph of Volvo's new model: S70. A table of technical properities.2. TitleVolvo is what you can trust on.3. TextVolvo is a car that combines safety and space. The new Volvo’s equipment are

ABS-brakes, airbags, air conditioning and a high level cd-player. By buying a new Volvo you will belong to the new world of motoring.

4. SoundNarration: ”Volvo S70 protects the driver and passangers very effectively in

most car crash situations. New Volvo S70 got five stars in both Euro-NCAP's crash test and sideway crash test.”

5. VideoVideo icon will open a video to the screen. The video will be about the functions

of ABS-brakes and airbags.

Production plan is a clarification of:

• the production processes of media material• schedules• production team and responsibilities• following the product and documentation• the technical user environment• testing of the application• the distribution and marketing of the ready

application

Production script

• Has instructions for the work to everyone working in the project.

• Information of technical realization, visual properties, functionality and construction.

• Definition of the techniques used in the application and file formats.

• Instructions how to prepare media material and compose a technically functional product.

• Defining for example the size of video screen, file format with compressing methods, and source material, so that the video composer is capable to produce the needed video file.

Production script

Project:

Screen IDPage no

Files:

Images/graphics

Sounds

Videos

Text material

Description of the scene and events

Actions

Structure and navigation

Animation secuences and files

Additional information

Screen description for the production script

Production script:Technical definitions

• user interface requirements• equipment requirements• program requirements• screen resolution• compression of video files• formats of sound files • file formats of photographs and the color

depths in those• data communication requirements

Production script:Productional definitions

• back-up of the material• the material’s location in workgroup

network• the versions of programmes used to work

Production contract

• Contracting parties

• Persons in charge

• Object of the contract

• Copyrights

• Terms of delivery

• Guarantee and

updates

• Schedule

• Price

Terms of delivery

• Specification of the product

• Delivery and accepting it

• Delays

• Rights

• Responsibilities

Division of the workload and costs

Design Composing and testing

Production of media material

Schedule as a table

An example of costs evaluation

An example of costs evaluation

An example of costs evaluation

The structure of multimedia

• Linear structure• Fishbone structure• Treelike structure• Network structure• Matrix structure• Pyramid structure

(also called as labyrinth structure)

Linear structure

The linear structure does not utilize hypertext principles. The user follows the material in predefined order.

Applies for learning material and advertisements.

Makes sure, that the uset visits all parts.

Short cuts

EndStart

Fishbone structure

Start

End

Example Page 1 Extra info

Start

Extra info

Extra info

Extra info

Page 2

Page 3

Page 4

Example

Example

Example

Tree structure

Short cut

Company 1

History History History

Company 2 Company 3

Functions

Future Future Future

Functions Functions Fusion

Development

Present status

Corporation

Network structure

• In network-like construction every individual element has more options to continue• The user can navigate the application completely as he/she wishes• The user might get lost or not be able to find the information needed.• When having the network construction the application should have an index or a search field• Internet as a whole could be the best example of network structure.

Matrix structureThe information can be ordered in different ways. The user selects his/her approach to the presentation.

Matrix model is similar to a database, where a suitable combination of information can be selected.

Pyramid/labyrinth structureThe user selects his/her own way to navigate from start to end.

Typical applications are games and simulations.

User selections define, how he/she can proceed.

Mastering the labyrinth motivates the user and maintains interest.

Pyramid/labyrinth structure

Use on a fusion point decreases the nymber of options in a labyrinth structure.

Start

End

Production phase

• Mapping of the material

• The production of media material

• Composing• Testing• Distribution

User interface

• Functionality is important, but some attention should be paid to visual design.

• The look of the site and symbols express the possible functions in the product.

• Clear, esthetical look makes it easier to use the application.

• In computer applications some

symbols have a known purpose.

User interface• For example an arrow pointing

left means browsing backwards and an arrow pointing right means navigating forward.

• In programmes used for displaying videos there are some other international symbols.

• Texts used in navigation and buttons should be clear and suit the style of the application.

User interface

• By using colors it is possible to tell things and create a certain mood.

• Active functions can be emphasized or the users attention can be controlled by using different colors.

User interface

• When designing graphical user interface both visual and programming talents are needed.

• Functionality of the user interface should be tested many times to make even the smallest details work.

Usability

• Usability measures the quality of the user interface, when it is evaluated from users’ point of view.

• Usability testing includes testing personnel performing tasks with the application

• www.useit.com : articles and examples of usability

Planning of user interface

• What are the situations when the application is used?

• How old are the persons who are supposed to use the application?

• How long can it take to make the users study the usage of the application?

• What kind of navigation is given to the user?

Visual Design

• Visual design is a part of the planning of the user interface.

• When the customer is a corporation or an organisation the base of design is it’s logo and color scheme.

Example

http://www.hartwalljaffa.fi

Visual Design

• Many corporations have their graphical instructions in which the color scheme, typography and layout are defined.

Example