Development and Design of Multimedia Titles Unit E

Development and Development and Design of Design of

Multimedia TitlesMultimedia TitlesUnit EUnit E

2

ObjectivesObjectives

Plan the titlePlan the title

Create and test the titleCreate and test the title

Multimedia design guidelinesMultimedia design guidelines

Design for interactivityDesign for interactivity

Interactive design guidelinesInteractive design guidelines

Multimedia for the webMultimedia for the web

3

Rule of Thumb Rule of Thumb Development TipDevelopment Tip

Planning Planning 80%80%

Production Production 20%20%

4

Multimedia DevelopmentMultimedia Development

Phase 1 - Planning the Title Phase 1 - Planning the Title

Develop the conceptDevelop the concept11

State the purposeState the purpose22

Identify the target audienceIdentify the target audience33

Determine the treatmentDetermine the treatment44

Develop the specificationsDevelop the specifications55

Storyboard and NavigationStoryboard and Navigation66

5

Multimedia DevelopmentMultimedia Development

Phase 2 – Creating and TestingPhase 2 – Creating and Testing

Develop the contentDevelop the content77

Author the contentAuthor the content88

Test the contentTest the content99

6

Develop the ConceptDevelop the Concept

What, in general, do What, in general, do we want the title to we want the title to accomplish?accomplish?– Support the company’s Support the company’s

vision of their productvision of their product– Brainstorm ideasBrainstorm ideas– Hold “focus group” Hold “focus group”

sessionssessions

11

7

State the PurposeState the Purpose

What, specifically, do we want to What, specifically, do we want to accomplish?accomplish?– Goals support the visionGoals support the vision– Objectives are developed from the goals Objectives are developed from the goals

and must be clear, measurable and and must be clear, measurable and obtainableobtainable

– Keeps the team focusedKeeps the team focused

22

8

Identify Target AudienceIdentify Target Audience

Who will use the title?Who will use the title?– Can use demographics, lifestyle, Can use demographics, lifestyle,

attitudesattitudes– Need to identify as large an Need to identify as large an

audience as possibleaudience as possible– Larger audience is more difficult Larger audience is more difficult

to develop forto develop for

33

9

Determine the TreatmentDetermine the Treatment

What is the look and feel?What is the look and feel?– Treatment: how the title will be Treatment: how the title will be

presented to the userpresented to the user

•ToneTone:: funny, serious, light, heavy, formal, informal funny, serious, light, heavy, formal, informal

•ApproachApproach:: amount and type of user direction for amount and type of user direction for interactivityinteractivity

•MetaphorMetaphor:: theme theme

•EmphasisEmphasis:: on various multimedia elements (budget on various multimedia elements (budget can dictate)can dictate)

44

10

Develop the SpecificationsDevelop the Specifications

What precisely does the title include, What precisely does the title include, and how does it work?and how does it work?– What will appear on each screen?What will appear on each screen?– Playback system:Playback system: platform & processor speed platform & processor speed– Elements included:Elements included:

• How sound is recordedHow sound is recorded• Design resolutionDesign resolution• Video specificationsVideo specifications• Fonts/colorsFonts/colors

– Functionality:Functionality: interactivity specifications interactivity specifications– User interface:User interface: how to navigate how to navigate

55

11

Storyboard and NavigationStoryboard and Navigation66

What do the screens look like and how are they linked?What do the screens look like and how are they linked?

12

Storyboard and NavigationStoryboard and Navigation

Navigation is linking screens via Navigation is linking screens via buttons, hypertext and hot spotsbuttons, hypertext and hot spots

Exploratory type:Exploratory type: little structure little structure (games)(games)

66

13


Sequential type:Sequential type: linear (stories, linear (stories, books, presentations, tutorials)books, presentations, tutorials)

66

14


Topical type:Topical type: menu/search menu/search (catalog, encyclopedia, kiosk)(catalog, encyclopedia, kiosk)

66

15

Develop the ContentDevelop the Content

How do we generate the content?How do we generate the content?

Who will be responsible for Who will be responsible for copyright/licensing issues?copyright/licensing issues?– Libraries: stock media vs. create in-houseLibraries: stock media vs. create in-house– Personnel: artists, photographers, musicians, Personnel: artists, photographers, musicians,

actors, writers, editorsactors, writers, editors

How will the content be archived and How will the content be archived and documented?documented?– Element databaseElement database

77

16

Author the TitleAuthor the Title

How do we bring it all together?How do we bring it all together?

Programmer uses scriptingProgrammer uses scripting

Designers for user interfaceDesigners for user interface

Authors for contentAuthors for content

Team members all work togetherTeam members all work together

88

17

TestingTesting

Does it work the way it was Does it work the way it was planned?planned?Usually ongoing during Usually ongoing during developmentdevelopment– Prototypes:Prototypes: proof of concept test proof of concept test– Design testing:Design testing: informal - how informal - how

user interactsuser interacts– Usability testing:Usability testing: formal - user formal - user

filmed and asked questions filmed and asked questions during interactionduring interaction

– Function testing:Function testing: does it work as does it work as planned?planned?

99

18

TestingTesting

Alpha testingAlpha testing– In-houseIn-house– Try to make it crashTry to make it crash– Document errors in bug reportsDocument errors in bug reports

Beta testingBeta testing– Select potential users to testSelect potential users to test

99

19

Multimedia Design GuidelinesMultimedia Design Guidelines

BalanceBalanceBalanceBalance

UnityUnityUnityUnity

