基于用户体验的界面设计因素分析

陈雪 周美玉

摘要：对用户体验设计在界面设计领域的价值进行分析，从人因学的角度进一步探讨界面设计的因素。文章以用户体验和界面设计的相关理论为基础，进而阐述了用户体验设计在界面设计中的重要性;对用户体验过程中界面设计的价值也进行了相应的探究分析。总结出基于用户体验的界面设计要素，将用户体验作为用户与界面设计的桥梁，为后续产品迭代奠定基础。

关键词：用户体验设计 界面设计 人因学

中图分类号：TB472 文献标识码：A文章编号：1003-0069（2019）01-0081-03

Abstract： This paper analyses the value of user experience design in the field of interface design， the factors of interface design are further explored from the human factors. Based on the related theories of user experience and interface design，the article expounds the importance of user experience design in interface design. The value of interface design in user experience process is also analysed. In conclusion， the user experience is used as a bridge between user and interface design， which lays a foundation for subsequent product iteration.

Keywords： User Experience Design Interface Design Human Factors

引言

设计决策仅凭直觉和经验在如今已经打动不了消费者，因为它不是一条正确的设计道路，总是给人一种撞运气的感觉。如何建立一个正确的界面设计思维模式，如何让界面设计有更多的科学依据，避免由于个人经验的偏差而导致风险？这就需要利用专业化的用户体验设计方法开展设计工作。

一、用户体验设计概述

用户体验设计这一词汇来源于英文UserExperienceDesign，简称UED0

User就是我们通常所提到的“用户”，也就是我们所做的设计（产品、展示、页面及其他）所面向的人群。伴随着互联网的发展，O2O（Online to Office）、直播等各种新的商业模式的出现，我们需要面临的用户群体也更加多元和多向。例如，当下火热的抖音文化，使得我们面对的用户不仅仅是观看者，还包括内容的提供产出者。甚至有时候同一个用户既是观看者又是内容的提供产出者。因此，这使得我们在思考与用户相关的问题时，需要更为全面的考虑。

Experience这个词是用户体验中最为精华的一个词，如果仅仅翻译成“体验”，可能稍许显得局限。这个词作为名词是“体验、经历、阅历，，的意思，同时它的动词有“感受、亲身参与”之含义。我们平时熟悉的是它的名词含义，其实动词含义真正体现了它的内在含义，即亲身感受。任何一名合格的设计师，都应该去亲身体验自己的设计，而不是仅仅靠经验和逻辑去分析。然而，有些内容是无法做到亲身体验的（比如用户群是老人或者小孩子），那就需要用户体验设计师的帮助。

二、界面设计

（一）界面

界面是用户界面（User Interface）的简称。用户界面的定义是存在于用户与硬件之间，为彼此互动沟通而设计的相关介质。就此定义，可以将用户界面看作是人与机器之间交流、沟通与互动的桥梁。界面按照其形态分类，分别为物理界面，命令行界面，图形用户界面。

与用户界面有着密切相关的研究领域是人机交互学科。人机交巨（Human-Computer Interaction，HCI）是一门交叉学科，主要研究关于设计、实现和评价供人们使用的交互计算系统以及有关这些现象的学科。

用户界面与交互系统设计的关系密切，用户界面可以看作是交互系统设计的自然生成的结果。用户界面的目的是让用户能够有效地去操作硬件，借助硬件完成所希望完成的工作。

包括手持移动设备、汽车、大型机械、交互装置艺术品在内的一系列项目都拥有用户界面，并在界面设计的过程中需要进行人机交互的研究。换句话说，用户界面实质上是人机交互研究与设计的结果。虽然用户看到的最终结果为用户界面，但在顼目设计的过程中所经历的研究过程则是人机交互研究。与人机交互有关的项目既有相同的人类基本的交互形式又需要一些特有的技能和知识。因此，设计师通常会着眼于某一特定类型设计的知识和项目，比如软件设计、用户研究、网页设计、工业设计等。

与图形用户界面相比，在图形用户界面得到普及之前使用最为广泛的用户界面是命令行界面（Command Line Interface，CU），也有人称之为字符用户界面（Command User Interface，CUI）。从定义上来讲，所有通过语言的方式来达成人与机器交互目的的界面都是字符用户界面（如图1）。

