发布时间：2022-4-20 分类： 行业资讯
首先，交互设计中的视觉感知
1.视觉感知过程
愿景是人类理解自然，理解客观世界的重要手段。它也是理解人类认知功能的突破。当人们开始观察外部物体时，视觉系统将刺激图像传输到大脑，并且大脑的视觉皮层控制人眼的运动以表达对图像的兴趣。这个过程称为视觉感知过程。用户将体验到6个心理过程：
视觉搜索是指搜索视距范围内的目标。搜索是指当发现视觉检测到的对象与预期目标匹配时，排除来自其他对象的干扰，并且跟踪对象是固定的。分辨率是指深入检测来自多个相似对象的信息。识别是指基于视觉特征信息和详细信息之间的差异来识别目标的含义。确定意味着锁定的对象与存储器中存储的信息匹配并确认目标。内存搜索是上述可视化过程的基础。应将上述视觉获得的信息与记忆信息进行比较，以作出判断。 2.人机交互界面的视觉感知
用户在人机交互界面中的视觉感知过程遵循视觉感知过程的规律，即，眼睛运动获取界面信息的粗略特征图并将其传输到大脑。根据注意力的需要，大脑加强与目标相关的信息并对其进行抑制。不太相关的信息，引导人们关注目标的潜在区域，并进一步构建详细的特征图。通过连续选择和过滤接口信息，用户最终锁定目标以获得所需信息。
如何通过界面元素之间的位置关系引起用户的注意，从而快速有效地感知和获取目标信息是界面设计的一个重要方面。
从设计角度来看，设计内容应易于找到并易于识别。人机交互界面的空间表示虽然有限，但也包含复杂的视觉信息：亮度元素，图形元素，色彩元素，布局因子，信息拥挤等，侧重于亮度感知，色彩感知和空间感知。人机交互界面的影响：
（1）亮度感知
人机交互界面中各种信息的呈现首先取决于显示屏的亮度，因此亮度是界面元素的重要属性之一。
用户从界面中的明暗变化识别关于目标的信息，即，可以从整个目标的亮度感知中识别出有意义的实体。
研究表明，颜色组合与亮度对比具有显着的相互作用。
在较高亮度对比度条件下，用户更倾向于选择不同的颜色组合，并且在较低亮度对比度条件下，亮度对比度比用于颜色感知的视觉组合更重要。
网易新闻的夜间模式充分利用了亮度感知
（2）色彩感知
在视觉感知的众多影响因素中，颜色的作用非常突出。颜色有三个基本属性：色调，亮度和饱和度。
应注意在用户界面的设计中使用颜色。设计应首先考虑白色背景上的单色，黑色图案或黑色背景上的白色图案通常适合大多数用户。
合理的色彩匹配不仅可以提高界面信息的认知效果，还可以丰富界面层次。
设计通过使用合理的调色板来提高知识
（3）空间感知
空间感知也称为深度感知。在人机交互界面中，我们希望尽可能多地生成深度信息，因为在人机交互界面中，图像是眼睛和大脑关注的焦点。如果深度信息被破坏，它就会失去现实感。
在界面的设计过程中，亮度是决定视觉感知效果的因素，因此物体的明暗变化成为判断物体的基础。
此外，利用光影的变化，内容的重叠和干涉，以及细节和空中透视产生的立体效果。例如，通过向图案添加阴影，透视等，图标具有视觉上立体的三维2.5D图标，并逐渐形成真实的三维图标。
图片中材质设计的圆形图标，逼真的背包图标非常适合应用空间感知
二，交互设计中的认知摩擦1.认知摩擦理论
认知摩擦的概念最初由美国交互设计师Alan Cooper提出，其定义为：
当人类智能遇到复杂的信息系统规则时遇到的阻力随着问题的变化而变化。
认知摩擦描述了由于认知的差异，基于产品开发的界面变得复杂。用户很难通过接口表示来理解程序员的意图。很难执行任务过程如标签或导航认知不清楚，操作反馈不清楚或不及时，并没有预期结果等问题。
与物理世界中的摩擦现象相比，认知摩擦是由于信息化程度的加深，以及信息扩展引起的人机界面设计不良的现象。
在《交互设计精髓》中，设计者最重要的目标之一是尽可能地使性能模型和用户的心智模型：
除了产品易用性的直接下降外，情绪损失也是认知摩擦的一个重要方面。
人机交互系统中的大量信息需要集中在有限的界面中。当不可能确保用户可以从大量信息中识别对他自己有用的内容时，用户很难从界面中找到情绪共鸣。
界面应该有自己的内部和谐，这是最基本的要求。
由粗俗的颜色，不精确的线条和不显眼的字体组成的丑陋界面可能具有与漂亮界面相同的精度，但不太可能引起与用户的信心和情感交互。
与1.0版本的界面相比，滴滴的当前界面可以刺激用户的情绪，降低用户的认知负担。
2.认知摩擦的特征
（1）不可移动：人机交互界面的开发者和决赛者都是人，不同人的不同生活经历，教育和文化影响将培养不同的思维方式和认知方式。因此，只要有些人参加活动，认知摩擦就不可避免。
（2）双面性：认知摩擦通常起着有害作用，但有时它是不可或缺的。在网络游戏，虚拟学习，用户兴趣和学习斗争中，有必要依靠认知摩擦来引导人们积极探索界面，但当超过某个阈值时，认知摩擦就会变成认知冲突，这将抑制和增加负面情绪。
在线游戏需要依靠认知摩擦来刺激用户探索游戏
3.减少认知摩擦的设计方法
（1）有效组织信息以控制认知差异。
右边的设计有效地组织了信息
（2）界面设计过程与用户反馈紧密结合，反馈结果用于改善设计元素，为用户带来认知抵抗，提高认知流畅性。
例如，及时的产品可用性测试;设计产品第一版的用户反馈机制。
交互设计中的认知负荷1.认知负荷的概念
认知负荷理论是由澳大利亚心理学家Swell Sweller先生在20世纪70年代提出的。他认为，感觉输入和短期记忆的能力是有限的，如果个体直接或间接地接收大量信息，在容量值的情况下，它必然会对个人的认知系统产生负担，是，形成认知负荷。
在人机交互界面中，可以认为认知负荷是用户实际输入注意力和工作记忆以便成功完成某项任务的认知资源总量的比例。
人类认知资源（主要表示为工作记忆容量）是有限的，任何学习和任务完成的活动都需要认知资源，导致认知负荷。
认知负荷分为外部认知负荷和内部认知负荷：
（1）外部认知负荷：主要与人机交互界面信息的组织呈现方式有关。用于外部认知负荷的认知资源可能超过用户的工作记忆容量，从而阻碍用户使用该产品。
例如，当用户从界面上的大量信息中搜索目标时，无关信息经常变成干扰项，增加了外部认知负荷。
复杂的交互式界面增加了用户的外部认知负担
（2）内在认知负荷：内部认知负荷主要由信息阅读过程中需要同时识别的元素数量决定，元素数量与内部认知负荷成正比。
内在认知负荷水平主要取决于产品复杂性与用户知识之间的关系。因此，内部认知负荷不仅受信息内容的影响，还受用户特征的影响。
任何年龄段的用户都可以顺利使用微信。微信是一种内部认知负荷低的产品
2.控制认知负荷的设计策略
（1）控制外部认知负荷
一个。在界面元素的组织中，我们必须遵循一定的视觉搜索原则，符合人类视觉搜索规则，使用户能够用最短的视觉搜索线找到所需信息，并建立信息之间的联系，然后整合信息。减少用户分心并减少用户认知负担。
这是我设计用于开设帐户的互动流程。顶部的分步指南可以建立过程的连接，减少用户的注意力。
湾在界面元素的呈现模式中，根据信息的特征和用户的任务，选择合适的方式，例如，颜色块用于表示区域和级别信息，以及帮助提示添加复杂内容的信息。
这是我设计的上传作品的表单内容。在隐藏属性值中添加一些解释性提示可以有效地减少用户的认知负担
（2）控制内部认知负荷
一个。使用产品规则的图形化和模块化构建可以提高用户自身的认知能力并控制内部认知负荷。
湾减少各种元素之间的相互作用可以降低图形结构之间的复杂性，从而有效地减少内部认知负荷。
C。使用简单的信息组织结构来减少各种信息架构之间的交叉和分支也可以减少内部认知负荷。
4.交互设计中的情境认知1.情境认知概述
情境认知是对周围发生的事物的感知和理解的意识，以及对事件和行为的影响的目标。
拥有完整，准确和及时的态势感知对于用户界面系统的每一分钟都是必不可少的。
情境意识主要包括四个阶段：
情境认知的第一阶段（感知阶段）影响用户感知的直接因素：视觉感知，物体识别，知识认知和环境感知。情境认知的第二阶段（理解阶段）影响用户理解的直接因素：记忆，表征和认知偏差。情境认知的第三阶段（预测阶段）影响用户预测的直接因素：推理，记忆和认知偏差。第四阶段情境认知（用户内部因素）的间接因素包括：决策，内在能力，经验和情绪。 2.设计策略以提高用户上下文意识
显示交互界面组件的合理性和科学性是使用外部手段提高态势感知的关键因素。
为了提高用户的情境认知，我们首先需要分解显示界面的构成，并通过各种设计手段将其与情境认知元素相匹配，使界面能够提供最优的视觉信息，提高用户对信息的识别。 ，认知和处理效率。
每个阶段的推荐设计策略如下：
（1）感知阶段：从人机交互界面的组件开始，该设计适合于阅读和简单的记忆。
减少无效信息显示，确保信息清晰易读，并提供有关重要信息的某些信息，以提供与情境任务相关的重要信息。
例如，京东的企业注册，信息清晰易读，获得焦点时有规则提示，以及与最高任务进度相关的提示
（2）理解阶段：人机交互界面需要提供与任务上下文一致的认知模式，帮助用户正确理解当前情况。
在正确的认知设计界面应急机制的背景下提供与情境相关的信息，支持和引导用户，可以提醒并提示错误界面逻辑层次简单，提供快捷方便的操作模式
（3）预测阶段：人机交互界面需要提供可以预测任务上下文的认知信息，帮助用户正确预测将要发生的事情。
尽可能向用户解释用户解决方案会出现的不确定性
例如，在项目中，故障情景的设计会告知用户可能的故障原因，并提供两种解决方案。解决方案也在原因中解释。
总结
以上是交互设计中视觉感知，认知摩擦，认知负荷和态势感知四种设计理论的总结。我希望它能给每个人带来一些帮助。
专栏
每个人都是产品经理专栏作家。互联网产品设计师，4年互联网产品设计经验。擅长用户体验设计，喜欢研究需求函数背后的技术实现;继续努力的道路，成为一个综合性的产品设计师！
这篇文章最初发表。未经许可，禁止复制
该地图由作者提供
