Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images...
-
Upload
leslie-goodman -
Category
Documents
-
view
219 -
download
0
Transcript of Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images...
![Page 1: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/1.jpg)
Multimedia
Web DesignProfessor Frank
![Page 2: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/2.jpg)
Multimedia
• Combine text, graphics, sounds, and moving images in meaningful ways
• Use stable technology
![Page 3: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/3.jpg)
Considerations
• Use multimedia purposefully• Don’t distract from content by using flashy
“eye candy”• Technical limitations• Needs of users with disabilities
![Page 4: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/4.jpg)
Enhancing Content
![Page 5: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/5.jpg)
Web Multimedia Strategies
• Tailor your content for web delivery!
![Page 6: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/6.jpg)
Audio
• Digital audio = efficient means of information delivery
• Record it right the first time
![Page 7: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/7.jpg)
Slide Shows
• Synchronize audio with still images• Higher image quality and size due to more
efficient data compression than video
![Page 8: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/8.jpg)
Video
• Most challenging multimedia content• Size - one second of uncompressed, full-
quality video requires approximately 27 megabytes of disk storage space
• Scaling and compression can render material useless
![Page 9: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/9.jpg)
Video Considerations
• Shoot original video• Shoot close-ups• Shoot against a simple monochromatic
background• Use tripod• Avoid zooming and panning• Editing – favor hard cuts between shots
![Page 10: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/10.jpg)
Animation
• Value of web animation is questionable– Disruptive to user – users lose site message– Flash intro – annoying for users
• Animation can be useful if used wisely
![Page 11: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/11.jpg)
Text Alternatives
• QuickTime – creates several different versions of a movie, each catered to different connection speeds
• Text transcriptions for videos – accessible, indexable by search engines
• Text captions synchronized to videos• Still images synchronized to audio
![Page 12: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/12.jpg)
Captions
![Page 13: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/13.jpg)
Preparing Multimedia
• Prepare files that are small enough to be accessible to the broadest possible audience
![Page 14: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/14.jpg)
Processing
• Aim for files that can be managed by average network connection and desktop machine of your target audience
• Reduce data rate through downsampling and compression
![Page 15: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/15.jpg)
Delivery
• Streaming - sends data to the desktop continuously but does not download the entire file
• Downloading - media is stored on the client machine in memory or on viewer’s hard drive
![Page 16: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/16.jpg)
Design and Multimedia
• Inform your users– Menu page – quick loading, link heavy– Use previews and descriptive info– Include video running time and file size
![Page 17: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/17.jpg)
Inform Your Users
![Page 18: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/18.jpg)
Design and Multimedia
• Provide controls– Give users control over sound and display (ie
media controller bar)– Avoid auto play or looping– Provide options for using descriptive text
![Page 19: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/19.jpg)
Design and Multimedia
• Support keyboard interaction– Not all users choose mice; some use keyboard
commands– For basic media playback – activate play and pause
buttons, use arrows for volume control
![Page 20: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/20.jpg)
Design and Multimedia
• Offer choice– There are no established standards for multimedia
formats; best approach is to provide a range of choices
– Providing all options does not require much additional effort on the part of the designer and allows users to choose the option that suits them best
![Page 21: Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.](https://reader035.fdocuments.in/reader035/viewer/2022062517/56649eb45503460f94bbc6a4/html5/thumbnails/21.jpg)
Offer Choice