在Windows操作系统中最著名的通过字符用户界面达成的交互方式被称为MS-DOS，而在Mac操作系统中，依旧被保留的终端应用程序就是典型的字符用户界面。

不仅仅是电子屏，我们时常也会忽略一种界面叫作物理性用户界面（如图2）所示。比如车的驾驶室中心控制板，简称中控的部分都是物理性用戶界面。甚至是一部大型机器的操作把手、按钮及数据显示媒介组成的整体也是用户界面。物理性界面与电子屏显示的虚拟性界面的概念形成对比。数控机床也拥有其特殊的用户界面（如图3）所示，即图片右上方的电子显示屏与按钮都属于用户界面的范畴。

（二）图形用户界面

图形用户界面（Graphic User Interface，简称GUI）指的是运用图形的方式来显示的计算机操作界面。图形用户界面的定义是相对于计算机早期使用的命令行界面而言，也就是使用图形的方式作为用户和计算机之间交互的通道与桥梁，而非命令的方式。其最常见的形式就是以图标（Icon）作为触发功能的接触点。

图形界面是在视觉上更容易接受的界面。然而该界面如果要通过在屏幕的特定位置，以“各种美观、而不单调的视觉消息”来提醒使用者“状态发生变化”，相对于简单的文字呈现，势必得花上更多的精力来计算。

当今计算机发展的重大成就之一是图形用户界面的广泛应用，其广泛应用极大程度方便了非专业用户的操作和使用，用户从此不需要去死记硬背大量的命令，通过窗口、菜单、按键等操作就可以方便地进行交互。图形用户界面的开创者，在业界一直被認为是开创了个人计算机新的应用局面的苹果公司，其最著名的成就就是开发了麦金塔（Macintosh）个人计算机及其操作系统。麦金塔个人计算机及其操作系统也被称为苹果机或麦金托什机，是对苹果PC中一系列产品的称谓。（如图4）所示，为麦金塔电脑，型号为128k，其拥有早期的图形用户界面。图源为维基百科的Mac电脑词条。

虽然，最早的数字媒体领域的界面应该是个人计算机的用户界面。但在我们现今的生活中处处充斥着图形用户界面，ATM的操作屏幕为用户界面，甚至是游戏机也使用电子屏作为用户操作界面的媒介。可以说，在这个时代，只要有电子屏的地方就有用户操作界面。

（如图5）为Window 8的操作系统图形用户界面，这是在Windows提出了Surface的概念之后所诞生的新的图形用户界面。（如图6）为xbox游戏机的图形用户界面。它与个人计算机的用户界面不同的是其输入设备、游戏手柄的特殊性及附带的局限性，但并不妨碍其拥有出色的图形用户设计。

在技术方面，我们必须要感谢多点触摸的发明，导致现在的电子设备呈现出了更多的交互方式，包括我们最熟悉的智能手机。（如图7）所示，为一个籍由大尺寸屏幕实现的交互艺术品的界面。（如图8）为iPhoneX的操作系统图形用户界面，显示为桌面图形用户界面，与智能手机相关的图形用户界面为本书所聚焦的设计主体，在现今的年代，手机作为无处不在的便携式移动设备并配合海量的移动应用给我们的生活带来了便捷。研究如何设计移动应用图形用户界面是本书的主旨。用户界面设计包含了不同的设计阶段及过程。依据其项目不同，这些阶段或过程重要度也不同。

三、基于用户体验的界面设计的价值

用户体验设计对于一个产品来说，并非是基础的要素。但是，这并不代表用户体验设计不重要。伴随着设计概念的产生，产品的上线，用户的使用，用户体验是一直存在的。用户体验设计通常是在产品推出上线后发挥作用的，但在项目初期就应该投入大量时间进行用户研究，这样做，能够缩短开发周期，并在产品推出时带来更高的满意度和使用效率，从而与之后的用户体验设计完美对接。所以说，用户体验设计贯穿在每个产品的整个生命周期中。通常情况下所说的用户体验设计就是产品的升级，从用户角度讲，就是把一个可用的产品升级到一个好用的产品，同时给用户带来更多的价值。从公司的角度来讲，用户体验设计师是实现数据目标的关键岗位，不管是公司盈利，还是产品注册量都是通过用户体验设计去提升的，以至于用户体验，设计最终成为设计项目乃至公司成败的关键要素。

