与用户体验

如今智能手机已经非常普及，尤其在一、二线城市中更是常见。手机APP的数量很可观，功能分类也基本上覆盖生活中的方方面面。随着移动化、碎片化时代的到来，受众的使用习惯也在不断地随之改变，手机、平板电脑等设备占据了人们的许多时间。因此 ，APP 与用户体验之间的关系更加密切。下面，将从 APP 设计要点和用户体验两个方面来为使用者讲解APP与用户体验之间的关系。

APP与用户体验感受如图2.42所示。

图2.42

一款APP需具备一些特定的条件才能使受众产生黏性，如利益性、趣味性、内容性、创新性、社交性、操控性等。例如，“植物大战僵尸”以及“愤怒的小鸟”就属于趣味性的APP；内容性与社交性相结合的APP则是微博；利益性的APP可以是生活工具类的APP；创新性的APP则大多是与技术等相关，利用智能手机特性开发的互动性APP。不管什么样的APP，能影响用户体验的因素主要是其操控的流畅度、功能的合理性、外型的美观程度等。

APP与用户体验关系如图2.43所示。

图2.43

2.4.1  APP设计要点

在移动设备中，手机是目前主要APP的受体，无论是3.7英寸或是4.0英寸，手机屏幕都是稀有资源。在这么小的屏幕上，信息的展现方式与屏幕的利用方式就需要进行精心的设计与调整。在界面设计中，几乎整个屏幕都具有的核心功能是“图片分享”；而功能按钮与状态栏都被放到屏幕最上方与最下方，因为这是不会影响用户读图的区域。因此，设计APP中较为值得注意的问题是内容的布局与安排。

APP中内容的布局与安排如图2.44所示。

图2.44

[作者分享]

在为APP进行界面设计时，屏幕的划分与利用需要开发者认真考虑，虽然只有4.0英寸左右的可视区域，但也并不是整个屏幕都是热点阅读区。开发者需要确保核心信息出现在热点区域内，同时切忌将屏幕划分成3个甚至以上区域。因为首先需要让用户了解APP的内容，而且还要不影响用户的阅读与使用。

APP界面设计的实用性如图2.45所示。

不要小看icon在APP设计中的作用，因为没有固定的icon使用标准，icon的设计与使用可谓五花八门。在很多服务类和游戏类的APP中，开发者在不断地接触着新的icon，但是新的icon设计与使用是需要慎重对待的，尤其是在服务类的APP中，更是需要引起设计者们的注意。

图2.45

APP设计中icon图标的设计如图2.46所示。

图2.46

APP设计要求容易上手操作，设计不要过于复杂。这是因为，移动用户的使用习惯是由对传统互联网的认知加上传统手机的使用习惯迁移构成。传统手机的使用习惯有着快速、直接、目的明确的特点，而让用户真正重新认识智能终端并形成新的使用习惯，是一个长期的过程。现阶段用户在智能手机上的使用习惯仍然有着快速和直接的特点，加上碎片化的使用时间，所以很容易上手。这也是可以在碎片化时间内进行休闲娱乐的APP得以迅速风靡全球的原因。

APP设计中的交互简易性如图2.47所示。

图2.47

在APP设计中，尽可能让用户只需进行一次交互操作就能到达目的地，这是一个非常棒的理念。在用户交互设计中，开发者们应避免让用户产生多层交互，而应让用户以愉悦轻松的心情得到相应的服务。

简易的移动设备用户体验如图2.48所示。

图2.48

总而言之，由于移动设备的关系，在APP设计上应尽量保持简洁。若非必要，不要放上华丽的图形或其他信息去吸引用户，应让信息一目了然，不误导用户。设计者要拥有自己的APP应用设计理念,设计自己的APP软件。

具有特色的APP设计理念如图2.49所示。

图2.49

下面，将通过具体的案例来进行讲解。例如，“宝贝时光”这是一款基于iOS平台的用于记录宝宝成长过程的APP。该APP设计对整体产品的交互信息框架进行梳理，并定义了包括品牌形象符号在内的视觉风格规范。这款APP创造性地使用了新颖的“相册翻页”动态交互方式来记录宝宝的照片，采用“书架”“成长树”等灵感元素珍藏父母的每一份记忆。该APP设计希望以更加颠覆性的产品设计理念，创造真正的差异化用户体验。

具有一定特点的APP设计“宝贝时光”如图2.50所示。

图2.50

[作者分享]

APP设计与用户体验：APP应用设计的效果如何，更多的是由用户的体验效果来决定的。一个优秀的APP设计者，应该多从用户的角度去设计，这样的效果才能让用户满意。

值得注意的是，设计中，设计者应通过移动设备的人机界面指南图来定位自己的APP应用软件，将提出的各种需求进行讨论汇总，完成对应用定义的陈述。根据前面所整理的资料，开始进行产品各个基本功能的设计，包含移动中使用的场景、按钮、显示文字等。把握好设计的APP的应用需求，确认核心功能，模拟出设计初稿。

APP草图设计如图2.51所示。

图2.51

