新时代UI设计：视觉营造的风向标

在移动互联时代，UI设计也存在很多的理解和定义，这里结合官方定义和作者团队的经验积累来介绍UI的组成。

来自于官方的基本定义，UI即User Interface用户界面的简称。UI设计泛指对软件以及产品的人机交互体验、操作逻辑、界面美观的整体设计，在这里所指的产品就是移动端APP。而狭义上UI就是指用户界面，也就是界面设计。所以，UI设计可以分为以下几个部分。

1.美观的视觉界面设计

如果把产品看成一个人的话，视觉更像是外表。视觉设计对于设计师来说，主要是对产品的用户界面进行的研究，实际上视觉设计师已经不再是单纯只做视觉表现的所谓“美工”，而是要在了解产品的功能、交互流程、用户人群特点以及行业特征等基础上进行设计。

视觉设计是整个产品设计过程中最终的视觉表现，其范围主要包括基于产品的低保真效果图和高保真视觉效果图以及界面跳转和产品交互流程所产生的动效。当然，还包括与工程师进行项目对接的流程，包括标注、切图、适配和命名等工作。图1-4中展示的便是按照产品所服务的用户人群特点、行业特征以及企业形象而设计的手机应用界面的视觉效果。

图1-4

2.流畅易用便捷的交互设计

交互设计，研究人与界面的互动关系，其实也就是用户和产品进行交流与互动的过程。当手指点击或者手势已成为现在人们与产品互动的传统方式之后，声音、动作、指纹、人脸和虹膜识别也逐步加入到人机交互方式的行列之中。其根本目的是为了减少用户的操作时间成本以及学习成本，并提升产品的易用性和用户的体验感（图1-5）。

图1-5

所以，交互设计其实就是设计用户行为的工作。让用户能够很好地利用移动互联产品解决问题，并且在满足用户需求的前提下，实现公司和产品盈利的商业目的。那么，官方对于交互设计的定义也是围绕着用户体验这样的核心而展开的。

交互设计，定义了交互系统的结构和行为。交互设计师努力在用户和用户使用的产品或者服务间创建有意义的关联，不管是PC、移动设备、家用电器或者其他。——国际交互设计协会（Ixdc）

交互设计，又称互动设计（Interaction Design），是定义、设计人造系统行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式（interaction，即人工制品在特定场景下的反应方式）相关的界面。——维基百科

那么，交互设计的工作内容主要是研究用户与产品之间的使用关系，由用户定位、产品市场定位、功能罗列的思维导图建立以及用户的功能虚拟试用流程的分析，产品低保真框架图的建立等工作内容组成（图1-6）。

(www.xing528.com)

图1-6

3.产品的用户体验设计

用户体验设计，也称作UE或者UX，是User Experience的缩写。用户体验是指用户在使用一款产品时的主观感受。例如微信，微信不但是一款社交软件，更以此为基础承担起在线游戏平台，移动支付等功能，已成为很多用户生活、娱乐、工作必备的一款手机应用，具有很高的用户黏性。简而言之，一个产品用起来爽不爽，这就是用户体验。一个好的用户体验，其涉及到用研、交互、视觉、开发、业务模式以及各种利益相关者等多个环节。

也就是说，在用户体验设计之中，已经不再仅仅关注产品的视觉效果，而是有意识的创造与用户产生关系的每个互动点。从显性的观察和设计包括产品的视觉、触觉、听觉等方面延伸和上升至情感与共鸣，最终产生用户对产品的黏性。

简单地说，提升用户体验已经不再是只靠单一的产品本身，而是要把视野放在用户、产品、服务以及情感界面节点的亲眼所见、接触所获、交流所感而产生的综合体验之上，也就是服务设计中的“服务生态链条”。

只有用户体验才是产品真正的灵魂。其实从某种程度来讲，用户体验也可以概括为品牌思维，用一致的品牌化思维创造和规划所有节点，即用户体验供应链。

苹果手机并不是单纯依靠手机硬件来赢得用户，iPhone如果单纯比拼硬件的话，并没有太多出彩的地方。但还是有很多用户愿意为其买单，这是由于围绕苹果手机，苹果提供了一连串的线上及线下服务来提升用户的使用体验，包括iOS系统，icloud，APP Store等（图1-7）。

图1-7

所以，很多用户选择iPhone的真实原因是对以苹果手机为承载的一整套服务体系的认可，这其实就是品牌的效应和思维。

4.服务设计

当前，从业者对于行业和产品的认知达到了一个新的高度，那么，服务设计就是其中非常重要的组成部分。对于产品来讲，服务设计是有效地计划和组织一项服务中所涉及的用户、基础设施、线上线下等相关组成因素的关系，从而提高用户体验和服务质量的设计活动。其重点在于研究用户体验服务的一些节点和细节，并将其组成一整套服务的体系。

刚才所提到服务中所包含的用户、基础设施、线上线下等相关的组成部分，可以把它们称作利益相关者，也叫作“触点”，那么，对于触点的合理处理将直接决定服务的用户体验。

所以，要求设计师能够将设计的眼光放到一个更为宏观的位置，比如说，在研究电子商城线上交易这一套服务时，不光要考虑电子商城本身的易用、信息推送、产品划分，还应该更多考虑客户和商家的关系、产品的质量、物流配送的效率、信用中介银行的安全性等相关内容，因为这些组成内容都会影响到整个服务流程给予用户的体验。

最后可以总结一下，服务决定用户情绪的需求，而用户需求又可以转化为产品的功能，产品的功能可以通过交互方式进行体现，那么交互方式最终以丰富的视觉效果呈现。