1.3　交互设计与用户体验的关系

在网络发展的初期，由于技术和产业发展的不成熟，交互设计更多地追求技术创新或者功能实现，很少考虑用户在交互过程中的感受，这使得很多网络交互设计过于复杂化或者过于技术化，用户理解和操作起来困难重重，因而大大降低了用户参与网络互动的兴趣。随着数字技术的发展及市场竞争的日趋激烈，很多交互设计师开始将目光转向如何为用户创造更好的交互体验，从而吸引用户参与到网络交互中来。于是，用户体验（User Experience）逐渐成为交互设计首要的关注点和重要的评价标准。

1.3.1　什么是用户体验

用户体验是用户在使用产品或服务的过程中建立起来的一种纯主观的心理感受。从用户的角度来说，用户体验是产品在现实世界的表现和使用方式，渗透到用户与产品交互的各个方面，包括用户对品牌特征、信息可用性、功能性、内容性等方面的体验。不仅如此，用户体验还是多层次的，并且贯穿于人机交互的全过程，既有对产品操作的交互体验，又有在交互过程中触发的认知、情感体验，包括享受、美感和娱乐。从这个意义上来讲，交互设计就是创建新的用户体验的设计。

用户体验这一领域的建立，正是为了全面地分析和透视一个人在使用某个产品、系统或服务时的感受，其研究的重点在于产品、系统或服务给用户带来的愉悦度和价值感，而不是其性能和功能的表现。

1.3.2　六种基础体验

用户体验是主观的、分层次的和多领域的，我们可以将其分为以下六种基础体验，如图1-19所示。

• 感官体验

感官体验是用户在生理上的体验，强调用户在使用产品、系统或服务过程中的舒适性。感官体验，涉及移动端UI设计的便捷性、界面布局的规律、界面色彩搭配的合理性等多个方面，这些都是给用户带来的最基本的视听体验，是用户最直观的感受。

图1-20所示的音乐类App界面设计，使用纯白色作为界面的背景色，界面的控件和信息表现非常清晰，使用高饱和度的橙色到红色渐变作为主色，为界面的表现增添了动感、热情。整个界面富有活力，给人带来很好的感官视觉体验。

图1-21是一个旅行分享类App界面设计，使用深灰色作为界面的背景色，体现出时尚感与现代感，在界面中并没有装饰性元素，重点突出风景图片，搭配简洁的说明文字，使界面表现清晰、易读，让人感觉舒适。

• 交互体验

交互体验是用户在操作过程中的体验，强调易用性和可用性，主要包括人机交互和人与人之间的交互两方面。针对移动端应用的特点，交互体验涉及到用户使用过程中的复杂度与使用习惯的易用问题、数据表单的可用性设计问题，还包括如何吸引用户的交互流程设计等问题。

图1-22所示为与数据统计有关的移动端界面设计，无论是数据折线图还是轮状图都采用简短的交互动效进行表现，能够很好地吸引用户，表现出界面的动感，突出信息。

• 情感体验

情感体验是用户心理方面的体验，强调产品、系统或服务的友好度。首先产品、系统或服务应该给用户一种可亲近的心理感觉，并在不断交流过程中逐步形成一种良好的、友善的互动意识，最终用户与产品、系统或服务之间固化为一种能延续的友好体验。

• 信任体验

信任体验是一种涉及从生理、心理到社会的综合体验，强调其可信任性。由于互联网世界的虚拟性特点，安全需求是首先被考虑的内容之一，因此信任理所当然被提升到一个十分重要的地位。用户信任体验，首先需要建立心理上的信任，这需要借助于产品、系统或服务的可信技术，以及网络社会的信用机制逐步建立起来。信任是用户在网络中实施各种行为的基础。

• 价值体验

价值体验是一种用户经济活动的体验，强调商业价值。在经济社会中，人们的商业活动是以交换为目的，最终实现其使用价值，人们在产品使用的不同阶段中通过感官、心理和情感等不同方面和不同层次的影响，以及在企业和产品品牌、影响力等社会认知因素的共同作用下，最终得到与商业价值相关的主观感受，这是用户在商业社会活动中最重要的体验之一。

• 文化体验

文化体验是一种涉及社会文化层次的体验，强调产品的时尚元素和文化性。绚丽多彩的外观设计、诱人的价值、超强的产品功能和完善的售后服务固然是用户所需要的，但依然缺少那种令人振奋、耳目一新或“惊世骇俗”的消费体验，如果对时尚元素、文化元素或某个文化节点进行发掘、加工和提炼，并与产品进行有机结合，将容易给人带来一种完美的文化体验。

