Listen up! Audio in Web Design by Jonathan

I'm a geek about input and output. I've written about new input before and made some passing references to new forms of output. One specifically struck me recently as being under-explored, and worth a look. Sound.

Humans beings are accustomed to aural feedback – very possibly more so than almost any other stimuli...sight may win out, but not by as much as we might think. Most machinery or equipment we use makes use of sound to tell us things: microwaves beep, phones ring, and cars have all manner of chimes and noises. Even on computers we're used to audio feedback. Many applications make effective use of sound to let you know an operation has completed successfully or to alert you to a problem.

Sight
The basis of web output. It's everywhere.
Sound
Barely used, and that's sad.
Smell
Not used on the web. Probably don't want to go down this road.
Taste
Or this road.
Touch
Maybe this road.
The five senses and where we use them on the web.

The Web, on the other hand, makes very little use of sound – and when it does, it's usually obnoxious. I can't speak for everyone but any site that autostarts background music (especially, God help us all, MIDI music) gets the instant back button. So why would I campaign for more sound on sites? Because while sound and music can be obnoxious they can also be effective – it's all in the execution.

You could argue that we already get audio feedback from web sites, all the time. Mouse clicks and keyboard clicks are an audible indicator that we've taken an action or clicked on something. Does that tell me what I've done? Have I clicked on something that will carry out an action? I have no idea. With AJAX gaining popularity we've actually lost an indicator – the page refresh has always been a stark, obvious visual cue that we've gone somewhere...now we may not even have that.

Sound is powerful, and familiar. Computers have had speakers for decades now and with good reason. And while the instances of sound we encounter on the Web may be annoying, that's no reason for us to dismiss one of our primary senses out of hand. Let's look into effective ways to use sound to enhance Web experiences. The tools and opportunities are here, we just need to get on board.

Any great examples of effective sound use on the 'tubes? We'd love to hear about them.

2 Comments

  • Tor Løvskogen Bollingmo says:

    The Facebook chat is a great example of sound usage in modern web design. Is there a way to locate a users native sound level, to adjust the out-put?

  • Jonathan (ZURB) says:

    @Tor Maybe data like that is what's standing in the way of sound on the web - at the moment I don't think there's a way to detect a user's sound level, if only because that level can be controlled via analogue hardware (speaker volume knobs, etc). I think the software sound level can be set from the command line on OS X / Linux boxes, but that won't help us much.

Add your comment...

Required

Required, but not shared. Nerd's honor.

About the ZURBlog

The ZURBlog is where we discuss design interaction and strategy. We use design thinking to challenge businesses and designers to improve the products and services they create.

Recent Posts

What's the ZURBword?

What's the ZURBword?

ZURBword.com is our thoughts on interaction design and strategy. What?

Photos on Flickr

  • 4821798712_a59412e236_s
  • 4821797872_d7f1536a2a_s
  • 4774579941_9e8716910a_s
  • 4763601643_f0ce03a887_s
  • 4764235066_49f1ba7055_s
  • 4763591117_d8d093c510_s
  • 4764222474_373922c9fb_s
  • 4764217980_209b0bdd81_s
  • 4763572077_8789ecb9da_s

Videos on YouTube

Bookmarks on Delicious

Wanna talk? Call us at (408) 341-0600.

Hmm, not a big talker. Email us to .

Still here? Great, we're hiring.

We need people with chops to join our quest
for world domination. Want a job, nerd?

What's the ZURBword?

ZURBword.com is our thoughts on interaction design and strategy. What?

Subscribe to ZURBnews

Get our monthly newsletter, ZURBnews.
Check out the latest news and buzz »