7 days of WordPress plugins, themes & templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 11Length: 57 minutes

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

2.1 Why Add Sound to Your Website?

In this lesson, we'll take a look at how audio can enhance the user experience (UX). I'll show you some examples of industry-leading software that uses audio in a UX-positive way.

2.1 Why Add Sound to Your Website?

In my opinion, developers have become scared to add sound to their website which is fair enough. We all know how annoying it is if we visit a site and music starts playing automatically. Or an advert in some unknown tab starts shouting about shampoo that's going to change your life. But in terms of user interaction, the web has fallen silent. Let's look at some native apps and see how they enrich the user experience. Email apps typically use audio to notify you if you've received a message. Because your email client will usually be sitting in the background, it uses sound to let you know you've received an email without distracting you from what you're currently working on. [SOUND] Apple mail even has a dramatic sound for when you send an email to provide reassurance that yes, don't worry, your email was actually sent. [SOUND] Sounds doesn't simply have to be used for notifications, either. One of my favorite audio interactions is when you pilter refresh on the native Twitter client. [SOUND] That little sliding slate sound followed by a satisfying pop is a great use of audio to enhance the user experience. If you've installed applications on a Mac before you will probably have heard the little trill that plays once installation is complete. Letting you know that the whole process was successful. [NOISE] In the next few lessons, we're going to recreate something similar on the web. We'll make a dummy online store that provides audio feedback to the user when their purchase has been made successfully.

Back to the top