设计中的“信噪比”平衡

推荐人：马化腾腾讯公司董事会主席兼首席执行官

推荐语：

“信噪比”（Signal-to-Noise Ratio）原本是用在声音和图像领域的概念。比如，音响设备播放声音时，机器本身也会产生噪音，能不能原汁原味地播出声音，同时最大限度地掩盖噪音，是衡量设备好坏的重要指标。这篇文章巧妙地把“信噪比”的概念借用到了用户体验，把道理说得浅显易懂，难能可贵。

用户体验是互联网产品的命脉，琢磨和研发更好的用户体验应是产品经理和设计师的主要工作。我们之前的经验是，产品的交互设计要细致，视觉要简洁清爽。产品经理要设想自己是个挑剔的用户，是个笨用户，看不懂复杂的界面和内容。这篇文章提供了一个新的角度，来理解这个问题。

用户行为是不断变迁的，这就要求互联网产品自身不断快速进化，以满足用户体验的要求。特别这两年，从PC互联网到移动互联网，用户行为变化之快，超出了很多人的预计。但相信用户体验的喜好标准并未变化，用户始终喜欢清晰、简单、自然、好用的设计和产品。这是产品和设计高手们的竞技场。

文章内容

设计中的“信噪比”平衡

文/陈威帆

所谓的讯息就是为了沟通而产生的，而使用者界面就是承载着资讯的载体。使用者透过界面和各式各样的系统进行五花八门的资讯交换。资讯可能由使用者产生，例如某个人在 Twitter 上发了一则讯息，透过界面上传到网路系统，然后透过网路传递到所有人的荧幕前，然后再由其他阅读到这则讯息的使用者所接收。

因此在资讯的生命周期中，包括了产生、传递、接收这三个重要的阶段，而每个阶段都有可能造成资讯的损耗。而传递中的资讯，又可以分为“真正有用的资讯”和“造成干扰的杂讯”。举例来说：一张讨论各国人口数量的图表，如果采用了过多且花俏的装饰或特效，这些装饰和特效就会成为资讯的“杂讯”。

如果要将讯息完整地传递给使用者，设计师可以选择强化原有的讯息，或是降低多余的杂讯，来提高“信噪比”（Signal-to-Noise Ratio）以增加讯息成功被判读的机率，也让使用者能更轻松地阅读资讯。

图表与信噪比

左右两张图都是在呈现各国的人口数量，左边的图表我们可以清楚地看到不同的人口数量，一眼就可以看出不同国家之间的人口比例关系。而右边的图表由于加上了立体特效和纹路，我们不确定到底要用木块最上缘的部分还是数字的位置来进行比较，木头的材质也影响了数字的判读。因此虽然视觉上比较吸引人，但也因为增加了特殊效果而替资讯加上了杂讯。适当地加上装饰和特效能够吸引读者的注意，但是要注意这些杂讯绝对不能掩盖掉真正要表达的讯息。

界面与信噪比

最近Windows推出的Metro Style UI几乎排除了所有的阴影、圆角，只使用色块和文字来表达整个界面的氛围，几乎说可以是同时用上了“强化资讯”和“排除杂讯”两个方法，让文字（资讯）本身成为界面的一部分与使用者互动。不过这样一来，就缺少了界面所必须的指意暗示（有着阴影的按钮总是让人比较想按下去），也对互动造成些许的影响。

信噪比其实跟人类的搜寻系统有很大的关系，人类的视觉搜寻系统其实很有趣，当大量的资讯同时呈现在我们面前的时候，有时候我们会觉得很容易，一下子就可以找出不同的资讯，有时候我们又会觉得很困难，要花一些时间才能找出不同的地方。到底这两种不同的差异是由什么原因所引起的呢？

视觉搜寻系统

当一个影像刺激在被我们的视觉系统辨识时，有一些影像的属性很容易就可以被大脑处理，这些基本特征（Basic Feature）在视觉神经的前端就会被辨识，让我们的大脑分辨这些影像属性时更容易一些。因此如果我们在设计大量资讯的时候，能够善用这些基本特征，那么就可以提高读者的阅读效率了。

在关于视觉搜寻的实验中，让受试者从许多个「Ⅹ」里面挑出一个「○」，然后再让他们从「┸」里面挑出一个「┼」。我们把所有的视觉元素称作刺激总量，大部分的元素（「Ⅹ」和「┸」）称为干扰物，唯一不一样的那个元素（上面例子的「○」和「┼」）称为目标物，而实验的目的，就是要检测在干扰物增加的情况下，受试者会不会需要花费更多时间才能找到目标物。