Development and Design of Multimedia Titles

Slides:



Advertisements
Similar presentations
3.01D Design Multimedia Presentations
Advertisements

Development and Design of Multimedia Titles Unit E.
Web Design and Multimedia Production Mrs. Brandt-White.
User Interface Structure Design
Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
3.02E Designing and Development of Multimedia Titles 3.02 Demonstrate interactive multimedia presentations.
Multimedia Design Guidelines General Guidelines for Multimedia Learning Design.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
Developing Multimedia Titles John Hirschbuhl Topical Seminar: Development of Interactive Multimedia.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Multimedia for the Web: Creating Digital Excitement Design and the User Interface.
The Website Design Process
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
Multimedia e-learning design After analysis (audience, needs, goals, content, resource requirements and schedule), you are ready for design But don’t skimp.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Getting Started with Flash
Paper Prototyping Source:
Chapter 15 Designing Effective Output
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Getting Started with Flash
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
Introduction to Interactive Media 02. The Interactive Media Development Process.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Flash.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
Introduction to Interactive Media The Interactive Media Development Process.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Multimedia Design 1. 2 Objectives By completion of this session, you will be able to: Organize your multimedia project Develop Flowcharts and Storyboards.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
3.01D Design Multimedia Presentations 3.01 Explore multimedia systems, elements, and presentations.
CMPD 434 MULTIMEDIA AUTHORING
Introduction to Multimedia Review 1 - Lecture Notes Semester 1.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Lesson 3-Multimedia Skills. Overview Members of a multimedia team. Roles and responsibilities in a multimedia team.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Authoring tools There are three main authoring tools:
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
1 Multimedia Development Team. 2 To discuss phases of MM production team members Multimedia I.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
3.01D Design Multimedia Presentations
Section 6.1 Section 6.2 Write Web text Use a mission statement
Chapter 10 Multimedia and the Web.
Imaging and Design for Online Environment
Multimedia Programming
Chapter A - Getting Started with Dreamweaver MX 2004
Chapter Lessons Understand the Macromedia Flash workspace
Web Site Design Plan Checklist
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Chapter 10 Development of Multimedia Project
Applications Software
Multimedia e-learning design
CONTENT Chapter 7.
Information Systems 337 Prof. Harry Plantinga Usability.
Chapter Concepts Understand Design Guidelines: Appearance
3.02D Design Multimedia Presentations
Elements of Effective Web Design
Chapter 2 Web Site Design Principles
CONTENT Chapter 7.
“The point of design is to encourage and facilitate communication between the viewer and the media being viewed. Effective design initiates this connection.
Adobe Flash CS3 Revealed
Presentation transcript:

Development and Design of Multimedia Titles Unit E

Objectives Plan the title Create and test the title Multimedia design guidelines Design for interactivity Interactive design guidelines Multimedia for the web

Rule of Thumb Development Tip Production 20% Planning 80%

Multimedia Development Phase 1 - Planning the Title Develop the concept 1 State the purpose 2 Identify the target audience 3 Determine the treatment 4 Develop the specifications 5 Storyboard and Navigation 6

Multimedia Development Phase 2 – Creating and Testing Develop the content 7 Author the content 8 Test the content 9

Develop the Concept 1 What, in general, do we want the title to accomplish? Support the company’s vision of their product Brainstorm ideas Hold “focus group” sessions

2 State the Purpose What, specifically, do we want to accomplish? Goals support the vision Objectives are developed from the goals and must be clear, measurable and obtainable Keeps the team focused

Identify Target Audience 3 Who will use the title? Can use demographics, lifestyle, attitudes Need to identify as large an audience as possible Larger audience is more difficult to develop for

Determine the Treatment 4 What is the look and feel? Treatment: how the title will be presented to the user Tone: funny, serious, light, heavy, formal, informal Approach: amount and type of user direction for interactivity Metaphor: theme Emphasis: on various multimedia elements (budget can dictate)