低保真原型是利用原型制作工具将草图搬上电脑，尽量使用黑白、粗糙的线条来进行设计，不纠结于细节。高保真原型是指在低保真原型的基础上，进行细节修改。当高保真原型完成后，就该原型进行视觉设计，APP应用设计提倡有质感、有仿真度的图形界面，让APP设计的界面尽量接近用户熟悉或者喜欢的风格，这需要在配色和图标上下功夫。通过低保真原型和高保真原型两步操作来完成视觉设计，最终确认APP设计。

下面是一款在iOS、Android平台上颇具人气的生日管理、提醒应用——“生日管家”。APP结合自身的应用定位及风格偏好，为“生日管家”APP打造了从交互架构到视觉表现的全新设计方案，使“生日管家”在维持公历、农历双历提醒等特色功能的同时，拉近了产品与用户的情感距离。

“生日管家”APP如图2.52所示。

图2.52

一般而言，设计首先为视网膜显示屏、高分辨率的显示屏设计，然后按比例缩减。现在屏幕分辨率格式越来越多，设计师需要从高分辨率设备做起，再按比例缩减。更好的做法是使用矢量图形进行设计，而不是位图或者栅格图像进行设计。因此，在APP设计中不要使用低分辨率的图片，以避免使用位图。

在APP设计中放置图片的大小和位置如图2.53所示。

图2.53

大多数用户的食指宽度为1.6～2 cm，因此，设计时要考虑手指的宽度；而且用户在快速移动手指的时候，很难准确点击小片屏幕。在屏幕上加大量的按钮和功能很容易，但按钮、间隔一定要足够大，否则用户容易误点。因此，在APP设计中不要把点击区域设置得太小。

按钮的大小和用户体验之间的关系如图2.54所示。

图2.54

当用户首次打开 APP 时，给用户一个动画的介绍是个不错的想法，但不能太过火，因为这些介绍动画也延迟了用户接触 APP的时间。如果设计者打算使用介绍动画，那要让动画时间尽可能短，设计尽可能精细而且足够吸引人，值得用户花费时间等待。APP加载过程中会先展现图片，再过渡至动画。要确保这个过渡是平滑的，是贴切自然的。有的 APP 从加载图片过渡至介绍动画，其设计显得非常蹩脚。因此，在APP设计中不要随意使用介绍动画。

APP动画展示如图2.55所示。

图2.55

如果 APP 加载时间过长，那么很容易让用户以为出现了故障，带来糟糕的用户体验。APP 加载的时候不要让用户看到空白的屏幕，应使用加载指示条或小动画让用户知道 APP 处于正常运行中，当然如果能加入一个加载进度指示条就更好了。在APP设计中，这点是非常值得注意的。

APP设计中的加载和中间弹出项如图2.56所示。

图2.56

2.4.2  用户体验

用户在看一本杂志APP的时候，其内容质量、操作逻辑、阅读模式（比如日夜模式切换、横竖屏切换）、字体大小、分享功能、推送功能、评论功能、信息分类阅读（比如热门推荐、图库方式阅读、信息类别阅读）等方面均影响着受众对该款APP的用户体验。

受众对该款APP的用户体验界面如图2.57所示。

图2.57

在APP的设计制作过程中，APP软件的更新也是一个非常重要的环节。APP软件的更新应满足受众变化中的需求，更新的节奏应根据用户需求变化以及企业对APP功能需求的增加而变化。

对APP软件的更新和用户体验如图2.58所示。

图2.58

设计者在思考APP和用户体验的时候，先开始只是简单地把已有的内容搬到APP上，并没有对手机端的特点进行思考。后面就需要对APP的功能进行更新，对结构进行调整，以求与手机特性更加匹配。当然，更新并不等于无限制地不断添加APP的功能，这依然要进行深入的受众分析与洞察，依照受众的需求与行为特性进行思考与改变。

用户体验和APP游戏设计如图2.59所示。

图2.59

用户在移动端设备的使用时间不同于桌面端，大部分用户都是在碎片时间内使用移动设备进行娱乐、获取信息、进行社交活动等。因此，在APP设计中用户体验应该结合设备的移动性再进行有机合理的设计。

移动手机APP用户体验如图2.60所示。

图2.60

总而言之，在这个用户体验的时代，设计者设计APP需要更多的思考，而非简单盲目地跟风发布自己的APP。在APP的设计过程中需要结合移动设备和APP之间的相互关联来对APP进行合理的设计。

在APP设计中，越来越多的传统企业拥抱移动互联网，以补充、完善原有渠道的目标来推出自有企业的品牌APP，比如传统杂志社设计一款电子杂志APP、传统实体店商家推出电子商城APP。这些传统的做法已经司空见惯，让我们看看品牌们有哪些“不务正业”的新玩法吧。

APP设计新玩法如图2.61所示。

图2.61

在APP设计中，各APP上应用最多的设计技巧是通过视觉的手段，微妙地启发用户的感觉及情绪。这样的方式可以让用户与APP进行合理的交互。

使用视觉手段让用户体验和APP之间进行的交互，如图2.62所示。

图2.62

