智能互联时代下基于用户体验的移动应用界面设计研究

杨焕 陈星海

摘要：构建智能互联时代下基于用户体验移动应用界面设计的创新方法模型。在分析智能互联时代下用户体验内涵与方法以及代表性企业移动应用界面设计流程的基础上，以用户为中心设计思想为核心、以ExodUX模型为框架构建了移动应用界面设计创新方法模型，并将其应用于支付宝蚂蚁庄园小程序体验优化设计项目，进一步验证该创新方法模型的有效性。得到移动应用界面设计的创新方法模型。该方法模型可为设计一个创新的移动端产品提供理论支持。

关键词：智能互联时代 用户体验 移动应用 界面设计研究

中图分类号：TP391.9文献标识码：A

文章编号：1003-0069（2019）09-0038-03

引言

在这个迅速变化和竞争激烈的世界，用户体验因素比以往变得更加关键。一个移动应用产品的保质期变得越来越短并且用户面临着无数的产品选择。因此，为了实现用户的满意度，界面设计师在设计过程中扮演了重要角色，他们强调人的因素，以确保对每个人而言移动端产品界面设计的简易性，并保证产品界面和用户之间的交互得到提升、可用性得到加强。

一、智能互联时代下的用户体验

（一）用户体验内涵的延伸

用户体验概念在产生初期受到来自人机工程学研究者的特别关注。对于大部分人机工程学研究者而言，一个产品的可用性是用户体验一个基本而重要的元素。而在互联网时代，对用户体验的评价需要一个对产品的整体理解，而不仅仅是功能性的相互作用、可用性、效率等。用户体验包合用户的情绪反应并旨在使用的乐趣而不是纯粹的功能性和人机工程学。在如今强调大数据应用与场景化服务为特征的智能互联时『弋，增强用户体验的关键思想是基于普通用户操作过程中能够被采集到的典型统计数据的行为分析。而场景化服务使得用户体验超越服务系统本身，更依赖于用户体验产生的场景以及用户自身特征。因此，对一个服务系统用户体验的评估应该考虑其情感作用与使用的情境（场景）以及用户任何可能的认知过程（行为）。另外，根据ISO定义，用户体验为“由对一个产品、系统或服务的使用或期待使用而形成的个人的认知和响应。”所以，我们可以假设当使用效果符合用户的心理动机和需求并满足或甚至超越用户期望时，用户和产品交互中的良好用户体验就形成了。

（二）用户体验模型与设计方法

用户体验随着时间发展是高度动态并具有定性的方面。如前文所述，好的体验高度依赖使用的情境与用户特征，即谁什么时候和什么产品与服务进行互动构成了整个用户体验;人们以不同方式进行体验，取决于性别、年龄、个人文化背景等个体因素。尽管用户体验是一个模糊和抽象的构造，一个分层结构能够使用户体验概念变得可理解与可测量。例如学者Park et al，（2011）定义了三个用户体验元素（可用性，情感，和用户价值）并确定用户体验元素的18个衍生属性（子元素）以及一个整体用户体验元素来理解和评估用户体验。其中，可用性作为一个实用主义元素，意味着一个产品或服务的客观绩效。它能够被用来评估产品或服务易用程度。情感意味着一个产品的外观或形象影响用户的感受，而用户价值表明一个用户拥有的主观价值。情感和用户价值与享乐主义元素相关，整体用户体验源自用户与产品或服务互动体验的整体价值。

此外，ExodUX模型从工程设计以外的学科中吸取建造积极体验的经验，将影响用户体验的因素汇聚成五类，环境、美学、交互、认知过程和技术，这囊括了学者Park et al，（2011）定义的用户体验元素内容，也符合智能互联时代下用户体验的特征。因此，可以将其环境因素理解为情境和场景，描述的是和系统发生交互所处的环境，包括自然环境、系统运用的任何主题，由此产生的气氛以及体验过程的编排：交互因素可以影响可用性，它包括在系统使用期间直接影响用户行为的因素;认知过程因素体现用户价值，指的是用户交互的心理层面，包括诸如用户天性和期望等因素;美学因素具有丰富情感特征，包合描述用户感官感知的因素，例如外貌、感觉等等;技术因素在其他类别因素中实现预期的体验。同时，对先进技术的应用能够赋能积极用户体验的产生。

