如何給網(wǎng)站加聲音不會讓人討厭？

　　關(guān)于給網(wǎng)站添加聲音這件事情，設(shè)計師一般都很謹(jǐn)慎。特別是企業(yè)網(wǎng)站的設(shè)計師，一般都不會考慮添加聲音。從用戶體驗的角度看，不加聲音當(dāng)然是好的。但是從營銷的角度看，網(wǎng)站聲音也的確有營銷效果。該不該給網(wǎng)站加上聲音呢？

　　播放聲音的優(yōu)勢

　　我們認(rèn)為，讓一個網(wǎng)站播放聲音，有如下三大優(yōu)勢：

　　通知和提醒。很少有事情能像高音調(diào)的噪音那樣讓你知道你應(yīng)該集中注意力。老師的手指甲在黑板上，電話有，貓和嬰兒用非常相似的音調(diào)來讓我們抓狂。早在個人電腦出現(xiàn)之前，界面和產(chǎn)品設(shè)計師就已經(jīng)利用了這一原則。它是有效的。

　　這些只適用于聊天對話，或者用戶特別要求的通知。當(dāng)你在等待信息的時候，你需要在信息到來的那一刻集中注意力，一個警報的聲音可能會很受歡迎。

　　成功的警報。在我們的網(wǎng)頁和應(yīng)用程序設(shè)計中，我們可能會更多地使用一種模式，那就是一點聲音，告訴人們事情進(jìn)展順利。至少對于我們這些游戲玩家來說，每次你贏得一場戰(zhàn)斗或完成一個關(guān)卡時都會播放勝利音樂。如果你能找到一個簡短的成功的聲音，喚起懷舊和多巴胺的打擊，而不只是惱人的人，你可能就是一個贏家。

　　可訪問性增強。警報聲音都很好，但是如何利用聲音的力量來幫助人們解決視力問題呢？當(dāng)然，也有屏幕閱讀器之類的，但是如果你知道你的大部分用戶都有視力問題，你可以考慮給他們一些可選的音頻提示，讓事情變得更簡單。

　　想想按鈕上的點擊聲，當(dāng)你使用滑塊上的點擊和拖動按鈕時，它的音調(diào)會發(fā)生變化，這是一種觸覺反饋的一般感覺，通常可以用動畫表現(xiàn)出來。對于視力不好的人來說，聲音是一種非常有用的擬物化形式。

　　如何給網(wǎng)站添加聲音？

　　播放聲音。

　　JavaScript是唯一的方法。當(dāng)然，你可以用HTML5嵌入一個聲音，但那只會為你提供一個音頻播放器。如果你想以一種更實用的方式將聲音整合到你的UI中，JS是唯一的方法。

　　如果你從來沒有故意添加聲音到你自己的頁面，或者只是不太熟悉JS，這里是如何播放聲音點擊。現(xiàn)在，這已經(jīng)很好了，但是如果你的用戶在尋找按鈕時遇到了麻煩呢？您可能想看看css技巧教程。

　　關(guān)閉選擇。

　　總是給人們一種方法來關(guān)閉聲音，永遠(yuǎn)。下一個問題當(dāng)然是，默認(rèn)情況下是否應(yīng)該將聲音設(shè)為on。同樣，如果你希望有很多視障人士在你的網(wǎng)站上，你可以考慮讓聲音默認(rèn)播放，然后寫上一個大大的你可以關(guān)掉這些聲音。

　　聲音文件可以，根據(jù)它們的質(zhì)量，在帶寬上給人們造成很大的沖擊。使用CDN的帶寬，并緩存出所有的聲音文件，這樣可以讓網(wǎng)頁更快一些。