聽覺設計(Sound design)在UI/UX中的價值及應用 | 提升使用者體驗和品牌識別

談到UI/UX設計,視覺設計往往是人們首先想到,想必設計師常常提到Icon這個字詞,Earcon則相對較少。然而,聽覺設計(Sound design)在產品體驗中扮演著不可或缺的角色。讓我們來探討聽覺設計的價值和應用方式。

耳標(Earcon):提供可識別且有意義的音效,有助於使用者理解介面或系統的行為。[1]

聲音能連結我們的大腦感官和情感中心。試想一下,當你聽到Netflix的片頭音效時,是否已經準備好享受一場精彩的戲劇了?

Pinkoi在收到訊息時的提示音,BBC在新聞播報中的音效,都巧妙地運用了聲音來增強使用者體驗。

在2019年的UX Salon演講中,講者提到聲音是一種心理能量,與大腦中的情感和記憶相連,我們的感官並不是孤立的,而是共感覺(Synesthesia)[2]。因此,UIUX設計師在重視視覺設計的同時,也不能忽視聽覺對使用者的影響。試想,同一個無人海邊的畫面,搭配輕音樂時,你可能感受到療癒;而一旦換成詭譎音效,電影氛圍瞬間轉為驚悚。通過精心的聽覺設計,你可以打造沉浸式體驗,讓使用者更深刻地記住你的產品。

  1. 提供即時反饋:例如,點擊按鈕或狀態更新時的音效。
  2. 抓住使用者注意力:在關鍵流程中,如付款完成的提醒音。
  3. 強化產品體驗:在遊戲或學習類型的應用程式使用音效,強化沉浸感。[3]
Duolingo sound
  1. 提升品牌識別:透過聲音,可以誘發使用者特定的情感和記憶,藉此,連結與品牌的關係。[1]

聽覺設計應該與視覺設計相輔相成,而不是降低視覺體驗。因此,選擇適當的使用時機和情境至關重要。

  1. 使用頻次:例如,提供反饋的音效不應過於頻繁。像是聊天訊息的提醒,如果使用者已經打開聊天視窗,則不需要再播放提示音,過多的重複聲音會導致使用者逐漸忽視它。
  1. 使用情境:對於非即時完成的任務(如下載文件),在多項任務操作的情況下,聲音提醒可以有效抓住使用者的注意力,並提醒他們任務已完成。
  1. 保持簡短的聲音:反饋音效應在0.3秒內完成,簡潔而有效,避免過於複雜的音效。
Adobe XD Sound Design Kit
  1. 保持一致性:如同視覺設計,聽覺設計也應該保持品牌一致性,選擇與品牌調性相符的聲音,並制定使用規則。
  2. 聲音測試:在目標裝置上進行測試,確保聲音符合使用情境,不會過低或刺耳。
  3. 靜音選項:提供使用者靜音選擇,讓他們在特定場合下能夠自主關閉聲音以及選擇聲音。
Whatsapp
  1. 檢查無障礙性(Accessibility):確保聽力障礙者也能使用產品,因此聲音不能成為唯一的溝通方式,必須搭配視覺元素。[3]有助於產品的包容性,接觸更廣泛的使用者。
  1. 擬物化聲音(Skeuomorphic sounds):模擬現實世界中的聲音,例如,在Mac系統,清除垃圾桶時,會發出使用弄皺紙張的聲音。[4]
Mac sound effect
  1. 抽象聲音(Abstract sounds):利用數位技術創造的效果音,例如,刪除電腦的檔案,利用音調向下的音效,模擬垃圾放入垃圾桶的動作。音調向上則有正向的效果[4],像是iPhone的通知音效。

兩種聲音沒有好壞之分,模擬話聲音有助於增強動作識別,抽象聲音則就有彈性變化的空間,依據各品牌和產品特性挑選。

聲音設計不僅能增強使用者體驗,還能優化使用流程。例如,在購物過程中,如果出現錯誤操作,聲音提醒能有效幫助使用者糾正。同時,選擇與品牌調性相符的聲音,並將其融入整個體驗設計,而不是作為獨立元素。善用聽覺設計,並結合畫面,可以加強品牌印象,就像Netflix的片頭音效已經成為其品牌的一部分。

生活中有許多巧妙運用聲音設計的例子,下次當你使用電子產品、走進店家或使用應用程式時,多留意那些音效,或許你會發現許多有趣的設計。

參考資料

[1] UX Sound Design | uxsound.com

[2] Beyond Vision, A New Paradigm: Sound as Sensory Design – Matthew Bennett | Youtube

[3] Do’s and Don’ts of Sound in UX | Medium

[4] UI Sounds and Product Perception | Sonicminds

發表留言