聲音建議:設計 UX 聲音的快速指南

已發表: 2022-03-11

交配的叫聲、警告的咕嚕聲和支持性的咕咕聲是整個動物王國都能聽到的一些聲音。 所有物種都使用經過微調的噪音相互交流,並告知其他人某項行動或行為。 我們人類並沒有那麼不同。

儘管我們的口語非常複雜,但人類也使用聲音進行交流(例如,法語有一系列從不構成單詞的語言提示)。 當我們建造城市和社會時,我們使用各種聲音來表示意義。 一輛卡車在倒車時發出嗶嗶聲以警告其他人,當水沸騰時水壺會發出哨聲,而精心設計的寶馬車門在關閉時發出的聲音表明了工程實力。 隨著數字世界的不斷出現,短信 ping 會引起人們對通知的注意。

聲音對於理解世界和我們周圍的環境是不可或缺的。 難道不應該在 UX 設計的交互體驗中考慮它們嗎?

麋鹿的風箱和水壺的哨聲展示 UX 聲音設計
聲音用於在動物王國和人類在整個社會中構建的體驗中進行交流。 隨著設計師在數字空間中創造體驗,聲音不應被忽視。

為什麼在設計中考慮 UX 聲音?

就像狗的咆哮向對抗者提供反饋一樣,數字情境中的聲音也應該以同樣的方式發揮作用。 Jakob Nielsen 是 10 條可用性啟發式原則的創建者,他堅信反饋對於成功的用戶體驗至關重要。 它在共享用戶操作的狀態、防止錯誤以及使用戶能夠識別、診斷和從錯誤中恢復方面很有用。

設計師經常忘記的是,視覺組件並不是完成這些事情的唯一方法。 UX 中的聲音設計可以(並且應該)有助於:

  • 提供有關用戶操作或系統狀態的反饋
  • 構建上下文和對用例的理解
  • 提請注意重要信息,例如警告或機會
  • 建立品牌個性和認知度

如何平衡形式和功能

優美但不符合用戶體驗目的的聲音和功能但與品牌語氣不匹配的聲音都缺少關鍵組件。 創建界面聲音既涉及人體工程學/可用性角度,也涉及創意/品牌角度。 使它們收斂到一個精緻的最終結果的關鍵是把它們看作是相互依存的。 以下提示將提供創建聲音的指南,作為 UX 設計的一部分,既實用美觀。

一、注重實用性

當與產品的功能交互時,人們喜歡他們認為有用的東西。 音頻功能也不例外。 因此,在深入研究 Ableton 設計引人注目的音效之前,設計師應該首先考慮用戶可能希望收到反饋的關鍵操作。

識別聲音提示可能性的最佳方法是查看用戶流程。 考慮聲音在哪裡可以增強完整的用戶體驗。 上傳完成了嗎? 保存文件時出現問題了嗎? 設備是否正在充電? 用戶需要對某事採取行動嗎? 在為交互提供聽覺反饋時,聲音的功能可能最為有效。

還可以合併聲音以在交互中創建“負空間”,允許用戶將注意力轉移到其他地方,直到聲音提醒他們動作已完成。 (Leo Foureaux 的聲音;Jordan DeVos 的動畫)

使用隱喻而不是擬態

在創建“系統與現實世界之間的匹配”(尼爾森可用性啟發式的基本可用性原則)時,設計師可以參考物理對像或感受和體驗。

第一種方法稱為擬物化,一種使數字接口看起來或流動起來像模擬對應物的方法。 如果您曾經使用 Apple 的 Notes 應用程序模仿黃色襯裡的紙本,或者如果您刪除了一個文件並聽到紙張起皺的聲音,您可能已經親眼目睹了這一點。

雖然這種策略看起來像是一個用戶友好的解決方案,但它通常會呈現沒有靈魂的界面。 擬物化很少與用戶建立情感紐帶。 除非設計需要 90 年代懷舊,否則最好不要使用文字視覺和聲音效果。

一種更加人性化和復雜的方法是喚起或模仿圍繞某種交互的情緒。 設計師可以使用聲音隱喻:一種抽象的聽覺反饋,用戶可以立即解釋和識別,因為感覺就像他們過去的經歷。 與驚喜、新的開始和完成任務等場景相關的情緒可以融入到他們的數字對應物中。

與擬物化不同,隱喻不需要文字的視覺或聲音識別。 相反,隱喻在互動過程中喚起的感覺與熟悉的情感體驗相關聯。

聲音增強了應用程序 Discord 中的用戶操作。 當有人加入通話時,會發出明亮向上的聲音,喚起有朋友在身邊的快樂感覺。 當有人離開電話時,會播放柔和的向下聲音。

創建“聲音風格指南”

品牌或設計系統在每個接觸點使用一組預先確定的元素,從而在用戶體驗中建立一致性和凝聚力。 聲音的處理方式應與為視覺界面創建樣式指南相同。 它應該被視為一組元素的各種重新排列。 也許一個產品可以為每個曲調使用類似的音色,或者結合自然聲音,例如水滴、風的耳語和沙沙的嘎嘎聲。