举个例来说，比如某生鲜电商平台，每一单的客单价已经稳定在一个价位，而且每单的配送成本固定，当每单的盈利不足以背负配送成本的时候，大肆扩张和拉新只能变成烧钱大战，甚至拖垮企业。这个时候产品、运营、采购、商业模式都已经稳定，企业要想进一步发展，在产品层面就需要用户体验设计的提升。我们通过用户的心理和习惯，可以提升页面的访问深度、停留时间。从而增加更多能够给用户带来的价值体验，让用户更加信任我们的产品。同时，给用户提供更多、更方便的方式和工具找到关联或者可能潜在需求的连接，让产品能够承载更大的拉新成本，这样企业才能进一步发展。

当然，用户体验设计并不是唯一的出路，比如运营、市场的创新也都是非常重要的。但是，用户体验设计的重要性是一定不容忽视的，用户体验设计师也是不容小觑的。用户体验设计具体的作用和价值如下：

1.用户价值、商业价值：对于一个拥有百万用户的产品来说，如果用户借助优秀设计能够更快速地完成任务和目标，那该产品为用户和社会创造的价值有多少？如果借助优秀设计能够让每一个用户感到愉悦，那该产品又为社会创造了多少价值呢？实在是难以估量！苹果公司发布的几款追求完美的产品，足以是改变了世界！日常工作中也经常看到这样的例子：变动一个按钮颜色，点击率就可能提高35;优化一下操作流程，转化率就有可能会提升50。借助用户体验设计的神奇结果可想而知。

2.项目价值：设计师产生的创意和想法一定需要团队成员的支持，不然再好的想法也是难以实施的。优秀的用户体验设计师通常在项目中具备较强的影响力，并且可以充分组织、调动和协助好其他相关部门。它的存在既能保证良好的产品体验，又能使项目更加顺利、有序进行，对整个项目提升品质以及效率都有极大的帮助。

3.品牌价值：维护和突出公司的整体品牌形象是设计师众多职责中很重要的一个职责。统一和谐的设计理念和设计风格可以更大程度地增强公司品牌识别度，从而起到较好的宣传与推广作用。不过，这并不是靠一个设计师就可以实现的，想要达到整体效果，还是要依靠公司高层认可以及整个设计团队的齐心协力。这个工作别人是很难取代的，每个项目的产品经理都在忙自己的KPI（关键绩效指标），更是没有时间去和别的产品保持一致，这个时候就要靠用户体验设计师的力量。

四、基于用户体验的界面设计因素

对于人机交互来说，人类是最重要的研究对象。作为核心与使用者的人类却是最不可控的设计因子。人在日常行为中经常会发生行为偏差，或者事与愿违。在操作交互系统的时候也不例外。所以，人因工程学（Human Factors Engineering）也称为人因素学（Human Factors）。以下将根据以往研究结果一按因素讲述人因学的研究范畴。人因素中对移动应用图形用户界面设计产生影响最大的莫过于视力、注意力与能力。

（一）视力

这里所说的视力（Sight），在某种程度上指的是视敏度，又称视锐度或视力，指的是眼睛能分辨物体很小间距的能力，通常情况下使用被辨别物体的最小间距所对应的倒数来表示。视敏度受到一下几个因素的影响：移动端视觉交互系统中图像本身的复杂程度、环境光强度、图像色彩以及显屏背光等。

通常情况下，光的强度过弱会使图像难以进行分辨。增加照明可以提高视敏度，但光也不能太强。光的强度过强，会引起瞳孔过于收缩，从而降低其视敏度。并且伴随着亮度的增加会使显示屏的闪烁更加明显，使用者直视显屏时候会感到很不舒服。因此在智能手机移动应用，尤其是阅读类的移动应用应充分考虑视力缺陷因素如人在晚间的阅读。（如图9）为导航类移动应用高德地图，其具备的夜间模式可以在较为黑暗的环境下提供全黑色背景的导航界面。自左至右分别是日间导航模式和夜间导航模式。

（一）注意力

通常，人们把注意力（Attention）看作是人脑信息系统的瓶颈和过滤器。注意力有一个重要的功能就是能过滤掉不重要的信息，选取其中重要信息进行下一步的加工，使用户的精力能够较为稳定地集中在所要加工的信息上。不可改变的是人的信息通道容量有限，系统不可能把所有收到的信息都进行加工，这也恰恰就是注意力发生的所在点。