Develop the Specifications 5 What precisely does the title include, and how does it work? What will appear on each screen? Playback system: platform & processor speed Elements included: How sound is recorded Design resolution Video specifications Fonts/colors Functionality: interactivity specifications User interface: how to navigate

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

Storyboard and Navigation 6 Navigation is linking screens via buttons, hypertext and hot spots Exploratory type: little structure (games)

Storyboard and Navigation 6 Sequential type: linear (stories, books, presentations, tutorials)

Storyboard and Navigation 6 Topical type: menu/search (catalog, encyclopedia, kiosk)

7 Develop the Content How do we generate the content? Who will be responsible for copyright/licensing issues? Libraries: stock media vs. create in-house Personnel: artists, photographers, musicians, actors, writers, editors How will the content be archived and documented? Element database

8 Author the Title How do we bring it all together? Programmer uses scripting Designers for user interface Authors for content Team members all work together

9 Testing Does it work the way it was planned? Usually ongoing during development Prototypes: proof of concept test Design testing: informal - how user interacts Usability testing: formal - user filmed and asked questions during interaction Function testing: does it work as planned?

9 Testing Alpha testing Beta testing In-house Try to make it crash Document errors in bug reports Beta testing Select potential users to test

Multimedia Design Guidelines Unity Balance Movement

Multimedia Design Guidelines – Balance Distribution of optical weight Ability of element to attract user’s eye Determined by object nature and size Nature: shape, color, brightness, type

Multimedia Design Guidelines – Balance Screen position Symmetrical balance Asymmetrical balance No balance Asymmetrical Balance Symmetrical Balance

Multimedia Design Guidelines – Unity Intra-screen: do screen elements fit in? Inter-screen: consistency of entire title

Multimedia Design Guidelines – Movement How user’s eyes move through screen elements Optical center (above physical center) Designer can control via: Control starting place with graphic Use lines to point in a direction Use color gradients Have entities looking in a particular direction Emphasize an element in some way

Design for Interactivity Audience Title type Content Title elements

Design for Interactivity – Audience Understand user’s needs How does user work with the title

Design for Interactivity – Title Type Access specific information quickly – use menu Reference work – use menu, index, search Kiosk gathering information – control fields Game/entertainment – allow random interaction (exploratory)

Design for Interactivity – Content Content volume Adds more navigation levels Can increase confusion Provide hotwords or areas to jump Use pop-up windows, scrollbars, bookmarks Content nature Can suggest a theme

Design for Interactivity – Title Elements User controls for video, audio

Interactive Design Guidelines Make it simple, easy to understand and easy to use (intuitive) First screen shows contents and how to navigate Metaphors consistent with content Elements consistent with metaphors

Interactive Design Guidelines Build in consistency

Interactive Design Guidelines Use design templates to Provide consistency Shorten development time Prevent “object shift”

Interactive Design Guidelines Provide feedback Provide choices and escapes User has control: view or skip

Multimedia for the Web Web sites can be designed for multiple audiences

Multimedia for the Web How to attract viewer attention Flashy and catchy intros Repeat viewers can skip How to keep viewer interest How to help viewers get what they want from the site

Multimedia for the Web Provide quick downloads Keep it simple Users scan, don’t read; use keywords Average user spends < 60 seconds and needs to Capture their interest Understand focus of site Understand how to navigate it Understand how to get information Keep the site fresh

Web Development Tips All pages reachable in 3-5 clicks; return home in 1 click Label navigation options clearly Color-code text links Provide a site map Provide a search tool

Banner Ads Use for Web promotions Include sound and animation >50% look at; <1% click them Banner placement and size is important Usually placed at top of page

Issue: Online Privacy Is consumer feedback worth the price? Cookies Buyer vs. seller benefits Stakeholder debates Individuals Consumer advocacy groups Businesses Government agencies

Development and Design of Multimedia Titles End