超全面！交互设计的基础方法和理论总结（上）

一、需求挖掘理论

需求挖掘是产生命周期的启始阶同时贯穿了整个生命周期，一般包含了和外挖掘。

1. 挖掘

在公司进行挖掘，如说采头脑暴、组织会议、务需求收集、营反馈、他门的需求收集等方法。

2. 外挖掘

针对真正的使者，通过用户研究（重点在研究用户痛点）进行挖掘，常用的用研方法有用测试、焦点小组、问卷查、AB测试等。

二、需求分级理论-通用四象限法

对需求进行理的解，去除伪需求，保留那些真正对产品或者计目标有帮助的需求。常见理论有：

• 用四象限法
• kano 模型
• 马斯洛需求次理论

用四象限法

适用场景：交互设计师收到很多需求时。

法是将需求划分到4个象限，按照落在各个象限处理进处理。

三、需求分级理论-KANO模型

KANO 模型东京理学教授狩野昭（Noriaki Kano）发明的对用户需求分类和优先序的工具，分析户需求对户满意的影响为基础，体现了产性和户满意之间的非线性系。

必须具备的（Must-have）

例如，一款美颜工具产，拍照是必须具备的基本功。

期望的（Linear）

例如，一款美颜工具产，使自己变得更漂亮——美颜，是户较明确「」的，否则为么要载使。

超预期的（Exciter）

例如，一款美颜工具产，然可一键美颜，自帮你P成大眼、小脸、巨乳、蜂腰的大长腿女神，远超预期。

KANO 模

适场景：收集到的需求当中，确定哪些需求显著升户的满意。

四、需求分级理论-马斯洛需求层次理论

人类需求像阶梯一样从低到高按次分为种，分别是：生理需求、安需求、需求、尊重需求和自我现需求。（位金字塔顶端的需求，能使润最大化。）

1. 生理需求

最基的生存需求，例，用产品能决最基的生存需求，点外卖。

2. 安需求

人身财产安有障，例，在支付安。

3. /情感需求

例，给最爱的人买一份险，满情感上的需求。

4. 尊重需求

产品给予用户带来的成就感，常见例子是游戏升级。

5. 自我现需求

用户通产品现人生追求，例，用股票软件赚取一桶金。

马斯洛需求次理论

适用场：需求现的价值有大？

五、产品框架设计理论-用户体验五要素

产品框架基于用户体验五要素：战略层、范围层、结构层、框架层、表现层，来进行制定。

1. 战略层

战略层主要是确公用户对于产品的定位和目标，确用户需求。

2. 范围层

范围层主要是将战略层确定的目标转化为网站提供的功能和内容。

3. 结构层

结构层主要是计产品息架构图，将散的功能和内容组成一个整体。

4. 框架层

框架层主要是将抽象的架构图转化为详细的线框图，确定界面外观、导航息及息要素的布局。

5. 表现层

表现层主要是按照「低保真」的线框图计出最终的产品。

六、产品框架设计理论-7（±2）信息块效应

类头脑最好状态能记忆含有7±2项信息块，在记忆了5-9项信息后类头脑开始出。（假如你短时记忆像般那样,你可能会回忆出5~9个单位，即7±2个，这个有趣现象是神奇7±2效应。这个规律最早是在19世纪叶，由爱尔兰哲学家威廉密尔顿观察到。他发现，如将把子弹撒在地板上，们很难下子观察到过7颗子弹。）

应用：

• 导航或选项卡尽量不要过9个
• 如果导航或选项卡内容多，可以用一个层结构来展示各段及其段，并注其深广度的衡。

适用场景：规范导航或者选项卡数量和层级深度，例如，我们网站菜单最佳数量是多少个？

七、产品框架设计理论-卡片分类法

卡片分类法一种规划设互联网产品或者软件产品的信息构架的方法。它属于用户研究中的一种方法，简单就用户对信息卡片（或者单卡片）行归类，从得出信息关联性的一种方法。我们后把关联性强的单一起，就形了较科学的一套信息分组。

适用场景：为我们设计导航、菜单以及分类提供帮助，例如，银 APP 转账和查询余额两个功能是否放在起？

八、界面设计理论-格式塔理论

