心理学在UI与交互设计中的应用与研究

王宇　陈少杰

摘要：随着互联网产品市场的竞争加剧，功能与技术的竞争已经到达瓶颈期，所以UI与交互设计在产品中的地位被互联网企业提升到了战略级的高度，越来越多的互联网公司开始意识到好的产品用户体验给企业所带来的价值。那么，在产品设计中，我们怎样设计出一款用户体验非常棒的产品呢？我想，除了最基本的设计学知识，心理学在其中起的作用非常之大。心理学是研究人的心理和行为的，对心理学的研究能夠帮助UI设计师和交互设计师学会用科学的方法去分析人的行为，让设计师有更合理的理论依据去做下一步的具体设计。“格式塔心理学”与“认知心理学”是做UI和交互设计中经常用到的两个重要的心理学概念，在文章中，我们对“格式塔心理学”和“认知心理学”在UI与交互设计中所起的作用结合实例进行了论述、研究与探索。

关键词：交互设计 格式塔心理学 认知心理学 用户体验

中图分类号：TB472 文献标识码：A

文章编号：1003-0069（2017）04-0052-02

引言

随着互联网行业的发展和人们对产品使用体验要求的提高，互联网产品在市场中的竞争日益加剧，技术已经不再是各大互联网公司保持市场领先地位的唯一核心竞争力，腾讯、百度、阿里巴巴等互联网公司纷纷成立UED部门，用户体验被提升到了企业的战略级高度，一个用户体验设计良好的产品，会在当前产品同质化严重的市场竞争中起到至关重要的决定性作用。在这个时代，一个成熟的产品经理在设计产品中也不再局限于简单的功能性设计，对用户体验设计的重视程度越来越高。UI与交互设计是产品设计开发中十分重要的一环，如何将产品的用户体验做到极致，成为UI设计师与交互设计计师需要思考的问题。

一、心理学与UI交互设计设计的关系

UI与交互设计已经形成了一门综合性比较强的学科，涉及人体工程学、认知心理学、行为心理学、社会学、数据分析、设计学等。一般情况下，公司的UI/UE设计师会由设计类专业或者心理学专业背景的人来担任，然而，交互设计，宽泛地说（不限于互联网产品），关注的是人与物体，人与环境，还有人与人之间的互动，为了做出好的交互设计，交互设计师要去理解人的行为，分析影响和驱动这些行为的因素与他们之间的关系，在理解人的交互，和需要什么样的交互的基础上对这些因素进行设计，创造出适合人的、符合人行为与心理规律的设计。根据唐纳德·A·诺曼在著作《情感化设计》中的阐述，把交互设计中的情感设计区分为三个层次（如图1）。

现在市场上的产品，能够完美融合这三个层次设计的产品少之又少，想达到这个目标，我们需要研究的不仅仅是设计学维度的东西，而更要求助于心理学，对心理学的了解能够帮助交互设计师学会用科学的方法去分析人的行为，让设计师有更合理的理论依据去做下一步的具体设计。下面，我们将重点研究“格式塔心理学”与“认知心理学”在UI与交互设计中所起的作用。

二、格式塔心理学与交互设计

格式塔心理学是西方现代心理学的主要流派之一，根据其原意也称为完形心理学。1912年在德国诞生，后来在美国得到进一步发展。格式塔心理学主张在观察现象的经验时要保持现象的本来面目，不能将它分析为感觉元素，并认为现象的经验是整体的或完形的（格式塔），所以称为格式塔心理学。这是在UI与交互设计中实际运用最多的心理学理论之一。它主要包括：接近性原则；相似性原则；连续性原则；封闭性原则；对称性原则等。

（一）接近性原理

在我们的认知规律里，我们更加倾向于把形状上比较接近的元素看成是一个集合或者一个整体（如图2）虽然圆形和三角形排布在一块，但我们却会在此时将距离近的圆形和三角形归为一组。

这个原则在网页与APP设计中的页面内容归组设计比较常见，设计师通过留白进行页面内容的归组。（如图3）中为QQ的“动态”功能页面，交互设计师在做这个页面的交互的过程中，企图将“游戏”、“购物”、“阅读”、“音乐”和“热门活动”放置为一组，他巧妙地采用了格式塔心理学中的接近性原则，将这5个按钮在布局上用较近的距离进行组合排列，从而导致我们在观察这个界面的时候，很容易受大脑中的“格式塔思维”所影响，很自然地将B部分的所有功能认为是一个组，C部分的所有功能为一组。

（二）相似性原理：

我们的大脑，通常认为相等或相似的元素形成整体或组合。（如图4）中，我们会不自觉地认为它是纵向排列的。

相似性法则也是我们在做UI设计中经常用到的，（图2）中同样用了相似性法则，UI设计师将A组中的“好有动态”、“附近”、“兴趣部落”按钮设计得都比B和C组中的按钮大很多，并且采用了横向排列，用户在使用这个界面的时候，就会很容易将A组与B、C组区分开来。

（三）闭合性原理

