文集 | 微信小程序的用户体验研究

2018-07-02 | 用户体验,文集,精选

 

UXPA中国2018行业文集征稿正在进行中

点击查看《 行业文集征稿启事 》

最新截稿日期:7月22日

 

2017年行业论文欣赏

 

本文段落精选

 

 

 

要衡量一个应用工具成功与否,用户体验是重要的判断因素之一。

 

作为移动互联网时代最成功的应用之一,微信已经积累了大量的用户。腾讯公司提供的最新数据显示,目前微信平均日活跃用户量达到9.83亿,这个数据的背后是巨大的商业机会,也为微信小程序的研发推广提供了可能性。

 

在进行产品的用户体验分析时通常使用五要素,分别为:表现层、框架层、结构层、范围层和战略层。

 

用户在使用产品时,最直接感知的便是视觉设计。

...

 

 

微信小程序的用户体验研究

林晓艳,王军峰,王文军,舒炎昕

  西南科技大学

摘 要

要衡量一个应用工具成功与否,用户体验是重要的判断因素之一。为探索微信小程序的用户体验满意度,本文在现有文献的研究分析基础上,构建了微信小程序的用户体验评价指标及评价模型。通过滴滴出行原生APP与微信小程序的实例对比,从视觉设计、交互设计和使用流程三个方面对二者进行了分析比较。最后根据实验结果分析提出了改进微信小程序用户体验的建议。本研究有助于工具类APP更好地提升自身的用户体验度,并提高其用户粘性和依赖度。

 

关键词:微信小程序,原生APP,评价模型,用户体验

 

 

1. 引言

信息化时代的来临,使得互联网与人们的生活联系日益密切,并逐渐开始对人们的生活方式产生影响。互联网汇集了数量庞大的信息,和大数据、物联网一起改变了人们获取、分享和传播信息的传统方式,各类APP应用为满足不同需求也随之而生。作为移动互联网时代最成功的应用之一,微信已经积累了大量的用户。腾讯公司提供的最新数据显示,目前微信平均日活跃用户量达到9.83亿,这个数据的背后是巨大的商业机会,也为微信小程序的研发推广提供了可能性[1]。数量庞大的信息使得用户开始考虑做信息减法,凭借其“用完即走”的极简理念,小程序的上线得到各界广泛关注,但其在实现轻量化购买体验的同时也存在着一些弊端。基于此,本文从人机交互角度出发评述微信小程序用户体验结果,并就小程序存在的相关问题提出了一些自己的思考。

2017年1月9日,小程序被宣布正式上线[2]。其初始目标是将线下和线上的场景服务相连接,侧重于实现更轻量化的使用体验。

 

2. 微信小程序的用户体验要素

 

在进行产品的用户体验分析时通常使用五要素,分别为:表现层、框架层、结构层、范围层和战略层。其中,战略层是了解产品目标及需求的基础,范围层、结构层和框架层是内容的架构、布局及整合,表现层则是产品最终的呈现模式。本文参照了用户体验五要素及CUBI用户体验模型[3],从视觉设计、交互设计、流程合理性和便捷性三个方面对微信小程序的用户体验进行分析。

 

2.1 视觉设计

 

用户在使用产品时,最直接感知的便是视觉设计。视觉设计的优劣直接对用户体验造成影响,因此,将这一要素作为小程序的用户体验要素之一。清晰、合理且简洁的界面设计可以帮助获得更好的用户体验。视觉设计的评估标准一般包括字体、色彩、界面、标志设计等因素。本文中针对小程序的视觉设计主要侧重于界面设计,主要从色彩、排版、功能点分布三个方面作为小程序视觉设计的评价参考指标。

 

2.2 交互设计

 

不同于传统原生APP,在使用微信小程序时无需下载APP客户端,亦无需进行注册,可直接使用微信账号进行登陆,实现“用完即走”。为实现轻量化的购买体验,小程序只保留了原生APP最核心的功能,因此用户在使用小程序时也面临着一些问题。例如,其功能点布局不同于原生APP,需要用户重新适应;只提供核心功能,无法满足中高频用户对延伸功能的使用需求等。此时,就需要小程序予以提供相应的交互方式和渠道。良好的交互设计可以使用户迅速了解小程序的操作流程,完成购买过程以及获得优异的用户体验。交互设计的评估标准一般包括用户优先、功能设置、信息架构、逻辑一致等[4]。本文中针对小程序的交互设计主要从优先性、一致性和满意度三个方面作为小程序交互设计的评价参考指标。

 

