互联网方法论之“交互设计”篇合集（一）

我们事情中时时时会听到有些云里雾绕的不雅观点，让人有一种“答案在空中飘的觉得”。
为了在别人吹牛皮的时候保持复苏，从2018年开始我整理了100来条互联网方法论。

把这些分享出来希望能帮到更多的人！

我把这些方法论总结成了六大类：视觉设计、交互体验、心行研究、增长模型、产品策略、数据衡量。

这次换换脑筋，分享5个“交互体验”篇的方法论，包括：

奥卡姆剃刀事理（Occam’s Razor）菲兹定律（Fitts’Law）希克定律（Hick’s Law）防呆原则防止不耐烦原则

交互设计篇 01：奥卡姆剃刀事理 Occam’s Razor1. 定义

也叫大略有效事理，被称为“如无必要，勿增实体“，即如果有两个功能相等的设计，那么选择最大略的。
这个事理哀求我们在处理事情时，要把握事情的实质，办理最根本的问题，顺应自然，不要把事情人为地繁芜化。

早期的设计是人为的繁芜化了，比如早期建筑设计中巴洛克风格。
那什么时候开始“如无必要，勿增实体。
”的？

大概包豪斯期间，开始了极简设计理念，而乔布斯也延续了包豪斯理论。

“如无必要，勿增实体。
“ 请记住这句装13的话，19年就有人在说，这两年还有人在说。

2. 采纳的设计方法和把稳点

1）专注于用户核心需求，功能上不可过于繁琐

去除非核心不必要的功能。
页面该当担保简洁和工具化，担保功能上的克制。
如果有两个功能相似的设计，那么选择最大略易懂的。
提取紧张功能、主要信息，剔除不必要的滋扰功能和信息。

2）只放置必要的信息

简洁的设计最主要的一方面是只展示核心信息，其他的都收纳或隐蔽。
这并不虞味着不能供应给用户很多的信息，可以采取“理解更多”的链接来实现这些。

3）合并多余流程高频利用界面，保持清爽，减少点击次数

让用户通过很少的点击就能找到他们想要的东西给予更少的选项。

做过多的选择也是一种压力，减少选择可以减少用户的思考包袱，这样就会使体验更顺畅。

3. 下面举几个例子

【专注于用户核心需求，功能上不可过于繁琐】

例如：抖音的首页布局

聚焦于核心功能上滑刷短视频，减轻用户认知包袱。
抖音APP的登录界面也是如此，减少用户的不必要的操作，快速登录成功进入APP。

例如：微信谈天页面

利用频率高的页面，只管即便少的涌现按钮。
更多功能收纳至“+”拓展。

【合并多余流程】

例如：确定支付按钮去掉，输入第六位密码变成了确定。
密码有六位，每一次输入都相称于一次确认。

我们从密码支付，到指纹支付，又超过到刷脸支付，实在质是电商类希望用户快速付钱，匆匆动冲动消费。

交互设计篇 02：菲兹定律 Fitts’Law1. 定义

菲兹定律证明了获取目标的韶光，和目标的大小、间隔的干系性。
间隔越短，目标越大，那么光标到达目标就越快，韶光越短越高效。

这项定律尤其适宜按钮等可点击、可选择、可交互的元素，其目的是：易于查找和选择。

2. 来源

菲兹定律由生理学家Paul Fitt 于1954年提出，它是物理天下中人体运动的数学模型。
在很多领域都得到了运用，在人机交互领域的影响尤为深远，可以说是人机交互领域的第一条定律，它常日被用来阐明鼠标（PC端）和手势（移动端）在界面中的移动规律。

指鼠标达到一个目标的韶光，与当前鼠标所在位置以及目标位置的间隔（D）和目标大小（W）有关。

从一个起始位置移动到一个终极目标所须要的韶光由两个参数来决定，到目标的间隔和目标的大小（下图中的D与W）。

数学公式：T= a + b log2(1+D/W)

3. 菲兹定律三原则

1）缩短交互间隔原则

例如：电脑端右键之后，涌现的弹窗，间隔鼠标当前的间隔越近，用户在进行交互的时候韶光越短；APP中气泡弹出框中活动的点击按钮和手的间隔。

2）扩大点击热区原则

例如：共享单车的“扫码用车按钮”热区；我们在和开拓对接设计稿时，必要位置要扩大点击热区并标注热区大小以提醒开拓。

3）边缘无限可当选中原则

例如：列表中删除操作；Mac系统软件栏鼠标滑过放大效果（个人认为这个hover操作反馈太强了，调研后创造周围很多人都不喜好设置成hover放大效果）；小米手机卸载软件，拖到最顶部就可以卸载。

交互设计篇 03：希克定律 Hick’s Law1. 希克定律定义

一个人面临选择（n）越多，须要做处决定的韶光（T）就越长。
在人机交互中界面中选项越多，意味着用户作出决定的韶光越长。

数学公式：T= a + b log2（N）

2. 希克定律起源

希克定律（或希克海曼定律）以英国和美国生理学家威廉埃德蒙希克和雷海曼的团队命名，1952年，开始研究存在的刺激数量与个体对任何给定刺激的反应韶光之间的关系。
结果显示，可供选择的刺激越多，用户决定与哪一个进行交互的韶光就越长，受到选择轰炸的用户必须花韶光来理解和决定，这相称于加重了他们不想实行操作。

