Facebook设计总监教你释放“声音魔力”【UXRen译#202】

作者:Will Littlejohn(Facebook的音效设计总监) | 翻译:Stella 审校:Terrick

 

引言:Will Littlejohn指出:好的音效设计可以让人情难自禁,陶然忘我。Facebook的音效设计团队也大开方便之门,慷慨地将他们的音效库分享给公众使用。这实在是令人振奋!

当我跟人们提起音效设计,以及音效设计在Facebook里扮演的角色时,大部分人都愣了。

“音效?Facebook?”

老实说,人们在大部分情况下不会很在意我们听到的声音。即便很多人人在不同行业被雇佣为音效设计师,这个专业依旧存在很大的不确定性。作为一个资深的全职音效设计师,我在几十年的职业生涯中对音效进行过很多的探究。用一段几分钟的谈话就可以为大多数人揭开音效神秘的帷幕。

概括一下我们的工作:

音效设计师通过声音将情景带入你的世界。你听到的声音与其他的感官输入一样,对认知现实都起到了很重要的作用。对于关注声音的人来说,这种特别的设计媒介可以让人情难自禁,陶然忘我。

本文主要关注交互音效设计,这是一个鲜为人知的学科中极少有人涉及的领域。我和Facebook的音效设计团队正在与设计界共享一些对于交互音效的理解以及在实践中学到的东西,来帮助大家理解这种经常被误解、又未被充分利用的设计形式。

我将重点讲述我们为移动产品进行音效设计时学习到的一些内容。音效设计是一个庞大的课题,所以这些内容也许在其他情境下并不适用。

 

1、保持简单

如果你将音效视为你产品设计的一部分,我建议你尽量做到简洁。

随着时间的推移,一些复杂或者冗长的音效可能给你的产品体验带来不利的影响。当你设计移动产品时,留意一下你的音效路径。对于产品来说,特别是移动产品,人们更加喜欢精致、温暖的声音。

例如,听一下Messenger中的交互音效:

附上视频地址(https://www.facebook.com/design/videos/10155326211076390/)

 

2、把它制作成一个系列

你可能会注意到这些声音都具有相似的特征,但又截然不同。这是特意设计的,因为我发现同类型的声音组合可以打造出更为连贯的体验,就如同在页面中使用一种色系所能达到的效果一样。

因此我建议你在设计音效的时候,也能复用视觉上的模式,使音效更加系统化,有机地组合成一个整体。

 

3、牢记:少就是多

作为一个设计师,当我问出“这个音效真的有必要吗?”时,一般都会让人大吃一惊。之所以这么问,是因为音效有时候真的就像是差的视觉设计一样会干扰到体验。

自省一下,添加音效是否真的对用户使用产品至关重要。过多音效可能会降低音效本身的效果,并逐渐变得难以忍受。

 

4、根据场景判断是否要让你的音效与众不同

当你正在为你的每一个音效进行设计时,记住,场景是最重要的。不同场景下音效的目的是不同的,有时候你可能希望用户把音效和其对应的具体行为联系起来,有的时候又希望通过音效来表达APP当前状态的变化。

在制作音效时,一定要考虑使用场景。试想一下这个声音将被运用在何时何地。是积极的行为还是普通的行为?你是否希望用户听到声音后立刻联想到特定的事情?如果答案是肯定的,那么这种情况就适合去设计一个独一无二的音效,然后将这个音效与用户的操作绑定,用户之后会迅速地将这个音效与他们正在进行的行为联系在一起。

在另一些场景下,你可能希望音效非常通用,并且不会特殊针对所进行的操作。在这种情况下,在设计中应当更加简化。

你需要设计适合你的APP声音库的音效,但是不能为了追求与众不同而特立独行。如果音效的目的是为一系列行为提供反馈,那么首先要确保它满足需求,其次是让用户在不被打扰的前提下能够反复感知。

 

5、重复,重复,重复…

在产品中使用音效时,一个非常重要的考虑是“频次耐受性”。也就是声音出现的频率要让用户不会厌烦。

你还记得第一次听到卡车上“倒车请注意、倒车请注意”的提示音吗?你一开始可能会觉得:“哇,这很棒,很人性化!”。但当你听了很多遍之后,你还这么认为么?

同样的,音效盛宴在一开始可能很令人兴奋,但是等你听了上千次的时候就会变成彻头彻尾的折磨。当你把音效运用到一个产品中时,你必须考虑到人们听到声音的频率,以及声音的复杂程度。

 

6、关注价值

交互音效的潜在作用可以帮助增加产品的可用性。如果你可以用声音为人们提供更多的价值,他们一定会感激不尽。

我最喜欢的例子是Facebook APP中,发布时“嗖”的一声。我们设计这个声音的目的是为给用户在发布内容时营造一个简单又满足的时刻,所以我们仔细推敲了它在流程中的位置,最终发现相比于在点击按钮的时候就出现,不如在帖子被实际发布时才出现能发挥更大的作用。

这个关键的决定为用户创造了额外的价值。当需要花一些时间才能完成上传时,用户不需要一直盯着进度条。因为一旦帖子成功发布,就会发出“嗖”的声音,这可以让用户去做他们想做的事情,而不只是一直盯着进度条。就像是你在做饭时使用计时器一样方便。

 

7、落地实现很关键

视觉设计的完美实现对体验至关重要,这同样也适用于音效设计。你也许能够为产品的一些关键节点或行动设计出完美的声音,但如果在开发中不能完全还原出设计方案,很有可能会适得其反。

实现过程中的微小细节都有可能成就或毁掉声音的效用。这就是为什么我们要特别注意音效与视觉元素的配合。同时还要考虑在急迫或意外情况下声音如何表现。

在众多影响因素中,一个重要的点是每个声音相对于产品中其他声音的音量,以及整个产品中的声音相比于其他类似产品的音量。

感知就是一切,所以要确保用户感知到的是你原本的设计。例如,当音量过大时,即便是舒适的声音也会变得咄咄逼人。不幸的是,一般移动设备上的微型扬声器很容易使声音失真,所以你在设置音量的时候也要格外注意这一点。

 

8、测试

再多的测试也不多。一旦你实现了全部音效,花时间像一个普通用户一样去体验完整的产品流程,尤其是声音提示。

在所有适配的设备上测试你的音效。检查一下当设备音量开到最大时是否会失真。若出现失真,你必须根据需要对单个声音的音量进行调整。

注意检查声音的频谱。如果觉得太沉重,你可以删除一些低频率的声音使他们更轻亮。如果觉得太刺耳,你可以去掉一些很侵略性的高频声音。

当我以这种方式测试声音时,我会单独聆听每个声音,并且用参数均衡器进行针对性的优化。在设计和测试时,请记住,移动设备的扬声器并不擅长表现低频音段,并且会突出某些高频段。

这幅图是一个典型的曲线型参数均衡器软件。X轴代表频率(赫兹),Y轴代表振幅(分贝)。着重看图上频段的部分,我把所有低频段移除了,并且减少了一些窄频段。

 

Facebook音效库

为了帮助设计师们运用音效为他们的作品增色,Facebook音效设计团队设计了一系列开源的交互音效。你可以把这套音效库作为你音效设计工作的起点。

Facebook音效库资源下载链接

除此之外,我们还设计了一些“可感知”的声音,这些声音非常适用于高重复性行为。用户在进行这些行为时,可以获得一些非常微妙的,接近于触感的声音反馈。你可以将它们与经常使用的按钮或开关配合起来,但是音量不要太大。这将为你产品的日常互动增加更深度的体验,并帮助塑造用户对你产品的长期印象。

 

结语

即使是非常简单的声音也会很大程度上影响用户对产品的感受,特别是在一些关键的交互操作上。想想你的产品体验中是否有能给用户带来共鸣的点,在这些点上,音效可以让你的体验脱胎换骨。

就像我之前说的,“好的音效设计可以让人情难自禁,陶然忘我”。我希望这些技巧和Facebook Sound Kit可以在你设计极致音效体验的路上尽绵薄之力。

最后感谢Tanner Christensen和Jeff Smith的支持。


更多译文:

全新的聊天对话交互方式
实战打脸:有毒的NPS净推荐值
UI/UX小白案例学习:我的停车场
手把手教你玩转VR界面设计
全部200+篇译文>>

 

申请加入UXRen翻译组>>

uxren-fanyizu-00

 


译者:Stella  审校:Terrick 

作者:Will Littlejohn

照片:Teresa Kluge

原文标题:《How to enhance mobile interactions with sound design》

原文链接:https://medium.com/facebook-design/how-to-enhance-mobile-interactions-with-sound-design-3c3b30e98177

发布日期:Jun 28,2017

版权声明:

  • 本文版权归:UXRen翻译组 所有;
  • 转载带有“UXRen译”抬头的翻译文章,文章标题必须保留“UXRen译”字样;
  • 转载文中必须保留:“UXRen翻译组”、“作者”、“译者”及“审校者”信息;
  • 网站转载文末必须保留本译文网页链接地址 / 公众号转载必须在文末保留本公众号二维码;
  • 如未遵照上述规则转载,视为侵权,UXRen社区保留随时追责的权利。

 

发表评论

您的电子邮箱地址不会被公开。