声音建议:设计 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 样式指南
  • 体验就是一切——终极用户体验指南
  • 磨砺你的技能:多学科设计的价值