闭合性原理就是当元素不完整或者不存在的时候，人们会根据自己的认知经验和视知觉的整体意愿驱使，不完整的元素依然可以被人们所识别。（图5）是一个不完整的圆，但是我们习惯性的将图形作为一个整体去观看，于是我们会不自觉地在意识里将缺少的形状补充进去之后，便形成最终我们能够识别出来的图形。

这条规则最常见的便是图标设计，运用此原则，可以用极简的语言传达更多的内容（如图6）。我们很轻松地就能识别出每个图标的功能，即使它们并不是非常完整。

（四）主体/背景原理

我们在观察一个界面时，会本能地将观察对象分为主题和背景两块区域。在观察对象中占据我们主要注意力的元素为主体部分（一般主体会被安排在最中间或者黄金分割位置），其余则为背景部分（如图7）。

“主体/背景原理”多应用于平面设计或者UI设计中，作为设计师的工作就是帮助用户更好地区分好背景与主体，以协助用户思考。这个原则也常用于网页或者APP设计中在其他内容之上弹出信息，作为需要引起用户注意的内容，此信息一般为暂时性且非常重要的，相对于跳转页面的形式，弹出信息的方式可以帮助用户了解弹出的信息所处的环境，也可以精简页面结构，符合用户对事物的认知规律，（如图8）为手机系统与应用中常用的毛玻璃效果，这个效果就应用到了“主题/背景原理”。endprint

三、认知心理学与交互设计

认知心理学的核心观点认为知识是决定人类行为的主要因素。UI与交互设计师的工作就是对产品使用者的需求进行正确的认知和传达，从而提高人们获取并分析处理信息的能力和效率。人在识别某个图像时，如果在过去的经验中有这个图形或相似的图形，我们称之为“记忆痕迹”。如果用户观察到的图形与“记忆痕迹”相符合，人们就能付出较少的认识成本来识别这个图形。UI设计师或交互设计师在设计页面时首先要从用户最根本的认知心理机制研究入手，充分了解用户的心理，设计出符合用户认知心理规律的产品，从而能够让用户获得良好愉悦的使用体验。

（一）UI设计中的“错怪效应”

当我们体验一款互联网产品时，如果UI界面图文排版不好的话，用户会非常难以理解产品经理的表达意图，用户会认为是整个产品都不好，而不仅仅只是认为其UI和交互设计不好。就像我们小时候因为不喜欢数学老师而不喜欢数学课的意义，这种心理偏见是人在成长过程中建立的本能思維习惯。人类思考问题和判断一件事物好坏的时候，一个未经过逻辑学训练的人，会很轻易本能地调用付出成本小且获得答案快的感性思维，即使其判断结果往往是不靠谱的，而且往往大脑也会选择相信。所以，我们在做UI排版时，一定要极为细致认真，不能做错哪怕一个像素，一个排版优美的UI对于一个产品是至关重要的。

（二）色彩与认知心理学

我们对色彩的认知是从孩提时代开始的，我们小时候都有划破手指的经历，当红色血液流出的那一刻，伴随的是疼痛与紧张，当我们看到大自然的绿色风光的时候，会不由得精神放松。我们几乎所有人都有这些“记忆痕迹”，我们在设计页面搭配色彩时，也要遵循人的“记忆痕迹”，这样才能协助用户思考，不会产生歧义。在（图9）中，当微信有信息提示时，为了引起用户的注意，UI设计师采用了红色圆形的提示标志，让我们把注意力集中到“未读消息”上，从而避免漏掉新消息，正是应用了这一心理学原理。

（三）模拟生活中常见的事物

从世界上的第一个ICON开始，设计师就开始尝试使用人们日常生活中常见的事或物来表示某个功能，直到今天，这个设计原则一直没有改变，只不过在视觉风格上由“拟物”做成了“扁平”，但是其设计原则都是源于“模拟”。在安卓与IOS的操作系统中，设计师把下拉菜单设计成像窗帘一样，可以拉下也可以收起。在一些APP中，设计师采用了侧滑式的交互设计（如图10），就像在模拟我们生活中及其常见的抽屉。这些真是非常赞的设计，在我们看到这些似曾相识的设计的时候，我们甚至不用学习就可以上手操作。

结语

UI与交互是产品与用户沟通的桥梁，一个互产品（不局限于互联网产品）的品质，UI和交互设计是产品开发中十分重要的一环，UI与交互设计师要深入透彻地了解与分析用户的心理规律，将心理学应用到产品的交互设计中，才能达到绝佳的使用体验。同时，需要指出的是，我们在设计一个产品时，这些原则可以作为参考，但是“设计”这件事情本身并没有规则，我们做此研究的意义并不是告诉大家设计师如果遵守某个黄金准则，产品就能脱颖而出了，我们研究这件事情的意义在于：我们需要找出产品为什么优秀的规律，并且尝试完善它、灵活运用它甚至打破它，我想，这才是设计师应该做的事。阿恩海姆所说：“如果艺术过分强调秩序，同时又用缺乏具有足够活力的物质去排列，就必然导致一种僵死的结果。endprint