關(guān)于給網(wǎng)站添加聲音這件事情，設(shè)計(jì)師一般都很謹(jǐn)慎。特別是企業(yè)網(wǎng)站的設(shè)計(jì)師，一般都不會(huì)考慮添加聲音。從用戶體驗(yàn)的角度看，不加聲音當(dāng)然是好的。但是從營(yíng)銷的角度看，網(wǎng)站聲音也的確有營(yíng)銷效果。該不該給網(wǎng)站加上聲音呢？
播放聲音的優(yōu)勢(shì)
我們認(rèn)為，讓一個(gè)網(wǎng)站播放聲音，有如下三大優(yōu)勢(shì)：
通知和提醒。很少有事情能像高音調(diào)的噪音那樣讓你知道你應(yīng)該集中注意力。老師的手指甲在黑板上，電話有鈴聲，貓和嬰兒用非常相似的音調(diào)來(lái)讓我們抓狂。早在個(gè)人電腦出現(xiàn)之前，界面和產(chǎn)品設(shè)計(jì)師就已經(jīng)利用了這一原則。它是有效的。
這些只適用于聊天對(duì)話，或者用戶特別要求的通知。當(dāng)你在等待信息的時(shí)候，你需要在信息到來(lái)的那一刻集中注意力，一個(gè)警報(bào)的聲音可能會(huì)很受歡迎。
成功的警報(bào)。在我們的網(wǎng)頁(yè)和應(yīng)用程序設(shè)計(jì)中，我們可能會(huì)更多地使用一種模式，那就是一點(diǎn)聲音，告訴人們事情進(jìn)展順利。至少對(duì)于我們這些游戲玩家來(lái)說(shuō)，每次你贏得一場(chǎng)戰(zhàn)斗或完成一個(gè)關(guān)卡時(shí)都會(huì)播放勝利音樂(lè)。如果你能找到一個(gè)簡(jiǎn)短的“成功”的聲音，喚起懷舊和多巴胺的打擊，而不只是惱人的人，你可能就是一個(gè)贏家。
可訪問(wèn)性增強(qiáng)。警報(bào)聲音都很好，但是如何利用聲音的力量來(lái)幫助人們解決視力問(wèn)題呢?當(dāng)然，也有屏幕閱讀器之類的，但是如果你知道你的大部分用戶都有視力問(wèn)題，你可以考慮給他們一些可選的音頻提示，讓事情變得更簡(jiǎn)單。
想想按鈕上的“點(diǎn)擊”聲，當(dāng)你使用滑塊上的“點(diǎn)擊”和“拖動(dòng)”按鈕時(shí)，它的音調(diào)會(huì)發(fā)生變化，這是一種觸覺(jué)反饋的一般感覺(jué)，通?？梢杂脛?dòng)畫表現(xiàn)出來(lái)。對(duì)于視力不好的人來(lái)說(shuō)，聲音是一種非常有用的擬物化形式。
如何給網(wǎng)站添加聲音？
播放聲音。
JavaScript是唯一的方法。當(dāng)然，你可以用HTML5嵌入一個(gè)聲音，但那只會(huì)為你提供一個(gè)音頻播放器。如果你想以一種更實(shí)用的方式將聲音整合到你的UI中，JS是唯一的方法。
如果你從來(lái)沒(méi)有故意添加聲音到你自己的頁(yè)面，或者只是不太熟悉JS，這里是如何播放聲音點(diǎn)擊?，F(xiàn)在，這已經(jīng)很好了，但是如果你的用戶在尋找按鈕時(shí)遇到了麻煩呢?您可能想看看css技巧教程。
關(guān)閉選擇。
總是給人們一種方法來(lái)關(guān)閉聲音，永遠(yuǎn)。下一個(gè)問(wèn)題當(dāng)然是，默認(rèn)情況下是否應(yīng)該將聲音設(shè)為on。同樣，如果你希望有很多視障人士在你的網(wǎng)站上，你可以考慮讓聲音默認(rèn)播放，然后寫上一個(gè)大大的“你可以關(guān)掉這些聲音”。
聲音文件可以，根據(jù)它們的質(zhì)量，在帶寬上給人們?cè)斐珊艽蟮臎_擊。使用CDN的帶寬，并緩存出所有的聲音文件，這樣可以讓網(wǎng)頁(yè)更快一些。