

揭晓！隐藏在交互设计背后的秘密

全速研习社

2021-03-12

导读：我们都知道交互设计的世界里常说的一句话--以用户为中心，交互是人与其他事物之间的行为设计。因此作为交互设计师就要从用户的角度出发了解用户需求，而人的行为包括感知和认知的因素，和心理学密切相关。

交互设计 X 心理学

我们都知道交互设计的世界里常说的一句话--以用户为中心，交互是人与其他事物之间的行为设计。因此作为交互设计师就要从用户的角度出发了解用户需求，而人的行为包括感知和认知的因素，和心理学密切相关。因此，在交互设计的过程中，每个功能设计、操作流程以及UI设计都要基于了解用户心理学的基础上开展设计，今天小编就带大家了解一些交互心理学原则，帮助大家更好理解。

格式塔原理

格式塔理论认为整体不等于部分之和，强调经验和行为等整体性，整体与个体之间并不是单一的对等关系。我们常利用格式塔原理中的以下几项原理。

· 接近性原理

物体之间的相对距离会影响我们感知他们的组织关系，简单来说，人们在视觉上会将相互靠近的物体自动归成一组。例如下图中由于元素疏密的原因，A组看起来是成行，B组是成列的。

该原理与软件、网页的布局息息相关，我们常用分割线、色块分组空间和数据显示，或者通过调整内容距离，在视觉上形成不同的组，增加视觉整体感。

· 相似性原理

我们会将相似的物体元素自动归为一组。通常会参考大小、形状、颜色、纹理来界定。

· 连续性原理

人的视觉倾向感知连续的形式而非分散的碎片。下图中我们从视觉上能感知到左图是中心圆遮住了两条线，右图圆形被三条线截断了。因此虽然画面中有截断，但依旧不影响我们将它感知为一个连续的整体。

· 封闭性原理

人们会自动将带有一定动向趋势的敞开的图形视作一个整体，从而将其感知成一个完整的整体，而非分散的个体。例如在APP里横向交互部分，屏幕的右侧露出部分内容，用户会很自然的了解到通过滑动可以得到更多内容。

· 简单性原理

简单性原理就是当人们在感知复杂对象时，常常会倾向于把对象看做是有组织的简单的规则图形，帮助眼睛找到“舒适”的物体轮廓，用来解释想要展示的物体。如下例，使用简单的元素和对象组合起来，形成了吉他的有趣外观。

· 背景原理

我们在感知事物的时候，会自动将视觉内容分为主体和背景。根据背景原理，在界面设计中，我们可以通过处理（例如透明遮罩、渐变等）将画面部分变成背景，突出更多的信息或让用户的焦点转移，下图中在渐变后就能区分文字是主体。

米勒定律（7±2法则）

1956年，美国心理学家米勒教授发表的《神奇的数字7加减2：我们加工信息能力的某些限制》论文中，提出人类短时记忆的容量为7±2，即一般为7，并在5~9之间波动。该原理常被应用在移动应用的交互设计上，如下。

A.分段记忆，信息分层

例：App中手机号码的模块组合，通常情况下被分成“3-4-4”的组合方式，减少用户的记忆方式。

B.导航和选项卡通常不要超过9个

例：当用户使用你的界面时，确保用户的大脑可以最大限度地记住这些内容，当项目列表变得很长时，可读性和易读性会变得很弱。

C.系列位置效应

首因效应：相对中间位置，我们对一个系列最前面的物体的记忆力更清晰；

新近效应：相对中间位置，我们更容易对序列末尾的物体记忆更清晰。

例如：每个App的底部导航，首位和末尾基本都是「首页」和「个人中心」，系列位置效应很好的解释了为什么要将最重要的用户操作放置在首位或末尾。

色彩心理学

色彩心理是通过视觉，以直觉、感情到记忆、思想、意志等形成用户的反应和变化，它是注重因果关系的心理学。在界面设计中，我们需要在图形化的基础上结合色彩准确的传递信息，引导用户。

冯·莱斯托夫效应

冯·莱斯托夫效应是指某个元素越是违反常理，就越引人注目、令人难忘。如果你想要让某物引人注目，就要使它特殊化，例如通过色彩、尺寸、留白等等。

A.背景不同

例：底部导航栏中的核心功能，我们会将其做增强的处理，放大 icon 、填充颜色或者区别设计样式。例如下图中界面底部导航栏的中心icon作放大、颜色的强调处理，突出其中心作用。

B.经验不同

当现在发生的事情与过去经验有明显不同时，就会触发“经验不同”的情况发生。

例：现在每年的电商购物节，区别于日常的电商界面，通过对定制化设计，加深对用户的印象，同时扩大了活动对用户的影响力。

费茨定律

费茨定律指的是使用指点到达一个目标的时间同以下两个因素有关：

1.设备当前位置和目标位置的距离（D）。距离越长，所用时间越长；

2.目标的大小（S）。目标越大，指点到达目标所用的时间越短。

设计应用

（1）按钮等可点击区域在合理的范围之内越大越容易点击，反之，可点击区域越小，越不容易操作。

（2）屏幕的边和角适合放置像菜单栏和按钮这样的元素，因为边角是巨大的目标，不管鼠标移动了多远，最终都会停在屏幕边缘，并定位到按钮或菜单的上面。

（3）出现在用户正在操作的对象旁边的控制菜单（右键菜单）比下拉菜单或工具栏可以被打开得更快，因为不需要移动到屏幕的其他位置。

席克定律

席克定律是指人在面临选择越多时，消耗的时间成本越高。该定律可以用来帮助设计师衡量交互界面的选项设计，适当的选项数量能提高用户的选择效率、信息获取效率、用户体验。

▼▼▼

好的交互设计，是尊重人的价值的。它关注人与物体、环境等之间的互动。交互设计师需要理解人的行为，分析影响驱动这些行为的背后因素与他们之间的关系。而心理学作为研究人的心理和行为的学科，应用于交互设计中，有利于交互设计师用科学的方法去分析人的行为，从而更合理的去做下一步的具体设计。因此小编也期待能涌现更多的优秀交互设计，提升美好用户体验。

参考文章：

https://www.ui.cn/detail/433582.html

https://www.ui.cn/detail/352548.html

https://www.sohu.com/a/231805892_100087521

【声明】内容源于网络

全速研习社

聚焦数字化领域，尤其专注视觉创意设计、应用开发板块，以技能解读、行业前沿信息发布、公司动态信息等内容为主，希望让热爱设计、开发等相关数字化人才获取专业信息、形成沟通交流平台！

内容 85

粉丝 0

全速研习社聚焦数字化领域，尤其专注视觉创意设计、应用开发板块，以技能解读、行业前沿信息发布、公司动态信息等内容为主，希望让热爱设计、开发等相关数字化人才获取专业信息、形成沟通交流平台！

总阅读23

粉丝0

内容85