2.3 使用流程设计

 

用户选择使用小程序,主要是为了摒除使用原生APP时下载、注册等一系列繁琐的流程,实现轻量化的购买体验,同时解决低频应用侵占手机内存空间的问题。因此,流程布局的合理性、操作使用的便捷性便理所当然地成为了小程序用户体验的评价要素之一。传统APP客户端中,用户的首次使用流程一般包括七个环节:注册-登陆-选购-下订单-支付-订单查询-货物签收。而小程序的理念是“用完即走”,需确保整个购买流程方便快捷、易于理解和操作。因此本文将布局合理性、使用便捷性、操作高效性和支付安全性作为使用流程设计的评价参考指标。

通过以上对微信小程序用户体验要素的分析,现构建微信小程序用户体验评价模型,如图1所示:

 

图1  微信小程序用户体验评价模型

 

 

3. 微信小程序与原生APP用户体验对比

 

微信小程序旨在为用户提供不同于原生APP的轻量化使用体验。鉴于此,本文选取滴滴出行APP移动客户端作为具体案例,参考微信小程序用户体验评价模型,对微信小程序和原生APP从用户体验角度进行对比分析。

 

3.1 视觉设计

 

APP客户端的界面颜色主要为黑、白、灰色,信息功能的文字采用橙色和灰色,能够较快识别出所需重要信息。整体页面布局分为功能介绍、地图显示、所需服务、确认选项、个人信息等功能区。功能元素点排布(图2)较精简,基本采用中心对称,为用户提供了较为稳定可靠的心理暗示。

微信小程序的界面颜色主要为黑、白色,信息功能文字采用橙色和灰色,关键信息识别速度也较快。整体页面布局较为简洁,剔除了地图显示功能,只保留了信息填写、确认选项两个功能区。功能元素点排布(图3)采用中心对称和左对齐,元素点的数量较之于APP客户端更为精简。

图2  滴滴出行客户端功能元素点排布

 

图3  微信小程序滴滴出行功能元素点排布

 

3.2 交互设计

 

APP客户端的功能较为完善,具有顺风车、快车、出租车、豪华车、自驾租车、专车、代驾、公交、敬老出租、ofo单车等功能。基于用户优先的理念,使用频率最高的顺风车功能被布局在第一位。用户可以根据自己的具体需求选择不同的功能选项,在登陆首页界面的地图中,会实时显示周围的可预约车辆情况,使得用户能够合理规划安排自己的时间和行程。客户端有个人信息设置,用户可以在其中查看行程记录、钱包余额、咨询客服、个性化设置等,选择需要了解的具体信息。

基于“用完即走”的极简主义理念,微信小程序中的滴滴出行只保留了最核心的快车功能。点击小程序中的滴滴出行时,微信跳转到对应的H5页面,且自动使用用户的微信账号进行注册登录,省去了下载、注册和登陆等一系列繁琐的操作。在用户需求度不高且使用频率较低时,具有较优异的用户体验;倘若有延伸需求,例如出租车、代驾等其他功能时,小程序并不能满足,此时就仍需要在APP客户端进行操作。小程序中的滴滴出行未提供不定时红包的资金支持,这也可能会降低一定的用户依赖度,但其极简理念使得使用过程中无需等待广告,用户体验得到了一定的提升。

 

3.3 使用流程及操作效率

 

以滴滴出行最常用的“快车”功能为例,APP和小程序客户端完成“快车”功能的完整操作步骤具体如图4。首次使用APP客户端时需要下载、注册和登陆账号,假设网络状况良好的条件下,首次使用快车功能所需时间约为5分钟。后续在已下载APP客户端、账号自动登陆的情况下,完成快车功能所需时间约为1分钟。由于微信小程序是存在于微信APP客户端里的衍生功能,且微信的日活量达到9.83亿,所以下载微信APP客户端不计入操作步骤。采用微信小程序完成快车功能所需时间约为40秒。滴滴出行APP客户端拥有较高用户依赖度,小程序依托微信APP客户端,二者在安全保障方面基本一致,能够较好保障用户权益,且能保持交易、支付的高效率和有效性。

 

(1) APP客户端

(2)小程序

图4   “快车”功能操作流程对比

 

 

4. 对象与方法

4.1实验目的

 