由此可见，用户体验设计是一个以用户为中心和跨学科的过程，专注以用户的视角来设计产品以及用户将如何体验一个产品或服务。它是为了让用户在使用产品时有良好体验设计因素的一系列活动或方法。本文依据其设计流程的三个主要阶段：1.分析;2创造;3评估，可以将其设计方法主要归纳为：分析阶段的故事板、人物角色、场景分析、需求清单;创造阶段的功能建模、体验原型;评估阶段的可用性测试。

二、融入用户体验原理的移动应用界面设计研究

（一）以用戶体验原理为导向的移动应用界面设计流程分析

1.移动应用界面设计的基本流程：移动应用界面设计的基本流程按照互联网公司内部的界面开发流程可以大致分为：1.用户研究;2.交互设计;3视觉设计;4.测试评估四个部分。其中，界面交互和视觉设计的过程会经常与用户研究及测试评估并行开展，用于不断验证和迭代创新用户界面。因此，移动应用界面设计的基本流程大致反映了Jasse JamesGarrett在《用户体验的要素》一书中所提出的用户体验要素模型的内容与结构：即从用户需求到内容需求再到信息架构、信息与导航设计最后为视觉设计的五层结构。

2代表性企业的移动应用界面设计流程

（1）诺基亚（Nokia）的移动应用界面设计流程：诺基亚（Nokia）强调“以用户为中心”的方法来指导移动应用界面的设计与开发，并将其界面设计流程分为四个步骤：1.情境资料整合：针对用户的使用情境展开分析得出数据并与市场调查和以往的设计项目资料相结合;2.概念创建：基于上步资料和数据建立操作情境和测试模型，提出低保真概念设计;3概念评估：结合用户测试，对低保真概念设计进行反复验证实现迭代创新;4.最终设计：输出高保真界面原型，并让终端用户与可用性专家来进行测试。结合上述分析，Nokia产品界面设计基本上可以分为两个阶段：概念创建和评估阶段，这两个阶段通过循环迭代实现界面设计创新，用户主要参与评估阶段如图1所示。

（2）摩托罗拉（Moto）的移动应用界面设计流程：摩托罗拉（Moto）也是以用户为出发点开展移动应用界面设计工作，具体流程为：1.角色原型与用户细分：确定目标用户将目标用户按照不同的特征细分成不同用户群，基于用户群构建角色原型;2.需求分析：针对角色原型挖掘用户潜在需求;3.故事板：用视觉草图形式分析和描述用户使用情境，明确产品需求点;4.概念设计：产品信息架构设计;5.交互流程图输出：交互界面流程图输出;6兰氏面原型设定：低保真的纸面原型设定;7.可用性测试：让目标人群来测试产品界面的可用性，观察并分析可能存在的问题，提出修改意见;8.关键页面设计：在可用性测试的基础上调整界面，并确定统一的视觉设计语言，设计关键页面;9.完成设计：完成所有的视觉界面设计如图2所示。

（3）腾讯CDC（用户研究与体验设计中心）的移动应用界面设计流程：腾讯CDC（用户研究与体验设计中心）的移动应用界面设计流程是结合用户研究、交互设计、视觉设计三个层面内容，以设计师设计流程的视角将其分为4个阶段：1.需求阶段包括：用户特征分析、竞品差异性分析、任务分析与场景定义、概念设计，主要界面设计、低保真原型评估和设计修正;2.设计阶段包括：界面交互与视觉的详细设计，高保真原型评估、素材整理;3.开发阶段包括：界面检查、可用性测试、交互与视觉规范整理;4.验证阶段包括：专业总结如图3所示。

综合上述三个代表性企业的移动应用界面设计流程，可以得出移动应用界面设计流程普遍以用户为中心的设计方法（UCD）为原则，并充分考虑了上文所述ExodUX模型五类因素诉求。因此，以用户体验原理为导向的移动应用界面设计流程始于对目标用户的研究，通过建立用户角色原型并结合情境分析探索用户需求。在此基础上，设计师可以创建产品信息架构形成概念设计，输出交互界面流程图构建低保真界面原型，并结合可用性测试等方式评估低保真界面原型，进行设计修正。然后，对界面的交互和视觉进行详细设计，输出高保真界面原型。最后，再对高保真界面原型进行测试评估，指导界面设计的修改。

（二）基于用户体验的移动应用界面设计创新方法模型构建

通过观察和分析不同代表性企业的移动应用界面设计流程以及归纳得出的以用户体验原理为导向的移动应用界面设计流程，本文将基于用户体验的移动应用界面设计创新方法模型分为1市场调研与定位;2用户研究与概要;3概念构思与设计;4.设计评估与反馈四个模块。其中，市场调研与定位和用户研究与概要模块都具有情境分析特征，概念构思与设计和设计评估与反馈模块都体现以用户为中心的设计思想如图4所示。

