Web Design ABC - Putting Multimedia to Good Use.

Putting Multimedia to Good Use.

Multimedia on the web is often seen as a bad idea: it breaks the flow of textual information, makes your bandwidth costs spiral out of control, and annoys visitors who aren't expecting it. Used properly, though, multimedia can enhance your website to no end, putting you light-years ahead of your competitors.

The Principle of Least Surprise.

The most important thing to remember with multimedia is this: never, ever include multimedia in a page unexpectedly. You think it'd be neat to put a video of yourself greeting your customers on your homepage? Maybe some background music for your product catalogue? For the love of God, don't. There are few worse things on the web than going to a website and having it try to throw unwanted multimedia at you.

The time to give your visitors

multimedia content is when they have absolutely explicity asked for it. You should link to it with text like 'watch the video' or 'listen now', and leave it up to them what they want to do. Note that this also gives you a useful chance to ask the visitor which media player they'd prefer, instead of just trying to play things with one they might not have.

Audio on the Web.

Having been stung one too many times, there are a lot of users who only browse the web with their speakers turned off. For this reason, you need to give them something clearly useful to make it worth their while to turn them back on, and you need to warn them in advance that they will need to.

Once you've done that, what kind of content should you provide? Unless you're a radio station or you're providing an audio feed of something else that's happening live, streaming audio is generally a bad idea. You should also note that there is no royalty structure in place for web use of commercial music, so you can't really offer anything in that way either.

Instead, you should look at offering downloads of spoken-word mp3 files, divided into 'episodes' of about ten minutes or so in length. What you want to offer is entirely up to you: you could record some motivational speeches, or read the Bible, or whatever, if you think your visitors would appreciate it. The only rule is to keep it relevant and keep it useful - no-one wants to download and listen to plain old ads.

It's worth noting that web audio is undergoing a bit of a renaissance right now as a result of the iPod and so-called 'podcasting'. This is the practice of making short spoken audio segments available in a way that makes them easy to download to an iPod (or other portable music device) and listen to on-the-go. This is a practice that grows every day, and is well worth getting into.

Video on the Web.

What can you use video for on the web? Well, if you have a product you want to demonstrate, you could record it in action and offer that video for download. Generally, though, web video tends to be restricted to news and e-learning. In a commercial context, this means 'webinars' - videos that offer the web equivalent of a seminar presentation, made available for download.

When you make video for the web, though, you have some technical things to worry about. You should really make any video content available in three formats: Windows Media Player, RealPlayer, and QuickTime. Video authoring tools will save in all three formats, but it can often be complicated to write scripts that let users choose between these players and load them: you need to consider this when you design the website.

If push comes to shove, you need to be prepared for a segment of your audience to be just plain unable to view your video content, no matter how hard you try. For this reason, I would recommend that you make a text version of anything you say in a video available as a 'can't see this?' link, after you've offered some troubleshooting advice for common video problems. You might also consider taking screenshots of the video and making them available as static images, so that people who can't see the video aren't just forced to read a huge chunk of text.

Which Database is Right for You

What Do You Want Your Website to Do

Perl Cryptic Power

Setting up a Test Server on Your Own Computer

Photoshop a Graphic Designers Dream

