认知心理学在UI界面设计研究中的应用探讨

　　摘要：现代社会智能设备的普及率越来越高，UI界面设计不仅要符合使用者的生理特征，还需要满足其心理特征，结合认知心理学开展UI界面设计非常重要，实际设计过程中，要提高产品外观的可识别性，完善产品的反馈功能，增加产品限制性功能设计，构建理想的映射和匹配关系、遵守主题和对象相统一、交互方式相一致性原则。

　　关键词：认知心理学; UI; 界面设计;

　　Abstract：With the higher and higher penetration rate of smart devices in modern society, UI interface design needs not only to conform with the physiological characteristics of users, but also needs to meet their psychological characteristics. It is very important to carry out UI interface design in combination with cognitive psychology. The recognizability of product appearance, improve product feedback function, increase product restrictive function design, construct ideal mapping and matching relationship, and observe the principle of unity of theme and object, and consistency of interaction mode.

　　引言

　　从上个世纪50年代开始，工业设计得到了飞速发展，设计人员普遍认为产品的设计不能够仅仅停留在功能与外形上，因为这样设计出的产品只能够满足使用者的生理需求，但是无法符合使用者的心理特征。为了确保使用者能够轻易的通过设备达到心理效果，在进行产品设计时，一方面要考虑到人们的生理以及行为技能，另一方面也要保证设计出的产品可以满足人们的心理认知，甚至还要尽可能的达到更深层次的需求，即情感交流、审美观念以及文化需求等。在开展设计工作时，设计人员工作重心不能够局限在外观设计以及操控数据研究上，而需要全面获取和分析使用者的心理需求，并在此基础上开展产品设计，有目的性的对产品参数进行调整。在现代社会环境中，科技发展越来越重视以人为本，而认知心理学的发展与应用，为设计人员提供了良好的思路，也能够解决产品设计中的诸多问题。在认知心理学视域下开展移动终端UI界面设计，落实以用户为中心思想，改善产品的操作性，让使用者能够对产品给予充分的肯定。一般来说，使用者的操作行为受到了生理本能、思想认知、知识素养以及外部环境等因素的影响，要确保设计出的产品可用性高且能够得到使用者的认可，需要按照下面几项设计原则进行。

　　1 提高产品外观的可识别性

　　信息传达的途径多种多样，在进行UI界面设计过程中，信息的传达主要是以文字、图形、颜色以及声音等为载体实现的。但是不论是通过何种方式来完成信息的传达，都必须要将隐性、抽象的信息转变成形象、易懂的图形符号，让使用者在看到相关符号以后就能够立即识别出来，在整个信息传达过程中，信息交互的难度越低，使用者获得的挫败感也就越低，相应的体验到的满足感也就越高[1]。

　　通常情况下，人们在进行外界信号的识别与感知过程中，会有一个很明显的“再认知”环节，换言之就是人们将知觉获得的信息和脑海中已有记忆进行匹配的过程。图像匹配表示为人们将首次接触到的图形元素与记忆中已有的图形进行识别和匹配，让人们能够持续不断的认识到各种新事物。所以，使用者在进行智能设备操作中，产品需要拥有良好的“自述”能力，依托于产品设计模型将产品工作原理和使用者认知心理联系起来，让使用者能够充分了解和明白产品的运行方式，确保满足使用者的心理需求[2]。为了实现这样的目标，设计人员在进行产品设计时，需要提高产品外观的可识别性以及操作性，具体来说需要通过以下几个方面来进行。

　　1.1 将“简洁性”思想充分融入到UI界面设计中

　　从认知心理学的视域来看，人们知觉均存在明显的“简化”倾向，这里的“简化”并不是代表物体中涵盖了极少量的元素或者元素与元素之间的关系较为简单，表示的是人们习惯于将外界所有刺激以最简单的方式组织起来。这种“简洁化”的思想对人们的心理认知产生了重大的影响，首先从正面影响来看，能够引导人们向最简化的结构发展，降低紧张力，使得人们更加喜爱简洁与对称等类型图形；其次从负面影响来看，在简洁化思想的影响下，也会使得人们的活动变得固定、单一[3]。

　　1.2 遵守邻近性与相似性原则

　　从根本上来说，同样是依照简化以及整体化知觉目标的构建原则，也就是说人们在对认知对象进行简化过程中，会习惯于将相近的、雷同的元素联系起来开展统一的认知。比如说人们在观察空间中的各项物体时，往往会将颜色、形状以及特征等元素相似的物体看作是一个整体。