重要的是要注意,這些概念既源於產品的品牌個性,也建立了產品的品牌個性。 視覺 UI 設計組件、微交互和聲音都將在用戶的視角中​​聚合,並塑造他們對品牌的看法。

聲音可以對品牌或體驗的感知做出很大貢獻。 上面這兩種聲音伴隨著相同的視覺效果,但提供了兩種不同的聽覺體驗。 (Leo Foureaux 的聲音;Jordan DeVos 的動畫)

讓用戶體驗聽起來簡單

標誌性產品設計師迪特·拉姆斯 (Dieter Rams) 制定了十項設計原則,這些原則在今天仍然很強大。 第十條也是最後一條原則是:“好的設計是盡可能少的設計。

更少,但更好——因為它專注於基本方面,並且產品沒有非必需品的負擔。 回歸純潔,回歸簡單。” 聲音的意圖應該簡潔,而不是過度。

和聲複雜的聲音表示優先級並引起人們對非常重要的事情的注意。 因此,當聲音為不需要立即註意的動作提供反饋時,複雜的聲音是不合適的。 事實上,如果用戶處理聲音而沒有發現任何重要的東西,則弊大於利。

同樣的簡單程度也適用於UX 設計中的聲音長度。 根據經驗,過渡或微交互聲音的持續時間不應超過其相關動畫的 0.3 秒。 聲音應該短到足以被用戶感知。 作為參考,三星的口哨通知聲音過於誇張。

為設備設計 UX 聲音

當移動或網絡應用程序在用戶手中時,聲音很可能會通過非高保真揚聲器再現。 通常,移動設備和筆記本電腦旨在降低低頻並提高中高頻。 設計師應該通過他們設計的設備聆聽他們的曲調,並詢問:

  • 聲音是否沉重或悶悶不樂? 刪除一些較低的頻率並強調較高的頻率。
  • 聲音是否刺耳或脆? 挖出一些較高的頻率並增加中低範圍。

由於中頻對應於人聲,因此便攜式設備往往具有相當不錯的響應。 設計師應該利用它來發揮自己的優勢。

典型的筆記本電腦頻率響應顯示低頻、中頻和高頻
典型的筆記本電腦揚聲器強調高頻和低頻。 看到左邊那個山谷了嗎? 這是無低音​​峽谷。

注意 UX 聲音設計中的重複容忍度

你有沒有把你最喜歡的樂觀歌曲設置為你的鬧鐘聲音? 過了多久才變得無法忍受?

重複容忍度表明我們可以忍受一遍又一遍地聽到相同聲音的頻率是有限度的。 每次將任務標記為完成時聽到“ta-da”的聲音可能會很令人滿意,但到第 100 次時,人們可能更喜歡使用替代(靜音)工具來檢查已完成的任務。 或者,更糟糕的是,不受歡迎的聲音可能會產生遠遠超出產品的影響,並導致用戶拖延只是為了避免聽到煩人的曲調。 在我們希望它永遠不存在之前,聲音重複的次數是有限制的。 更重要的是,聲音變得越複雜,閾值就會顯著降低。

與凌亂的視覺界面相比,音頻混亂對用戶來說通常更煩人。 用戶可以——也將——將那些重複加重聲音的應用程序靜音,例如每五秒發出一次嗶聲。 作為一般經驗法則,產品中出現的聲音越頻繁,它就需要越微妙、更短和更溫暖。

重複性與顯著性圖表指示最佳點和痛點何時發生
隨著聲音隨著時間的推移反復出現,它會變得像在黑板上聽到釘子一樣痛苦。 找到引人注目和重複性的最佳點將對用戶體驗設計的成功產生巨大影響。

測試 UX 聲音

用戶測試是 UX 設計的標準做法。 測試有聲音和無聲音的界面(靜音和取消靜音)同樣重要。 用戶體驗在兩種狀態下都應該具有同樣的凝聚力。 此外,用戶在測試期間應該始終有一種簡單的方法來靜音產品的聲音,並且應該記錄他們打開和關閉它的頻率。

所有用戶的能力都應該包含在測試中。 雖然音頻反饋對視障人士非常有用,但視覺反饋對於確保聽障用戶不會錯過產品的重要部分可能很重要。

就像界面的其餘部分一樣,迭代是實現用戶喜愛的音效的基礎。 設計師應該留意不必要的聲音提示以及聲音可以增強體驗的有趣機會。

釋放 UX 聲音的力量

人類依靠聲音來交流和理解周圍的世界是有生物學原因的——聲音提示通常會為行為或行為提供反饋。 將聲音設計整合到用戶體驗中的 UX 設計師可以創建一種多感官交互,這將被證明是非常有效的。 隨著智能設備在現代社會中變得越來越普遍,既優美又實用的聲音可以以非侵入性的方式豐富體驗。 聲音可以極大地促進有影響力的產品的成功。

• • •

進一步閱讀 Toptal 設計博客:

  • 高效設計評論的技巧
  • 不良用戶體驗的突出因素
  • 為更好的用戶體驗創建 UI 樣式指南
  • 體驗就是一切——終極用戶體驗指南
  • 磨礪你的技能:多學科設計的價值