Web Design
◦ 5 Simple Steps to Accepting Payments.
◦ 5 Ways to Avoid the 1998 Look.
◦ 6 Reasons Why You Need a Website.
◦ 7 Ways to Make Your Web Forms Better.
◦ A Question of Scroll Bars.
◦ Ads Under the Radar: Linking to Affiliates.
◦ AJAX: Should You Believe the Hype?
◦ All About Design: Principles and Elements.
◦ An Introduction to Paint Shop Pro.
◦ An Issue of Width: the Resolution Problem.
◦ Avoiding the Nuts and Bolts: Content Management Software.
◦ Beware the Stock Photographer: Picking Your Pictures.
◦ Building a Budget Website.
◦ Building Online Communities.
◦ Clean Page Structure: Headings and Lists.
◦ ColdFusion: Quicker Scripting, at a Price.
◦ Column Designs with CSS.
◦ Content is King.
◦ CSS and the End of Tables.
◦ Cut to the Chase: How to Make Your Website Load Faster.
◦ Designing for Sales.
◦ Designing for Search Engines.
◦ Dreamweaver: The Professional Touch.
◦ Encryption and Security with SSL.
◦ Finding a Good HTML Editor.
◦ Focus on the User: Task-Oriented Websites.
◦ Fonts are More Important Than You Think.
◦ Free Graphics Alternatives.
◦ FrontPage: Easy Pages.
◦ Hints All the Way.
◦ Hiring Professionals: 5 Things to Look For.
◦ How Databases Work.
◦ How the Web Works.
◦ How to Get Your Website Talked About on Blogs.
◦ How to Install and Configure a Forum.
◦ How to Make Visitors Add You to Their Favorites.
◦ How to Run Ads Without Driving Visitors Crazy.
◦ How to Set Up Your Hosting in 5 Minutes Flat.
◦ IIS and ASP: Microsoft's Server.
◦ Image Formats: GIF, JPEG, PNG and More.
◦ It's a World Wide Web: Going International.
◦ JSP: Java on Your Server.
◦ LAMP: The Most Popular Server System Ever.
◦ Making Friends and Influencing People: the Importance of Links.
◦ Making Searches Simple.
◦ Offering Free Downloads on Your Website.
◦ Opening a Web Shop with E-Commerce Software.
◦ tag - they have one extra tag before it. This is the doctype, and it must be present right at the top of your document for it to be valid HTML. There are only really
◦ Perl: Cryptic Power.
◦ Photoshop: a Graphic Designer's Dream.
◦ Picking a Colour Scheme.
◦ Printing and Sending: the Two Things Users Want to Do.
◦ Putting Multimedia to Good Use.
◦ Python and Ruby: the Newer Alternatives.
◦ Registering a Domain Name.
◦ Registering Your Users by Stealth.
◦ RSS: Really Simple Syndication.
◦ Setting Up a Mailing List.
◦ Setting up a Test Server on Your Own Computer.
◦ Some Places to Go For More Information.
◦ Taking HTML Further. HTML might seem like a simple language for web documents, and to an extent, it is - that's what it was intended to be. If you know what
◦ Taking HTML Further with Javascript. Once you've built your HTML pages, you might need them to do something a little more interactive on the client-side (that
◦ Taking Your Website Mobile.
◦ Text Ads: Unobtrusive Advertising.
◦ The 5 Principles of Effective Navigation.
◦ The Art of the Logo.
◦ The Basics of Web Forms.
◦ The Basics of Web Servers.
◦ The Case Against Flash.
◦ The Confusing World of Web Hosting: Making Your Decision.
◦ The Evils of PDFs.
◦ The Importance of Validation.
◦ The Many Flavours of HTML.
◦ The Smaller, the Better: Avoiding Graphical Overload.
◦ The Top 10 Biggest Web Design Mistakes.
◦ The Web Designer's Toolbox.
◦ The Web is Not Paper.
◦ There's More than One Web Browser.
◦ Time for User Testing.
◦ Titles and Headlines: It's Not a Newspaper.
◦ Tracking Your Visitors.
◦ Understanding Web Jargon.
◦ Uploading Your Website with FTP.
◦ Using Flash Sensibly.
◦ Using Quizzes and Games to Get Traffic.
◦ VBScript: Javascript Made Easy.
◦ Websites and Weblogs: What's the Difference?
◦ What Do You Want Your Website to Do?
◦ What You See Isn't Always What You Get.
◦ Which Database is Right for You?
◦ Why Doing It Yourself is Best.
◦ Why Java Will Drive Your Visitors Away.
◦ Why Word is Bad for the Web.
◦ Why You Should Put Your Content in a Weblog Format.
◦ Why You Should Stick to Design Conventions.
◦ Working With Templates.
◦ Writing for the Web.

GoogleSense

Making Money with Articles

Webhosting

RSS
◦ Reading RSS Feeds with an RSS Aggregator