交互设计定律的应用案例|交互设计|产品设计|原理|米勒

编辑导语：设计师在日常工作中需要掌握很多理论技巧，怎么样让设计出来的产品更加美观，更加符合大众审美呢？本文作者分析了互联网上的交互设计7大定律并对其提出了质疑。本文主要从作者经验出发，分享了交互设计5大定律。推荐对交互设计感兴趣的用户阅读。

前段时间应邀给部门内新入职的校招设计师讲一堂设计法则的基础课，作为产品经理，交互设计定律肯定是绕不开的一个知识点，但对于网上广为流传的《交互设计7大定律》，我其实一直都有些质疑，因为没搞清楚作者组织的思路，也查不到任何文档的介绍，我觉得如果就这样照本宣科的去讲交互设计7大定律是不负责任的，所以我根据自己近10年的交互设计经验，重新定义了今天这「交互设计5大定律」，希望对你理解和运用设计定律有所启发。

在介绍重新定义的交互设计定律之前，我们先来回顾一下经典的《交互设计7大定律》。

费茨定律告诉我们要节省操作时间应该怎么做：放大目标对象，减小目标距离。

席克定律告诉我们要节省决策时间应该怎么做：尽可能的减少选项的数量。

米勒定律告诉我们人类记忆的上限，所以要将信息数量控制在4±1内。

接近法则告诉我们相邻≈相关，所以要根据信息亲密性组织其位置关系。

泰思勒定律告诉我们复杂性是守恒的，我们要平衡复杂性的天平向谁倾斜，以实现整体效益最大化。

防错原则告诉我们用户出错是不可避免的，我们只能减少并降低其犯错的可能性。

奥卡姆剃刀原理告诉我们如无必要，勿增实体，设计要尽量的简约。

不知道你看完以上7个定律有什么感受，我的感受是，他们彼此之间有些重合（奥卡姆剃刀原理、席克定律、米勒定律都在传达信息要精简），但用其概括交互设计的精髓，又觉得不够完整（做到这几点就够了吗？），整体交互设计的精髓要义并没有表达地很清楚（如何用一句话来概括交互设计的目标？）

带着这几点疑问，我重新去思考到底什么是交互设计的底层设计目标？到底哪些交互设计定律能更好的体现其本质？以下是我思考的结果：

交互设计的终极目标是改变和影响用户的行为，达到期望的业务结果，比如下单率、搜索率等结果指标，结果指标因产品而异，不具有普适性，不可一言以概之。而在交互设计的过程中，以交互设计定律为指导的过程指标是通用的，几乎可以说放之四海而皆准，我把这四个过程指标概括为四字箴言：少快好省。怎么理解呢？

所谓少，就是信息功能要精炼，要一目了然，要尽可能减少功能/信息的复杂度。
所谓快，既是性能也是效率，指的是要尽可能快的响应用户的操作，达成用户目标。
所谓好，就是产品的设计必须达成行业一流的设计标准，让用户用的顺手、满意。
所谓省，就是省心省力省时，能够帮助用户节约时间，降低操作和认知负荷。

基于这样的过程指标，我挑选了5个设计定律来进行设计指导，下面我们逐一来看。

一、奥卡姆剃刀原理

奥卡姆剃刀原理告诉我们：如无必要，勿增实体，即“简单有效原理”。对于工业产品适用，对于软件类产品也是如此。因为任何增加的非必要信息和功能，都会带来生产/维护成本的增加，以及用户认知/操作成本的增加。在现今这个注意力稀缺的时代，复杂会让人望而却步，也容易使人迷失，而精简的产品更利于人们的理解和操作。

典型案例：

小米的电视遥控器设计和传统遥控器设计相比，对奥卡姆剃刀原理的运用非常极致，相信大家都可以感受到精简前后的视觉/操作/认知负荷的降低。

我们再来看一个互联网产品设计的案例：

19年初，外销浏览器做了一次视觉焕新大改版，从交互结构到视觉界面变化都比较大，所以我们就增加了新版本的滑屏引导，告诉用户有哪些界面及功能的变化，结果新版灰度期间，信息流渗透率下降了33%，搜索下降了18%，经过仔细的数据排查，发现都是滑屏引导惹的祸，当把滑屏引导去掉后，搜索和信息流的数据都恢复正向了。

19年底，我们做的另一个运营活动也经历了类似的教训。当时锦鲤很火，我们就做了一个锦鲤大作战的小活动，画面精致，奖励也比较诱人，但是发现活动上线后转化率效果却不及预期，我们再次把矛头对准了蒙层引导，通过去掉蒙层引导，CTA按钮场景化，并增加微动效，转化效果立刻得到了提升。去掉不必要的引导，让界面自己会说话，这也是奥卡姆剃刀原理的一个体现。

二、米勒定律

米勒定律告诉我们：人们工作记忆平均能记住的元素数量仅为4±1。所以我们在设计时，首先要运用奥卡姆剃刀原理，尽可能的去做减法，尽量将数量控制在4±1的范围内。如果选项较多，且减无可减时，就需要对信息/选项进行分类和分组，保证类别的数量在4±1的范围内。

典型案例：

对于像手机号、银行卡号、身份证号这种类型的信息，因为其固有的信息长度无法做精简，所以在信息组织时就会采取分组的方式，保证分组的数量控制在4±1的范围内。

另一个案例也是关于我们的外销浏览器：

左一是改版前的页面，功能有12项之多，且产品认为减无可减了。我们的交互设计师通过对页面功能使用频度及产品功能的重要程度进行分析，将功能划分为了三大类：重要功能，常用功能，必备功能。然后通过强化、保持和收纳的方式将其进行右图所示的呈现，界面复杂度迅速降低，功能清晰度和操作便捷度显著提升。

三、多尔蒂门槛

多尔蒂门槛告诉我们：系统需要在400ms内对使用者的操作做出响应，这样才能够让使用者保持专注，并提高生产效率。

先来看一组模拟的响应效果：

△图片来自作者「超人的电话亭」

从这组图片可以感受到，当图片在400ms内时，是勉强可以接受的，但当时间延长到600ms及以上时，人们就会感受到明显的延迟、等待和卡顿感。

多尔蒂门槛对响应时间的上限给出了参考，而后续的研究则给出了更细致的响应标准，比如元素的点击反馈应控制在0.1s左右，尽量不要超过0.14s，单个元素入场退场时间应控制在0.2s左右（入场一般比退场稍慢），而页面的转场时长根据页面大小和转场动效的复杂度尽量控制在0.3s-0.4s之间。