任何一款产品的成功都需要依靠良好的用户体验，如果只是以为把APP上架，就会有消费者自动下载，那就大错特错了。APP和所有新商品一样，都需要缜密的上市策略，在适当的时刻、渠道和目标用户沟通，才能引起用户的下载欲望。下面就来欣赏很多女性比较喜欢的手机购物APP设计。

购物APP如图2.63所示。

图2.63

一款APP的成功必然需要把握用户的兴趣。从用户的喜好入手，从用户的兴趣着眼，从用户的需求出发，提升APP的体验，增强APP的实用性和趣味性。如何抓住用户的需求和激发用户的兴趣是决定产品用户量上限的关键要素，而用户黏度的提高则需要在产品的程序设计和推动产品的持续创新上下功夫。

时尚清新的APP界面设计如图2.64所示。

在APP的用户体验设计中，有一项是非常值得人们关注的，那就是色彩情感与用户体验之间的关系。笔者先让大家了解一下关于色彩的组成和色彩的情感等基础知识，再来简单说说它们在我们的生活和界面设计中的运用所带来的感受，以及人们对色彩的喜好偏差和色彩的决定性作用等。

图2.64

[作者分享]

色彩感受：每个人有自己喜爱的音乐，同样，每个人也有自己钟爱的色彩，每一种颜色都有一种寓意。色彩作为第一视觉语言，在人类初次接触到一个事物产生第一印象时，色彩的吸引力往往高于其造型所产生的吸引力。适当地应用色彩能够增强画面感染力，提升产品的印象与感觉，而不同的色彩常常左右了产品最终给人的感受。

色相和色彩感受如图2.65所示。

图2.65

不同色彩的界面给人的不同感受如图2.66所示。

色彩是人们接触事物时第一个感受到的，也是印象最深刻的特性。打开APP，人们最先感受到的并不是网站所提供的内容，而是网页中的色彩搭配所呈现出来的一种感受。各种色彩争先恐后地通过视网膜印在人们的脑海中，色彩在无意识中影响着人们的体验和每一次点击，它暗示了用户登录的方向与意义。

黄色是APP设计配色中使用极为广泛的颜色之一，它具有明朗愉快的感觉，在各类信息网站中都可以使用。但现实中很少大面积使用纯黄色，这是因为和纯红色一样，其色彩过于强烈。不过，在小面积点缀中黄色用得颇多。比如，用暗清色的黄与其他色彩的暗清色调混和使用，页面就会多一些典雅和奇特的感觉。

图2.66

黄色界面在APP上的运用如图2.67所示。

图2.67

在APP设计中，以红色为主色的并不多，在大量信息的页面里有大面积的红色是不利于阅读的。但若搭配得好，红色也可以起到振奋人心的作用。过多的红色容易使人疲劳，引起人的心理反感，所以一般只有在以节庆活动为主题的网站中才会大面积地使用纯红色。

红色界面在APP上的运用如图2.68所示。

图2.68

在APP设计中，蓝色有沉稳的特性，具有理智、准确的意象，同时还表示希望。强调科技感、效率感的商品或企业形象的设计大多选用蓝色作为标准色、企业色，如科技、知识、计算机、企业、政府、银行和门户网站等。蓝色还代表了“可信”的心理感受，很多企业在做网站时都选择了蓝色。

蓝色界面在APP上的运用如图2.69所示。

图2.69

在APP设计中，绿色代表着安全、通行、准许的意思，可以让人感到轻松、缓解压力。所以，绿色通常用于“开始”“下载”按钮和成功提示页面中。

绿色界面在APP上的运用如图2.70所示。[作者分享]

图2.70

橙色可以使人感到成熟的瓜果味道，从而产生甜的感受；绿色为植物的颜色，象征着生命，传达出清爽、理想、希望、生长的意象，如果将它与蓝色、黄色，甚至红色搭配起来用于网页设计中，则可以给网站增加一丝活泼、轻快的感觉；而紫色给人的感觉是高贵、娇艳与优雅。

色彩带给人的感受存在着客观上的代表意义，但在每个人的眼里，所实际感受到的色彩存在着大小不同的差异。例如，男性和女性都喜欢蓝色和绿色，或许因为这是大自然中最常见的色彩；男性和女性都比较讨厌橙色和褐色。不同的是，男性喜欢黑色，而女性则讨厌黑色；女性喜欢紫色，而男性则讨厌紫色。男性和女性对于色彩的喜好度是有所偏差的，所以在选择配色时不妨多考虑不同观赏者的感受，再来作出选择。

色彩的偏差如图2.71所示。

图2.71

根据美国流行色彩研究中心的一项调查表明，人们在挑选商品的时候存在一个“7秒钟定律”：面对琳琅满目的商品，人们只需 7 秒就可以确定对这些商品是否感兴趣。在这短暂而关键的 7 秒内，色彩的作用占到 67 %，成为决定人们对商品喜好的重要因素，这就是20世纪80年代出现的“色彩营销”的理论依据。同样道理，在界面设计中，如果色彩的选择和搭配恰到好处，可以在短时间内给新用户留下深刻的印象，会给自己的设计带来意想不到的效果。因此，在设计APP的过程中色彩也起到了相对决定性的作用。

生活中的色彩如图2.72所示。

图2.72