人们对于一件事感兴趣与否也会影响一个人的注意力。若对其感兴趣，注意力就容易集中（如电视剧），否则就很容易被其他感兴趣的事物吸引。同样，能满足人需求的事件，就能够较长时间地引起人的注意。所以说，在移动端图形用户界面设计过程中，设计师有必要把注意力导向用户需要的信息和计划采取的行动上。一直在变动，一直有反馈是移动应用图形用户设计中的生死线。（如图10）为运动类移动应用咕咚的反馈提示，提示的是用户无法连接到网络的信息，咕咚使用了一种非常简单的处理方法，降低移动应用图形用户界面本身的明度，之后在此基础上跳出对话框，并安排了可以让用户检査网络（好的）选项。这样的提示框使用的是操作系统的图形用户界面设计风格，干净便于信息传达。

（三）能力

由于用户具有操作和控制手机等硬件的能力，同时也具备功能和行动的自由度，并且可以对各种情况进行分析和判断，并能够在适当的时候采取随机应变的措施。因此，判断误差及动作失误都会导致其错误的产生。智能手机移动应用没有完成人所希求的任务时，用户时常就选择了放弃，对于用户体验来说，这是最糟糕的事情。用户在操作上遇到困难就选择退出甚至刪除这个移动应用。所以，对于用户能力的培养，即移动应用对用户的“教学”也是非常重要的。我们即使购买了电冰箱或是微波炉，厂商也会为我们提供说明书。对于智能手机移动应用来说就是在第一次打开这个移动应用时的教学。（如图11）为音乐播放类移动应用虾米的图形用户界面设计，其在第一次打开时就用界面友好地向用户介绍如何使用该移动应用的一些技巧，并且更加贴心的是，如左图所示，其说明本身都内含了对说明书的“注解”，即翻页方式。

（四）情感

“形式服从情感”（Form Follows Emotion）的设计理念被著名的青蛙设计公司（Fmg Design）提出。其中提到用户购买的不仅仅是产品本身，相应的也购买了其包含赏心悦目形式中的服务和经验。换句话说，“情感化设计”就是物要传递感受给人，取得与人的感情共鸣。情感把握在于深入目标使用者情感，而不仅仅抒发个人情感。智能手机移动应用设计反映着设计与人的关系。比如下面的作品，该设计师在移动应用的初次使用界面上增加了一个故事版环节，讲述这个移动应用的功能，一切并非从切实的功能出发，而是情感、感受。（如图12）所示的5张图为设计移动应用“时间账本”的首次加载页面，作为该移动应用的介绍。第一张先强化整个移动应用在用户心中的形象，使用了移动应用的logo，第二张开始叙述没有该移动应用时的生活状态，之后在第三张递进这种槽糕的生活状态以加深用户的感受，第四张叙述了该移动应用的时间与空间结合的记录方式，并在最后一张给出移动应用正向评价的总结。

结语

在界面设计不断摸索向前发展的过程中，用户体验设计发挥着越来越重要的作用。在过去，传统的设计决策也许更多依靠经验和直觉，而现如今用户更多关注的是其中的体验和服务。如果你的产品设计、服务设计或系统设计注重用户体验，用户就会主动帮你宣传和推广你的产品、服务或系统，从而形成口碑营销和粉丝文化。所以，只有不断地将用户体验设计融入到界面设计中，才能更好地为后续产品的迭代奠定基础。

参考文献

[1]张洁.精梳机数字操控系统交互界面设计与研究[D].天津工业大学，2017（01）：70.

[2]韩廷森.手机界面设计演进研究[D].苏州大学，2016（05）：99.

[3]胡永华.一个轻型高效的嵌入式GUI的实现[D].安徽大学，2010（04）：64.

[4]常方圓.手机多媒体交互视听系统设计研究与应用[D].江南大学，2008（06）：91.

[5]桂茂亭，杨勤.基于用户体验的科普展品设计要素研究[J].设计，2018（13）：135-137

[6]秦瑞，陈香.基于移动理财中的用户体验设计方法研究[J].设计，2018（13）：138-140

[7]胡晓.重新定义用户体验：文化.服务.价值[J].设计，2018（02）：56-81.