以滴滴出行为例,观察记录被测试者在使用原生APP客户端和微信小程序界面时视线轨迹、功能点停留位置及停留时间的变化,并记录在实际操作使用“快车”功能时所花费的时间数据及用户满意度。将二者的实验结果进行对比分析,探究原生APP和微信小程序对用户使用效率和用户体验的影响。

 

4.2 实验对象

 

  1. 实验道具:眼动仪。本次实验使用的眼动仪型号为EYEVISION EV-PPS1,测试屏幕尺寸为27寸,分辨率为1920×1080。

  2. 测试者与眼动仪屏幕的距离为45~55厘米,测试内容为滴滴出行原生APP客户端及滴滴出行小程序主界面。为减小实验数据误差,在两次界面测试中间,给予被测试者1分钟的眼部休息时间。

  3. 测试者10人,5男5女,年龄18~30岁,身体健康,视力正常。

 

4.3 实验过程

4.3.1测试过程

 

首先需要被测试者注视眼动仪屏幕[5]。在仪器识别出被测试者的视线信号并将在屏幕中投射出眼睛图案之后,要求被测试者注视屏幕中的“+”字点,“+”字点会随机出现在屏幕不同位置,此时被测试者需要将视线跟随“+”字点移动,使得仪器捕捉到视线信号,完成仪器校正过程。这一步骤也有利于被测试者尽快熟悉测试过程,并进入测试状态。整个矫正过程大致为30秒。

在正式测试过程中,给予被测试者两张图,分别是滴滴出行原生APP客户端及滴滴出行微信小程序的操作主界面,观察记录被测试者在接触到两个不同界面时5秒内视线运动轨迹、功能点停留位置及停留时间的变化。需要被测试者在两个不同界面上实际操作一次“快车”功能,并分别记录所花费的时间数据。

 

4.3.2数据记录

 

在被测试者进行页面测试的过程中,主要对其视线运动轨迹、功能点停留位置、停留时间、“快车”功能使用耗时及用户满意度5个数据进行记录。

 

4.3.3数据统计

 

  1. 观察统计被测试者在初次接触滴滴出行原生APP和滴滴出行微信小程序操作界面时视线运动轨迹及功能点停留时间,并记录。

  2. 统计被测试者分别使用滴滴出行原生APP和滴滴出行微信小程序操作“快车”功能完成订单所需时间,及完成相关的用户满意度调查,并记录[6]。

图5  滴滴出行原生APP界面视线运动轨迹

图6  滴滴出行小程序界面视线运动轨迹

图7 原生APP和微信小程序主操作界面功能点实现停留时间对比

 

4.4 实验结果

通过实验测得用户在接触滴滴出行原生APP和滴滴出行微信小程序操作界面时的视线轨迹、视线焦点、视线停留时间的数据,及分别使用二者完成“快车”功能订单所需时间、用户满意度等数据,选取被测试者中最接近平均值的数据进行分析展示。如图5、图6、图7、图8、图9所示。

图8  原生APP界面视线停留焦点

 

图9 小程序界面视线停留焦点

 

 

5. 讨论

 

 

在视线运动轨迹测试得到的数据中,可以看到:原生APP操作界面较为详尽,使用功能较为齐全,被测试者在使用该操作界面时视线运动轨迹数量为10,视线主要停留在功能选项区、地图显示区和确认选项区。其中,视线在功能选项区停留时间较长,旨在分辨APP提供的各种功能选项。获取有效信息速度较快,功能识别率及使用效率较高。微信小程序操作界面较为简洁,只保留了核心“快车”功能,被测试者在使用该操作界面时视线运动轨迹数量为14,视线主要停留在引导语区、确认选项区和客服设置区。地图显示选项被隐藏在位置确认选项之下,引导语区和客服设置区对获取有效信息稍有影响,视线在页面底部空白处也有稍作停留,总体而言,功能识别率及使用率也较高。

从表1、表2、图10和图11的数据中可以看到,在分别使用原生APP和微信小程序完成“快车”功能时,原生APP花费的平均时间为31"09',小程序花费的平均时间为26"492',小程序的操作时间低于原生APP(图11)。而针对色彩设计、功能点分布、交互设计等的用户调查数据(图10),原生APP的平均分为8.41,小程序的平均分为7.92,略低于原生APP。原生APP在功能点分布、布局合理性的得分明显高于小程序,高频用户认为原生APP更能满足其多样化的使用需求,中低频用户则更青睐小程序,其简洁的操作界面及功能设置更符合中低频用户的使用习惯。