3. 希克定律三原则：须要背下来～分类选择，提高交互效率；分步操作，专注当前行为；低频功能，收纳或隐蔽。

【分类选择，提高交互效率】

更风雅化的商品分类，能够让用户在短韶光内找到自己想要的商品，提高商品分发销量和用户购买销量。
用户可以更快速找到心仪商品的同时，也带动详情页转化的提升。

【分布操作，专注当前行为】

提高交互效率，每一步只做更少的选择。
让用户专注于当前的核心操作。

【低频功能，收纳或隐蔽】

实在质也是专注当前操作，让页面更加清爽，减少不必要的操作选项。
我们可以主动和产品沟通，结合功能的点击率进行剖析，有理有听说服产品经理，将低频操作功能收纳起来。
这样也有利于页面设计的都雅度。

交互设计篇 04：防呆原则 Fool-proofing1. 什么是防呆原则？

该原则起源于工业设计领域。
其核心宗旨是：

不要让用户思考，不要认为用户是专家。
设计要自然而然。

把交互和设计做的大略，并且让用户在其他地方“学习”过。
每个页面应强调一个核心的主要功能而不应该让用户做选择题。

说实话，最初我也以为“防呆”这个词用的什么鬼，不理解为什么成为“防呆原则/防呆设计”。
————直到最近又开始学日语才意识到。

才理解到“防呆”来源于日语“ポカヨケ“，英语是“Fool-proofing”。
源自于日本围棋与将棋的术语，后来利用在工业管理上，基本观点运用在日本丰田汽车的生产办法，由新乡重夫提出。
（我们后面还会提到新乡重夫）

防呆原则是一种预防纠正的行为约束手段，利用避免产生缺点的限定方法，让操作者不须要花费把稳力、也不须要履历与专业知识即可直接无误地完成精确的操作。

在工业设计上，为了避免利用者的操作失落误造成机器或人身侵害，包括无意识的动作或下意识的误动作或欠妥心的肢体动作，会有针对这些可能发生的情形来做预防方法，称为防呆。

2. 不要让我思考

有一本交互书本叫《Dont make me think》，不要让我思考。
无论是系统级UI设计、人机交互界面、APP设计、还是web端，在知识更新换代极快的UI设计领域，这本写于2005年的书依然值得阅读。
里面的原则可以作为“通用设计原则”考虑和自省。

“不要认为用户是专家！
”一定要把交互和设计做得大略易懂，降落用户的学习本钱。
每个页面强调一个最核心的功能而不要让用户做选择题。

防呆和不要让我思考都讲的是我们的设计要自然而然。

交互设计篇 05：防止不耐烦原则1. 什么是防止不耐烦原则

用户很随意马虎不耐烦，如果须要用户等待，要有一个情绪化的设计提示，避免用户产生焦虑。

为了防止用户没有掌控感，可以设计进度条（假的）、加载动画、加载提示或优化数据获取办法等。

在交互设计方法论中有一个“两秒定律”，指的是用户在利用产品时的等待反应韶光不该超过 2 秒钟。
这两个原则侧重点不同，两秒定律侧重于优化数据获取办法等信息渲染效率和性能的优化。
而防止不耐烦原则侧重于在无法缩短时长的情形下，安抚用户感情，缓解用户等待焦虑。

关于加载样式的设计，是品牌在端内渗透点之一。
如果和自身产品品牌、业务结合，会起到更好的设计效果。

比如商品列表上滑加载采取的分步加载的数据获取办法，先加载笔墨等较小的资源，再加载图片、视频等较大等资源。
这样加载的好处是：减少用户的等待韶光，以及提高信息渲染效率，同时缓解了用户等待焦虑感。

比如很多游戏产品会在进入游戏和中途，设计加载动画、转场动画，实在后台在冒死加载视频或游戏资源包；

比如很多APP通过结合自身品牌设计的一些有趣的下拉刷新；

比如我们打开H5页面常见的加载进度条。
虽然进度条的进度是假的，但也能给予用户适当安慰。

关于加载的例子很多，须要把稳的是加载办法和加载样式，数据获取办法和设计视觉样式的区分。
之后会在加载文章中会详细先容。

总结

本次分享了5个“交互体验”篇的方法论，包括：奥卡姆剃刀事理、菲兹定律、希克定律、防呆原则、防止不耐烦原则。

奥卡姆剃刀事理：如无必要，勿增实体。
把握事情实质，办理最根本问题，不要把事情人为繁芜化。
菲兹定律三原则：缩短交互间隔；扩大点击热区；边缘无限可当选中原则。
希克定律三原则：分类选择，提高交互效率；分步操作，专注当前行为；低频功能，收纳或隐蔽。
防呆原则：不要让用户思考，不要认为用户是专家。
设计要自然而然。
防止不耐烦原则：通过情绪化的设计提示，避免用户产生焦虑。

本文由 @胡冰茜 原创发布于大家都是产品经理。
未经作者容许，禁止转载。

题图来自Unsplash，基于CC0协议。

该文不雅观点仅代表作者本人，大家都是产品经理平台仅供应信息存储空间做事。