1.市场调研与定位：该模块建议移动应用界面设计师应该了解市场需求，并对现有同类型产品进行比较。在具体任务、目标用户、界面、产品功能、用户体验属性甚至商业模式上，都可以对同类型产品进行市场定位和比较。虽然公司可能会从外部获取市场和消费者的信息，但建议移动应用界面设计师掌握用户需求、使用场景、市场趋势和公众对某些趋势和潮流的接受程度等第一手信息。通过市场定位，设计师将了解社会技术问题、市场相关问题、人机交互问题以及产品易用性问题。这个过程应该为设计团队提供足够的信息，为整个设计项目制定一个市场定位准则。当然，对市场的调研与定位应该定期更新，直到所有界面设计的原型完成为止。

2用户研究与概要：设计人员需要在设计移动应用界面的设计过程中识别目标用户。这些用户概要基于目标群体的特征、兴趣、文化信仰、性别、社会群体和生活方式。在某些情况下，目标用户概要文件是根据市场趋势确定的。设计师需要通过问卷调查、观察和访谈来分析设计的潜在用户。一些界面设计人员在该模块可以生成任务分析和工作流程，以捕获现有的用户任务模型。在编辑用户概要文件、用户需求和理解使用场景之后，设计人员应该继续创建描述用户场景的故事板或用户体验旅程图。与设计团队的其他成员沟通时，这种移情用户的方法对他们所设计产品或服务需求情况的提炼是非常重要的。它还有助于将趋势、情绪置于情景中并凸显潜在的设计问题。

3.概念构思与设计：在该模块，设计团队制定和关联想法从而提供创意和可视化的人机交互界面。这些概念最初通常以草图或低保真原型图的形式出现，并提供特定的交互原型草图注释，以让设计团队其他成员更好理解所设计的界面交互行为。当设计师通过草图确定用户如何与界面互动时，设计师可以研究用户的操作行为习惯和行为背后的心理模型，这在构思阶段很重要，它可以帮助设计师通过草图快速探索想法。在此过程中，设计师应思考移动应用界面的信息架构并生成基于手机屏幕大小的注释草图。最后，依据用户偏好完成具有合理视觉层次的界面视觉设计。

4.设计评估与反馈：评估与反馈这一模块用于设计迭代，并与概念构思与设计模块一起进行。移动应用界面设计人员可以使用诸如Sketch等交互式建模软件来开发产品界面仿真的beta版本用于设计评估与反馈。同时运用参与式设计方法，邀请目标用户对所开发的低保真原型、線框模型和高保真原型进行体验评估。设计师从目标用户那里获得反馈，让其在开发最终版本界面之前能够提炼想法和改进功能。此外，设计师还可以通过常用的问卷调查、深度访谈甚至是用户行为数据分析方法来获得对移动应用界面设计的评估和反馈。值得建议的是，设计师如果能亲身参与用户测试与调研等活动，将直接收到用户的反馈，这有助于加快界面开发过程。

三、创新方法模型的实践研究

下文为笔者指导学生团队为蚂蚁庄园做的界面体验优化设计项目。该项目采用上文所构建的基于用户体验的移动应用界面设计创新方法模型，以促进蚂蚁庄园游戏用户的活跃度，并得到了支付宝设计、产品及运曹团队的指导和支持如图5所示。

（一）市场调研与定位一竞品分析

设计团队从市场上同类型游戏产品中按流行热度选择以前热门的两款游戏：1.QQ宠物;2开心宝贝;以及当前热门的三款游戏：1.旅行青蛙、2.口袋妖精、3.猫咪后院。按照基本信息、产品功能、使用驱动力、商业模式与推广，优势和劣势这六个维度对这五款游戏开展对比分析，并基于竞品分析雷达图得出分析总结。具体为：1.形式上：优点（蚂蚁庄园具有一定的互动性与社交性。）、缺点（用户对所养小鸡缺乏归属感。）;2.内容上;优点（蚂蚁庄园采用爱心捐赠与宠物养成类小游戏结合的方式，具有较好的公益性。）、缺点（游戏的可玩性、个性化不足。与现有轻量游戏相比，惊喜感不足。）;3.体验上：优点（内容较为简单，操作起来不是很复杂。）、缺点（除捐赠爱心外，吸引点较少。）

（二）用户研究与概要一用户调研

