认识达内从这里开始

交互设计是UI设计中的重要组成部分，关系到我们设计出的产品是否能够抓住用户的痛点，这些交互原则会帮助我们设计出更好用的界面，当然也可以帮助我们讲出这样设计的原因。本文沈阳达内IT培训为大家介绍专业！交互设计需遵守的八大定律。

一、费茨定律(Fitts’Law)

费茨定律指的是：光标到达一个目标的时间，与当前光标所在的位置和目标位置的距离(D)和目标大小(S)有关。它的数学公式是：时间 T = a + b log2(D/S+1)。这个定律是由保罗.菲茨博士(Paul M. Fitts)提出的所以得名。菲茨定律在很多领域都得到了应用，特别是在互联网设计中尤为深远。我们利用费茨定律估算用户移动光标到链接或者按钮所需的时间，时间越短越高效。

比如有一个按钮在左下角，我们的操作可以细分为两个阶段：第一个阶段大范围移动到左下方向，然后再做微调到达这个按钮之上。所以这个时间受按钮和链接所在位置与按钮和链接大小影响，也就是说我们在做设计时要考虑光标默认会放在哪里、我们的链接按钮是不是太小了。

二、希克定律(Hick’s Law)

希克定律是指一个人面临的选择(n)越多，所需要作出决定的时间(T)就越长。它的数学公式是：反应时间 T=a+b log2(n)。

在我们的设计中如果给用户的选择更多，那么用户所需要做出决定的时间就越长。比如我们给出用户菜单-子菜单-选项，那么用户可能会很纠结;如果我们简化成菜单-选项，就会减少用户做选择的时间。

三、7±2法则

1956年美国科学家米勒对人类短时记忆能力进行了研究，他注意到年轻人的记忆广度大约为5到9个单位之间，就是7±2法则。

这个法则对我们做界面设计的启迪就是如果希望用户记住导航区域的内容或者一个路径的顺序，那么数量应该控制在七个左右，比如苹果和站酷网站的导航个数。另外，移动端底部Tab区域最多也是五个，而页面中的八大金刚图标也是八个。

苹果、站酷、Dribbble等网站导航数量全部是7±2

四、泰思勒定律(Tesler’s Law)

这个定律是说产品固有的复杂性存在一个临界点，超过了这个点过程就不能再简化了。我们只能将这种复杂性转移。比如我们如果发现页面的功能是必须的，但当前的页面信息过载，那么就需要将次要的功能收起或者转移。

五、防错原则

一个表单是需要填写完毕后方可提交的。但是用户有时会漏填或者忘记填写，这是用户点击提交会怎么样?很可能有些选项会被清空(比如密码选项基于安全考虑会清空cookies)那么用户还得重新填写。

这时解决办法是在用户没填写完之前把按钮设置一个看起来不能点击的样式，用户想提交时弹窗：您还有内容没有填写完哦，然后把用户定位在没填写完的项目，让那个表单高亮。(是不是真的做到以用户为中心啦?)再比如推特只允许用户填写140个字，但用户一写爽了往往会超出140个字那怎么办?解决办法是给他在旁边倒数还能写几个字。

看，这些都是我们为了防止用户操作出现错误所做的努力，防错设计就是要减少错误操作所带来的灾难。错误的提示当然需要设计师的设计了。可是也许您不知道有些错误提示含糊，用户并不知道到底错的是哪里，下一步该怎么办。比如仅仅登录功能就可能会有用户名错误、密码错误、网络超时、连续三次输入密码错误、用户名为空等不同的错误，而有些产品仅仅给出“出错了”，那么用户当然会不知所措了。正向的例子比如一次我在登录Google Mail时输错了密码，它提示“密码输入错误，提示：您在1个月前改过密码”。

六、奥卡姆的剃刀法则(Occam’s Razor)

奥卡姆的剃须刀法则主要就是说我们做产品时功能上不可以太繁琐，应该保证简洁和工具化。比如产品中为用户提供了收藏功能是否就不需要喜欢了?提供了喜欢是否不需要点赞了?一定保证功能上的克制。

七、防呆原则

有一个著名的交互书籍叫作《Dont make me think》，翻译过来就是不要让我思考。这句话一直在我做设计时响起：不要认为用户是专家!不要认为用户是专家!有时我们会觉得，点击汉堡包图标当然就是菜单啊!这个按钮长按不就会调出XX功能了嘛。但是我们忘记了普通用户可能并不理解什么是汉堡包图标、什么是抽屉式导航、什么是长按、双指滑动。更何况普通用户并不会研究我们的APP，在他们眼中我们的产品只是众多工具中的一个，我们何德何能认为自己的产品是值得用户花时间学习的?

一定要把交互和设计做得简单，并且让用户在别的地方“学习”过。每个页面强调一个重要的功能而不要让用户做选择题。这些都是有效防呆的好方法。防呆和不要让我思考都讲的是我们的设计要自然而然。

八、防止不耐烦原则

用户是很容易不耐烦的，你还记得你多少次看着视频加载条骂人吗?如果我们需要用户等待载入信息，一定要给一个有情感化的设计提示，避免用户产生焦虑。

比如很多游戏(比如决战平安京、王者荣耀等)加载时都会出现主角跑步的小动画，美团等APP下拉刷新时也会有几帧的动画来安慰用户。动画要好于苹果默认提供给开发的“转菊花”，因为卡通形象更有亲和力。但是好像还不够，用户需要掌控感，“哎?它一直加载，是不是死机了?”为了防止用户没有掌控感，我们可以为用户设计加载条或者加载提示。加载状态条很遗憾很多都是假的甚至是重复的，原因是其实要精确判断加载了多少M的素材的代码更占资源!我们本来想安慰用户等待加载的时间竟然会变得更长，那当然不行啦。于是很多时候我们会做一个假的加载状态条来安抚用户，我想您一定看过反复加载的加载条吧!加载条下的文案其实也是可以变得非常有情感化设计感受的，比如通常是：加载场景资源、加载素材这样的文案，但是有些APP需要很长加载时间时会给出这样的文案：导演正在准备、女主角准备化妆了、摄像师打开了灯光。是不是更加好玩啦?

文章来源：庞门正道

*版权声明：转载文章和图片均来自公开网络，版权归作者本人所有，推送文章除非无法确认，我们都会注明作者和来源。如果出处有误或侵犯到原作者权益，请与我们联系删除或授权事宜。