MovementMovementMovementMovement

20

Multimedia Design Guidelines – Multimedia Design Guidelines – BalanceBalance

Distribution of optical weightDistribution of optical weight– Ability of element to attract user’s eyeAbility of element to attract user’s eye– Determined by object nature and sizeDetermined by object nature and size– Nature: shape, color, brightness, typeNature: shape, color, brightness, type

21

Multimedia Design Guidelines – Multimedia Design Guidelines – BalanceBalance

Screen positionScreen position– Symmetrical balance Symmetrical balance – Asymmetrical balance Asymmetrical balance – No balanceNo balance

Symmetrical Balance

Asymmetrical Balance

22

Multimedia Design Guidelines – Multimedia Design Guidelines – UnityUnity

Intra-screen: Intra-screen: do screen do screen elements fit elements fit in?in?

Inter-screen: Inter-screen: consistency of consistency of entire titleentire title

23

Multimedia Design Guidelines – Multimedia Design Guidelines – MovementMovement

How user’s eyes move through screen How user’s eyes move through screen elementselements

Optical center (above physical center)Optical center (above physical center)

Designer can control via:Designer can control via:– Control starting place with graphicControl starting place with graphic– Use lines to point in a directionUse lines to point in a direction– Use color gradientsUse color gradients– Have entities looking in a particular directionHave entities looking in a particular direction– Emphasize an element in some wayEmphasize an element in some way

24

Design for InteractivityDesign for Interactivity

AudienceAudience

Title typeTitle type

ContentContent

Title elementsTitle elements

25

Design for Interactivity – Design for Interactivity – AudienceAudience

Understand user’s needsUnderstand user’s needs

How does user work with the titleHow does user work with the title

26

Design for Interactivity – Design for Interactivity – Title TypeTitle Type

Access specific information Access specific information quickly – use menuquickly – use menuReference work – use menu, Reference work – use menu, index, searchindex, searchKiosk gathering information – Kiosk gathering information – control fieldscontrol fieldsGame/entertainment – allow Game/entertainment – allow random interaction (exploratory)random interaction (exploratory)

27

Design for Interactivity – Design for Interactivity – ContentContent

Content volumeContent volume– Adds more navigation levelsAdds more navigation levels– Can increase confusionCan increase confusion– Provide hotwords or areas to jumpProvide hotwords or areas to jump– Use pop-up windows, scrollbars, Use pop-up windows, scrollbars,

bookmarksbookmarks

Content natureContent nature– Can suggest a themeCan suggest a theme

28

Design for Interactivity – Design for Interactivity – Title ElementsTitle Elements

User controls for video, audioUser controls for video, audio

29

Interactive Design GuidelinesInteractive Design Guidelines

Make it simple, easy to understand Make it simple, easy to understand and easy to use (intuitive)and easy to use (intuitive)

First screen shows contents and First screen shows contents and how to navigatehow to navigate

Metaphors consistent with contentMetaphors consistent with content

Elements consistent with Elements consistent with metaphorsmetaphors

30


Build in consistencyBuild in consistency

31


Use design Use design templates totemplates to– Provide consistencyProvide consistency– Shorten Shorten

development timedevelopment time– Prevent “object shift”Prevent “object shift”

32


Provide feedbackProvide feedback

Provide choices and escapesProvide choices and escapes

User has control: view or skipUser has control: view or skip

33

Multimedia for the WebMultimedia for the Web

Web sites can be designed for Web sites can be designed for multiple audiencesmultiple audiences

34

Multimedia for the Web Multimedia for the Web

How to attract viewer attentionHow to attract viewer attention– Flashy and catchy introsFlashy and catchy intros– Repeat viewers can skipRepeat viewers can skip

How to keep viewer interestHow to keep viewer interest

How to help viewers get what How to help viewers get what they want from the sitethey want from the site

35

Multimedia for the Web Multimedia for the Web

Provide quick downloadsProvide quick downloadsKeep it simple Keep it simple – Users scan, don’t read; use keywordsUsers scan, don’t read; use keywords– Average user spends < 60 seconds and Average user spends < 60 seconds and

needs toneeds to• Capture their interestCapture their interest• Understand focus of siteUnderstand focus of site• Understand how to navigate itUnderstand how to navigate it• Understand how to get informationUnderstand how to get information

– Keep the site freshKeep the site fresh

36

Web Development TipsWeb Development Tips

All pages reachable in 3-5 clicks; All pages reachable in 3-5 clicks; return home in 1 clickreturn home in 1 click

Label navigation options clearlyLabel navigation options clearly

Color-code text linksColor-code text links

Provide a site mapProvide a site map

Provide a search toolProvide a search tool

37

Banner AdsBanner Ads

Use for Web promotionsUse for Web promotions

Include sound and animation Include sound and animation

>50% look at; <1% click them>50% look at; <1% click them

Banner placement and size is Banner placement and size is importantimportant– Usually placed at top of pageUsually placed at top of page

38

Issue: Online PrivacyIssue: Online Privacy

Is consumer feedback worth the Is consumer feedback worth the price?price?– CookiesCookies– Buyer vs. seller benefitsBuyer vs. seller benefits– Stakeholder debatesStakeholder debates

• IndividualsIndividuals• Consumer advocacy groupsConsumer advocacy groups• BusinessesBusinesses• Government agenciesGovernment agencies

Development and Development and Design of Design of

Multimedia TitlesMultimedia TitlesEndEnd

Documents

Development and Design of Multimedia Titles Unit E