人观察理解事时首先会注意到一整齐、规律的整体，或者，人们会自动把所见的事人脑中加一整体。应用形式：

1. 删除

从构图形象中排除不重的部分，只保留那些绝对必的组部分，从达到视觉的简化。实际创作过程中，必须留意设中否添加了任何与预的表达相抵触的多余的东。如果，则应排除，以改设的视觉表达的格式。

2. 贴近

当各单元一挨一，彼此靠得很近的时候，可以用「贴近」这语描绘这种状态，通常也把这种状态看作归类。以贴近行视觉归类的各种方法都直截了当的，并且易于施行。

3. 结合

构图中，结合就单独的视觉单元完全联合一起，无法分。这可以使原并不相的视觉形象自然然的关联起，比如常用的一种设手法——异形同构：把两种或几种不同的视觉形象结合一起，视觉表达自然然从一视觉语义延伸到另一视觉语义。

4. 接触

接触指单独的视觉单元无限贴近，以至于它们彼此粘连。这样视觉就形了一较的、统一的整体。接触的形体可能丧失原先单独的性，变得性格模糊，就如图案设中相互接触的不同形状的单元形视觉感受如此的相近，完全融一体。

5. 重合

重合结合的一种特殊形式。如果所的视觉单元色调或纹理方面都不同的，那么，区分已被联结的原各视觉单元就越易；相反，如果所的视觉单元色调或纹理方面都一样的，那么，原各视觉单元的轮廓线就会消失，从形一单一的重合的形状。重合，能创造出一种不置疑的统一感秩序性。重合各不同视觉形象的时候，如果我们看到这些视觉形象的总体外形具一共同的、统一的轮廓，那么这样的重合功了。

6. 格调与纹理

格调与纹理由重复的单元构的。两者的主区别于视觉单元的小或规模，除此之外，它们基本都一样的。格调视觉扩了的纹理，纹理则视觉缩减了的格调，因此，不需明确区别的况下，我们可以同时解释格调纹理，感知格调或纹理的视觉格式，总基于视觉单元的小数的多少。但一的场合，别的因素也可能起作用。例如，一格式中视觉单元的总的，可以构一种格调；但，如果飞机俯瞰一整片树，恐怕就只能将其作一种纹理看了。格调纹理实际严格的区分界限，当视觉单元小及数变到一的范围，这种特性可以使格调显得一种纹理，也可以使纹理呈一种格调。或者，创造出一种格调之内的纹理，以至格调纹理同时并存。

7. 闭合

一种常见的视觉归类方法基于人类的一种完型理：把局部形象当作一整体的形象感知。这种知觉的特殊象，称之闭合。当然，我们由一形象的局部辨认其整体的能力，建立我们脑中留对这一形象的整体与部分之间关系的认识的印象这一基础之的。也就，如果某种形象即使完整况下我们都认识，则可以肯，其缺乏许多部分时，我们依然不会认识。如果一形象缺的部分不多，那么可识别的细节就不足以汇聚一易于认识的整体形象。假如一形象的各局部离的太远，则知觉需补充的部分可能就太多了。述这些的况下，人的习惯知觉就会把各局部完全按其本面目当作单独的单元看待。

适用场景：界设计时，选择容易理解形状，把相关联元素组织在起。

由于篇幅过长，以下抽取三点图例示。

相近（Proximity）：距离相近的各部分趋组成整。人们通常把位置相对靠近的物当成一个整。

相似（Similarity）：在某一方面相似的各部分趋组成整。人们把明显具有共同特（形状、大小、共同运动、方向、颜等）的物当成一个整。

封闭（Closure）：彼此相属、构成封闭的各部分趋组成整。人将不完封闭的东西当成一个统一的整，所以有时完闭合是没有必要的。

连续（Continuity）：我们倾向于完整连接一图形，不观察残缺的线条或形状。我们倾向于完整连接一图形，不观察残缺的线条或形状。

总结

交互的核心要点在于成户目标，而且随着场景的同，目标、任务和行为可会产生变。这就需要我们深入习交互设计的基本论知识，通过这些论可帮你创更好的设计。

欢迎关注作者微信公众：「喜马拉XUED」

图片素作者：Gytis Jonaitis