　　设计人员在进行UI界面设计过程中，可以依照功能或者特征的相似性来进行区域划分，尽可能将相同功能的元素规划到同一个区域中，一方面可以降低使用者操作强度，避免操作中产生不必要的移动距离，另一方面也使得界面更加的整洁和整齐，给使用者带来良好的视觉感受。

　　1.3 依照延续性原则

　　在进行UI界面设计过程中，在相似性原则的推动下，将各种信息元素融合到一起，构建出具有延续性特征的空间，让人们的视觉在这样的空间环境中进行流动，一方面会沿着相近点以线性方式进行流动，另一方面也会依照色彩或者明暗变化来进行视觉移动。UI设计中需要保证使用者视觉流动的顺畅性，这是开展UI界面设计需要充分重视的事项[4]。

　　整体感强的界面设计能够很好地满足使用者的操作需求，而提高界面的延续性能够让使用者在各种信息空间或者界面中，都可以熟练掌握UI界面的操作方式，能够有效的对多维度信息进行整合，是实现将不同页面信息紧密联系起来的重要途径。

　　2 完善产品的反馈功能

　　用户在进行产品操作时，智能设备UI界面需要根据用户的不同操作方式给予精准的信息反馈，从而确保交互行为能够有效、顺利的开展[5]。当产品的操作方式非常繁琐且内容较多时，产品操作难度明显提升，并且完成整个操作流程需要较长的时间，这种情况下，在进行产品UI界面设计时，必须要让用户能够准确认知到当下操作所处的位置，明白操作的具体进度，同时在阶段性操作完成以后给予一定的鼓励性反馈，比如说在某个产品上注册新账号时，需要选用色彩鲜明的颜色以及多样化的图标来显示当下操作环节与下一步操作内容，让用户能够大概预算出完成整个操作过程需要多久时间。

　　在进行智能产品UI界面设计过程中，设计人员需要在设计阶段就考虑到使用过程可能会出现的不正确操作或者误操作，当出现不正确操作方法时，UI交互界面应当以声音、图示或者文字等的形式发出警示，将出现的不正确操作准确无误的反馈给用户，并指引用户纠正当下操作方式，给予各种不同形式的正确操作建议。举例说明，在互联网刚刚出现时，使用者要想注册某个产品的账号，需要将昵称、密码以及验证码等各项信息填写完成后，才可以进行提交，当出现昵称已被注册时，需要返回初始界面重新填写各项信息，非常繁琐。在当下已经将这一问题进行了优化，当使用者再输入昵称信息以后，在输入框后面会显示出“对号”或者“叉号”来提示昵称是否可用，使用者按照反馈信息就可以看出昵称有无被注册过，确认无误后再进行下一步操作，这样优化以后，通过良好的反馈功能可以显着提升使用者的正确操作率。

　　3 增加产品限制性功能设计

　　在进行智能产品UI界面设计时，还需要对产品的一些功能进行限制，就像人们生活的社会环境会对人们的日常行为进行约束一般[6]。比如说道路交通法规要求车辆在行驶过程中要按道行驶，依照要求路线行驶，避免道路出现事故或者拥堵，保证车辆的有序通行；在举办大型展览活动时，现场会设置一些禁止进入的告示牌，并指引参观者按照正确的路线进行观看；电源插头座设计中，也对允许插入的插头规格进行了规范，等等。在开展UI界面设计时，也要在充分掌握使用者交互特征的基础上，通过物理属性、思想逻辑以及文化类型等原理对一些操作进行限制，使用者需要采取正确的操作手法才可以顺利的实现产品信息交互。利用一些限制性的操作，一定程度上防止了使用者操作失误的产生，给使用者带来更加安全、舒心的使用环境。在增设限制性功能时，设计人员要熟知使用者操作特征、外部环境信息以及文化发展程度等，从而保证UI界面设计中的限制性功能能够发挥良好的作用。

　　比如说，正常情况下，智能产品UI界面上显示的可操作按钮要少于7个，尽管更多的按钮能够为使用者开展信息交互带来更多的选择权，但是过多的选择也会给使用者选择带来一定的困难，影响使用者做出正确的选择，降低操作的效率。所以，需要对各个按钮进行权重排序，将权重值靠后的按钮进行隐藏设置，缩小使用者进行第一选择的范围，进一步明确选择的方向。在实际生活中，仪表盘上灯光处于发亮状态时，说明设备处于工作状态，而当灯光处于关闭状态时，则说明设备处于停工状态。在UI界面设计中，可以借鉴现实生活中设备仪表的视觉效果，依托于人们对生活中常识的认知和理解，将不能够点击的按钮色调以及查看过的信息设置成灰色，可以有效防范使用者错误操作或者重复操作，进而提升节目信息的查看速度。