首先定义不同类型用户，如新手用户（之前从未使用过蚂蚁庄园）、普通用户（使用蚂蚁庄园3个月）、深度用户（使用蚂蚁庄园8个月）。然后，观察这三类用户玩蚂蚁庄园的流程、点击方式并进行简单访谈，根据观察与访谈结果做出用户体验旅程图。然后归纳其主要痛点：1.新手用户（初次进入蚂蚁庄园，认为流程、规则没有详细介绍。）;2.普通用户（饲料太多吃不完想送给好友。）;3.深度用户（捐赠爱心反馈太少。）基于第一轮调研，设计团队制作了访谈提纲，围绕引流渠道、使用频率、使用场景、具体功能评价等问题针对目标用户进行深度访谈。并依据访谈内容，将用户类型重新划分为佛系型、普通型、钻研型三种类型。其中佛系型用户痛点为任务给予反馈不足导致兴趣不大;普通型用户痛点为缺乏惊喜感、趣味性;钻研性用户痛点为游戏规则不清晰无法知道是否达到高级水平。此外，设计团队针对用户现阶段使用蚂蚁庄园概况和用户对蚂蚁庄园功能了解程度及满意度进行又一轮问卷调查，得出大部分用户是为了捐赠爱心才玩蚂蚁庄园;用户经常使用给小鸡喂食功能;用户期待增加与好友的互动并希望了解爱心捐赠后的情况。

（三）概念构思与设计一优化定位

基于上述调研内容，设计团队归纳出三个核心设计机会点：1.新手引导;2.好友互动;3.爱心捐赠，并从情感化人性满足的视角来解决痛点。其中，新手引导痛点为：1.新用户体验捐赠流程时间过长;2.初次进入蚂蚁庄园没有流程与规则介绍;3.新用户找不到对应功能键。通过增加趣味性和激励性，设计团队提出新用户初次进入庄园，系统给予用户—次爱心捐赠体验，通过动画演示说明介绍游戏流程和规则。爱心捐赠痛点为：1.爱心反馈不足、去向不明、项目可选择性少;2.不能给小鸡命名缺乏归属感;3.未完饲料后无所事事。在强调荣誉感、惊喜感和幸福感基础上，设计团队强调爱心去向可视化、增加爱心捐赠反馈，例如：收到明信片或语音反馈等并增加爱心项目，同时可个性化选择小鸡形象。好友互动痛点为：1.好友互动不足;2.使用道具卡反馈太少;3.获取道具卡方式单一。为了提升互动性和真实感，设计团队增设好友亲密度与好友关系，设置可合养小鸡机制;增设手动开宝箱环节，提升惊喜感;增加如保护卡、改变加速卡加速方式。

（四）设计评估和反馈一设计呈现与测试及再优化

针对1完成新手用户;2完成捐赠爱心;3.送饲料给好友;4.与好友建立亲密关系;5.邀请好友合并庄园;6.查看明信片收藏夹这六个优化或新增功能，设计团队邀请八位典型用户进行交互原型图初稿的可用性测试。通过数据采集分析归纳出问题：1捐赠成功后没有链接返回;2.好友亲密度排行位置不明显;3.难以找到合并庄园入口;4用户难以理解合并庄园;5.用户会去动态中寻找明信片收藏夹。相应解决办法为：1.增加返回链接;2调换亲密度和荣誉排行榜位置;3.“合并”按键位置调整到亲密值旁边;4.把“合并庄园”改成“合养小鸡”加强理解;5修改明信片到动态中。交互原型图改稿后，其各功能完成平均时間比优化之前均有所减少。在此基础上，设计团队完成蚂蚁庄园界面优化后的高保真视觉稿。最终，该项设计成果获得了支付宝内部设计师与产品经理的一致好评，部分创新功能如合养小鸡等已在支付宝蚂蚁庄园小程序中得到实际应用，并获评2018年蚂蚁创新设计奖一等奖。

结语

智能互联时代下的用户体验更依赖于用户体验产生的场景以及用户自身特征，而对场景和用户自身特征的描述可以通过定性和定量数据采集和分析来实现，这有助于挖掘用户需求、分析产品问题。因此，以用户为中心设计思想为核心、以Exod UX模型为框架的移动应用界面设计创新方法模型构建的最终目的是提供一个结构来设计一个创新的移动端产品，从而满足用户需求并为公司带来最大利润。此外，创新方法模型的应用与实践还涉及到公司组织各个层面的支持与协助，需要公司组织内部建立统一的用户体验思维，形成体制的可提供性，从而保证创新方法模型的顺利实施。