图10 原生APP和小程序用户调查平均值数据对比

图11  原生APP和小程序“快车”功能数据对比

 

通过研究发现,小程序的单功能点设置对于用户的使用限制较大,小程序在进行界面设计时,可以增加部分功能点设置,将功能选项由原来的单功能点增加至2—3个核心功能点,在满足其极简理念的同时增加用户的选择范围。在页面布局方面,更明确地标识关键信息,例如采用稍大字号、对比度高的色彩等。对于低频用户而言,小程序操作简洁明确,用户体验较好。中、高频用户对APP的场景需求较多,小程序无法轻易满足其使用需要,原生APP依然拥有其用户粘性和活跃度。微信小程序占据了用户群优势,但是要想颠覆所有APP尚存在很大难度,一些使用频率不高且用户体验差的APP可以直接用小程序取代,然而,例如支付宝等包含诸多生活和理财等复杂场景的APP,由于其拥有足够的使用场景和用户粘性,小程序无法轻易进行颠覆和替代。小程序应找准用户痛点,明确用户使用需求,在此基础上,对自身进行更明确的产品定位,优化加载速度慢、不稳定等问题,提升使用流畅度,真正做到“用完即走”的初衷,为用户节约时间。与此同时,还应借助微信庞大的用户群优势,对用户的行为、需求和使用流程进行分析,提供满足用户需求的核心使用场景,并对使用场景进行拓展覆盖提升用户代入感和参与度,以增强用户粘性。大数据时代,面对数量庞大的信息量,效率和时间维度是关键,小程序的极简理念占据了一定优势,但仍需要完善自身功能设置,可考虑与现AR等技术相结合,帮助培养用户习惯,增强用户依赖度。意图在互联网市场上分得更大一杯羹,小程序还应在自身优势的基础上,不断改进、完善,才能得以实现。

 

表1  原生APP用户满意度数据

表2  小程序用户满意度数据

 

 

6. 结论

 

本文构建用户体验评价模型,从视觉设计、交互设计和使用流程三个方面对小程序和原生APP进行分析和比较。根据眼动仪实验和调查所得数据,对小程序界面设计提出了改进意见,有助于提升用户粘性和依赖度,获得更好的用户体验。

 

 

参考文献

 

[1] 叶研.Facebook月活跃用户数量破20亿大关 微信仅为9.83亿. 

http://t.qianzhan.com/caijing/detail/170628-1a4e8644.html,2007-06-28

[2] 肖卓明,吴娴.浅谈小程序在媒体的应用.[J].中国传媒科技.2017-02-15.120-121

[3] 陈星海.基于CUBI用户体验模型的网络消费商业模式创新与应用.[D].湖南:湖南大学.2016-06-27.1-12

[4] 叶东东,李世国.交互设计中的需求层次及设计策略.[J].包装工程.2013-04-20.75-78

[5] 谢伟,幸向阳,丁静雯.基于眼动测试的产品人机界面交互设计研究.[J].机械设计.2015-12-20.110-115

[6] 冯纾,王军峰,王文军.背景色对数字产品界面色彩识别效率的影响.[J].工业设计研究.2016-11-01.27-32

 

 

最佳点击量文章查看

 

基于因子分析的漫画IP评估模型建立

 

基于文献综述探讨未来用户体验设计发展方向

 

从男士审美演变看当代日常箱包的新设计营销模式

 

复杂性社会问题的服务设计—针对罕见病儿童的巴拉度宝宝服务设计案例

 

推荐系统准确度衡量方案-- 引入权重概念

 

社交网络服务的用户持续使用意愿的影响因素模型探究

 

裸眼3D手机用户需求洞察

 

身心障碍共乘系统之服务调查与设计

 

民族志研究如何更好的在企业运用

 

数字界面汉子笔划粗细度对识别销量的影响研究

 

儿童设计思维启蒙创造力和创新力培养

 

探索时搜索中结果空间架构可视化研究

 

手游新手阶段中的引导及乐趣设计研究

 

Design with the Early Adapters——关于90后人群的住宅需求研究

 

数读信息爆炸时代的电影评分信任危机——以豆瓣电影平台为例的改良性设计

 

起步型工具产品数驱全流程设计研究  ——以营销推广工具阿里妈妈APP为例

 

基于家庭情感增进式服务设计研究  ——以阿尔兹海默症中国患者家庭为例

 

0   喜欢

操作成功!
请登录您的邮箱获取新密码,请尽快修改您的新密码!