图1-23所示是某互联网金融App界面中的交互动画设计，无论是刷新页面，还是页面内容的加载和处理，都会出现相应的动画提示，并且该动画提示运用了卡通形象与具有代表性的符号图形来表现，非常形象，为用户带来良好的体验。

这六种基础体验基于用户的主观感受，都涉及用户心理层次的需求。需要说明的是，正是由于体验来自人们的主观感受（特别是心理层次的感受），对于相同的产品，不同的用户可能会有完全不同的用户体验。因此，不考虑用户心理需求的用户体验一定是不完整的，在用户体验研究中尤其需要关注人的心理需求和社会性问题。

1.3.3　UI交互设计的重要性

移动设备的交互体验是一种“自助式”的体验，没有可以事先阅读的说明书，也没有任何操作培训，完全依靠用户自己去寻找互动的途径。即便被困在某处，也只能自己想办法，因此交互设计极大地影响了用户体验。好的交互设计应该尽量避免给用户的参与造成任何困难，并且在出现问题时及时提醒用户并帮助用户尽快解决，从而保证用户的感官、认知、行为和情感体验的最佳化。

图1-24所示的影视类App将电影海报封面以卡片的形式堆叠在其界面中，能够有效地引导用户在界面中进行滑动切换操作。当用户左右滑动时，电影封面会以动感模糊的形式切换为下一张电影海报，表现出界面内容的层次感。

反过来，用户体验又对交互设计起着非常重要的指导作用，用户体验是交互设计的首要原则和检验标准。从了解用户的需求入手，到对用户的各种可能体验进行分析，再到最终的用户体验测试，交互设计始终将对用户体验的关注贯穿于设计的全过程。即便是一个小小的设计决策，设计师也应该从用户体验的角度去思考。

图1-25所示是一款闹钟App的交互界面设计，图形化的时针表盘设计引导用户设定闹钟时间，而在闹钟列表界面中，又通过不同的色彩、小图标等为用户提供清晰的指引。

1.3.4　交互设计的五要素

交互设计和其他设计门类如平面设计、建筑设计、工业设计等，都是一种有目的、有计划的创作行为，但是它们所设计的对象却截然不同。其他设计门类的对象是信息、材质、空间，而交互设计的对象是行为。

想象一下我们平时是如何使用购物App购买商品的？

利用互联网产品满足一个需求，是需要通过一步步行为（点击、滑动、输入等）来实现的，而交互设计师则负责设计这些行为，让用户知道自己在哪？能去哪？怎么去？

交互设计的五个要素分别是：用户、行为、目标、场景、媒介。

• 用户

产品立项后，确定产品定位，去了解用户，一定要以研究目标用户为主。从不同渠道去收集目标用户的需求，筛选需求，确定需求优先级，确保需求是真实的。

• 行为和目标

使用产品时，不同用户可能有不同目标，一个用户也有可能有多个目标。研究用户的目标是为了确定需求、清楚产品要满足用户多少个目标，交互设计师再根据不同的目标去设计相应的行为流程。错误的目标或者烦琐的行为流程，都会导致用户放弃产品。

• 媒介

媒介可以理解为产品形态，如App、网站、公众号、微信小程序、H5宣传页……互联网产品常见的媒介是App和网站。不同的媒介有不同的特点，一定要根据自己的业务类型来选择适当的媒介，同时应该考虑性价比。

• 场景

场景是一个很容易被忽视的问题，随着智能手机的快速普及，移动互联网时代的到来，用户使用产品时的场景变得非常复杂，可能是在嘈杂的地铁里，也可能是站在路边、躺在床上等。

例如，大家熟悉的打车软件，一般都会有两个App，一个乘客端、一个司机端，司机端的用户是正在开车的司机，而司机为了安全一般会把手机固定在车载架上，这个场景就是司机端App所处的主要场景，那么设计App时就要考虑车内光线问题、司机操作便捷性问题和安全性问题。

在光线充足的环境中，阅读黑底白字时，眼睛疲劳的速度会加快。但在夜间，由于人眼已经适应了黑暗环境，疲劳感不会增加。现在很多App都会设计夜间模式，夜间模式通常都会采用深色背景搭配浅色内容，深色背景与夜间周围环境保持一致，从而使用户获得良好的视觉体验。例如，图1-26所示的App界面设计，白天界面模式会使用传统的白色背景，而夜间模式则会使用深灰色背景，从而为用户带来更好的用户体验。