　　4 构建完善的映射和匹配关系

　　“映射和匹配”主要表示为两个元素之间形成一一对应的关系。从认知心理学理论层面来看，构建高效、合理的映射和匹配关系，代表了操作行为与信息反馈之间形成科学、直接以及对等的关系，从而有效提升智能设备UI界面操作的便捷性。

　　UI界面的视觉设计以及信息交互途径设计等，需要和使用者对该智能设备的概念原理认知相一致，实现“自然匹配”，换言之，依托于物理环境以及文化通用思维，使得使用者能够迅速掌握和明白设计完成的UI界面操作方式。设计人员需要将图标的某项特征元素，比如说形状、颜色、大小以及样式等元素和具体实现的功能相吻合，让使用者在看到该图标时就可以快速、准确的想到能够实现的功能，确保相关按钮的特征元素和界面属性的变化形成自然联系，在提高操作便利性的同时，也可以改善视觉体验效果[7]。

　　以现代非常流行的智能手机UI界面为代表进行说明，手机的物理音量按键设置在机体侧边缘，成条形上下分布，当需要调整手机音量时，在按动物理按键的同时，手机UI界面也会产生音量调节动态图标，利用图形状态的改变来反馈音量调节的大小，通常情况下采用圆形或者柱形来显示音量大小，音量调节越大，则图形深色区域填充越多。假如，使用者在进行音量调节时，物理按键操作和UI节目动态图形显示不匹配，很容易产生错误操作。

　　5 遵守统一和一致性原则

　　在开展UI界面设计过程中，严格落实统一性原则非常重要。统一性原则主要指设计出的UI界面的信息架构、交互原则要清晰明了，在规划、操作方式、色彩搭配、信息反馈以及控件大小等方面保持一致，好的UI界面设计能够在无形之中为使用者带来愉悦的操作感受，通过一致性的规划可以让使用者感到熟悉和便捷[8]。要实现UI界面设计的统一和一致性原则，需要从以下两个方面进行。

　　5.1 主题与对象的一致性

　　应用产品中存在各种各样的信息元素以及组件，不管链接的形式会出现何种改变，所有组成部分的信息呈现的目的要保持相同。比如说，某个智能设备的应用软件的客户群体是中年精英男性，在总体设计风格上要偏向于简洁且有一定的逻辑性，而不可以在某些板块或者二级页面中出现代表女性的设计元素。

　　5.2 交互原则相一致

　　在产品交互设计中，要确保各级交互原则的一致性，假如相互之间差距较大，不仅会给使用者操作带来茫然，同时也会浪费较多的操作时间，不利于交互的顺利进行，也会对相关信息产生较多误解。比如说，在UI主界面中，绿色表示可以点击，灰色表示限制操作，在其它页面中也要严格按照这个规律来进行，尽可能不改变原有规律，从而提高使用者交互的效果。

　　6 结束语

　　综上所述，随着现代科学技术水平的不断发展，智能设备在社会生产与人们生活中发挥了重要作用，良好的UI界面设计不但可以促使使用者与产品的顺利交互，同时也是人与人信息交流的重要方式。在实际UI界面设计时，要重视人文与精神内涵，结合社会主流意识形态，这样才可以有效提升产品实力，推动数字媒体行业获得更好的发展。

　　参考文献

　　[1]王立才，孟祥武，张玉洁.移动网络服务中基于认知心理学的用户偏好提取方法[J].电子学报，2011,39(11):2547-2553.

　　[2]李文波，谢鑫辉.浅论数字时代视觉传达设计专业面临的挑战与出路——以UI界面设计推广为例[J].艺术与设计（理论），2013,2(08):163-165.

　　[3]王宇，陈少杰.心理学在UI与交互设计中的应用与研究[J].设计，2017(07):52-53.

　　[4]何扬帆，覃会优.论图像学分析法对移动UI界面设计的应用研究[J].工业设计，2017(08):109-110.

　　[5]黄月，董艳.探讨认知心理学实验的AVG游戏设计与开发——以空白实验法为例[J].中国电化教育，2015(04):91-96.

　　[6]贺茂恩，卢鹏羽，宋俊飞.色彩心理学在UI界面设计中的研究[J].通讯世界，2018(01):333.

　　[7]郭晓彬.新媒体驱动下的多元化互联网UI界面视觉传播策略与应用[J].新媒体研究，2018,4(04):104-105.

　　[8]李玉萍.扁平化图形设计在校园导视UI界面设计中的应用[J].美与时代（上），2017(09):82-84.