基于用户体验的购物APP设计研究

刘桂华 王钰珂

摘要：网购充斥于我们的生活之中，众多购物APP竞争激烈，如何在众多的APP中脱颖而出已成为重中之重。良好的用户体验，已然成为购物类APP的核心。APP在拥有功能性与视觉美的完美结合、共性与个性的相互补充的同时只有符合用户需求、具有安全感、良好交互性、界面视觉完善的购物APP才能获得用户的青睐，提升用户的参与度，提高用户的忠诚度与喜爱。

关键词：用户体验;购物APP;交互设计

中图分类号：J524 文献标识码：A

文章编码：1672-7053（2019）03-0147-03

在我国互联网络的发展以及电商产业的壮大，我国网民数量和网购人数都在迅速壮大。根据中国报告大厅的数据调查我国网民使用网络购物的比例从48.9%提升至55.7%;手机团购用户规模达到1.19亿，增长率为45.7%，手机团购的使用比例由16.3%提升至21.3%[1]。不难从数据中看出我国的网络购物用户不断增加，网络购物的便利性在人们的生活中起着越来越重要的作用。随着网络购物用户数量的逐渐升级，手机购物类APP产品也逐渐踊跃出现，从最初的淘宝、天猫到现在的拼多多。那么如何在这些众多的产品脱颖而出就成立至关重要的问题。

现在每一款APP都在不断改善自身产品的细节，每一处都更加注重客户的需求使客户获得良好的体验，这些就是用户体验。每一款APP都是建立在用户的需求体验之上的。因此良好的用户体验在APP中起着至关重要的作用，愉悦的用户体验可以加深用户对产品的良好印象从而继续使用。那么一款APP以用户体验为基础，从用户需求为出发点，在此基础上以递进层次出发到用户的交互体验，再到表层的视觉体验。每一层次都呈递进式，不可或缺。

1 购物类AP用户需求及其影響因素

1.1 符合用户心理的需求

当打开一款APP时，首先要使用户可以快速地习惯所使用的，并且可以流畅连贯地了解APP的内容，且快速地了解到所关注的内容位置，这就需要建立符合用户心理的模型。在进入APP流畅的用户体验可以大大提高用户的使用心理，反之则会使用户陷入选择混乱。目前在众多APP中，首次进入都会对用户进行指示性引导，使用户对APP有基础性的了解，这样在用户的使用之初就对APP有了基础的心理模型概念。其次在购物APP内信息的显示尤为重要，这些板块通过信息的图标设计、色彩运用等与整个APP的搭配构建符合用户的心理模型越高越受到用户的接受，带来良好的用户体验。根据用户视线的移动习惯：从左到右、从上到下成顺时针方向移动。在购物类APP界面中，用户经常使用的搜索栏、导航栏、动态活动广告栏被放在页面最上面，这是根据用户的使用习惯将重要的活动信息放在用户视线重要位置进行提醒。除去基础板块如搜索、导航、广告栏等，还有许多商品信息的浏览也非常重要，在浏览产品时APP会将用户已经收藏或看过的产品放在产品的最上端加深用户的购买欲望。根据用户习惯及逻辑思维模式的需求，建立符合用户的心理模型。通过有效的界面布局使用户流畅地使用APP，突出了用户在使用过程中的主导性，而不是根据信息提示被动操作，真正做到了以用户为体验主体，从用户心理出发，建立了符合用户心理的信息表达模型[2]。

1.2 影响因素

人们在选择使用购物APP时在用户体验上更加倾向于功能便捷，使用交互感顺畅的购物类APP，界面上也更加喜欢的体现简洁的产品。对于购物者来说，影响使用，并且购买的因素包合：（1）界面的视觉印象;（2）见面的操作便利性;（3）见面的海量信息精确定位。

1.2.1 界面的视觉印象

界面的视觉感取决于APP进入好的第一印象良好的视觉形象，可以使女性购物APP产生兴趣，并对其信任如果一个APP购物界面过于复杂凌乱会使女性消费者会产生烦躁的情绪，则回会对APP大打折扣。就如同我们在商场中一样，在未进门之时，就会体会到商品是否符合要求和定位见面的第一印象就是门面APP通过商品信息浓缩到一个移动屏幕，通过界面总体风格、文字、排版等展现给消费者。

1.2.2 界面操作的便利性

操作即交互，是人与机器的交流。流畅的交互会使人产生良好的用户体验，就如同人与人的交流一样，人与机器即APP则是无声的交流，流畅的交流可以使人身心愉悦，并且继续使用，否则反之。良好的操作步骤信息构架非常重要。

1.2.3 界面信息的精准定位

人的大脑的记忆是有限的单位，在短时间内将大量信息存储在人的大脑中是非常困难的。只有精准定位适量信息才能使女性消费者记忆深刻，从而促进快速抉择并消费。通过信息架构的流畅性、操作细节的效率，使消费者获得可读性精确信息，信息的可转化率非常重要。

2 购物APP用户体验层面的交互设计方法

2.1 隐喻化设计

隐喻是一种实际形式的思维模式，它把现实生活中的已知的、熟悉的思维模式嫁接、转移到新的环境中，使人们在接触新鲜事物时产生连续性从而达到目的。在交互设计中，设计师通过隐喻的方式将现实与虚拟世界相连，将现实生活中活动的逻辑思维方式或事物的图像形式创建在虚拟世界中。例如在现实世界商场中的购物车与虚拟购物APP中的购物车的重叠就是非常常见的隐喻方式。

2.1.1 隐喻的内容

购物APP虚拟世界的活动与现实世界中的活动相互链接、重叠，通过使用隐喻的方式建立与现实生活相联系的模型。利用用户熟悉的购物方式、环境的思维模式，通过在APP交互界面中创建与其相似甚至是完全相同的虚拟购物情景及操作功能，增加界面元素隐喻，这样可以很快的使购物者熟悉APP的交互界面。

使用购物APP的用户同样会在商场或超市中选购商品的经历，常见的在商店中购物的逻辑思维是：我们在超市中推着购物车观察商品，并判断所需商品的位置，在所需商品区域通过了解货架上面标注的货品类型标签寻找所需商品，通过对商品的价格、样式、质量等进行了解（或者询问客服人员）后，选择适合商品放入购物车，进行结账支付完成交易。在商场则是首先通过导购牌选择需要商品所在区域。进入后通过选择喜欢的品牌进入选择购买。在购物类APP中，购物方式与现实中的购物方式有相似之处。在网络商店购物的程序是：

点击图标——进入主页——浏览产品分类（或搜索所需物品类型）——选择所需产品——查看产品价值质量信息——询问客服——加入购物车——进入结算中心——填写收货地址——选择支付方式——完成交易。

2.1.2 隐喻方法

在使用购物APP时通过建立符合用户需求、使用习惯、购物逻辑思维的步骤模型使用户体验到与现实生活相符的购物模式，弥补由于初次接触APP带来的不适，通过步骤提醒使用户熟悉。如购物车是我们现实生活超市中的实物，通过图片化的模式投射到购物APP中，通过点击购物车开始进行结算支付活动，以此建立联系完成熟悉度。而活动中的banner功能也是类比超市中播放打折促销信息。隐喻的方式是通过对虚拟现实的比较关联，通过用户的逻辑思维以及APP的需求进行建立适合的交互方式已经。这种交互方式也是跟随者用户的需求而变化的。

2.2 游戏化设计

游戏化设计是一种新型的交互设计手法，其目的就是给用户带来更好的用户体验。如何使用户更加简单而有趣的体验并保持对其兴趣，这就要求设计师不断探索新的方式吸引观众。游戏化设计不是游戏设计，游戏化设计是将游戏机制运用到非游戏环境中设计。例如我们的购物类APP中的一些交互环节，在APP中你希望用户与APP产生跟多的互动，你可以在APP中添加一些挑战类的游戏体验。如在拼多多这个APP中就有大量的挑战类游戏化应用（如图1、图2）。在APP中的通过浇树获取水果以及猫粮打卡活动，拼多多中浇水种树活动不但可以浇水使树木成长也通过收集水滴的方式使用户大量停留在拼多多这个APP上，吸引用户的注意力同时使用户与好友分享从而引来更多的用户。用户通过不断的与APP产生互动，与从而使双方达到目标。现在众多APP如支付宝的喂小鸡献爱心、微薄的跑步打卡活动等都开始使用这种交互模式来吸引用户。虽然活动种类各不相同，但使用户在使用的时候带着游戏的乐趣与挑战。APP通过游戏化的设计来吸引影响用户的活动行为，通过游戏的机制来刺激用户，完成挑战目标达到预期需求的方式。

那么如何可以通过游戏化设计提升用户体验呢？游戏化设计是需要使用多种游戏机制相互结合的一种复杂设计手段。常见的游戏化设计类型包合：活动挑战、积分体系、徽章和贴纸、排行榜、旅程地图。

在如今众多的APP中游戏化设计无处不被体现在其中。游戏化设计吸引了用户对于APP的注意力，并提升了用户体验的程度。游戏化设计给移动应用增强了趣味性。人们在APP中享受着游戏般的乐趣、挑战，通过目标的完成达到预期值从而获得移动应用所带来的乐趣。通过这些游戏化设计，用户完成其中的任务，使用户更长时间在APP中从而达到设计者预期的目的。

游戏化设计现在是一种主要的设计方法之一。在大量的购物类APP中都可以体现，最为常见的就是积分制度。拼多多APP中的游戏化设计就很好的宣传了自身，并将乐趣带给用户。现如今，游戏化设计是一种重要的设计方法论，目前也在积极地被证明是一种有效的设计方法[3]，同时，它的受欢迎程度也在快速增长，因此这种设计手段正在成为一种新的设计趋势。

2.3 购物APP用户体验层面的界面设计

界面设计是整个购物类APP的基础。良好的界面设计在用户体验中起着至关重要的作用，是用户体验APP时的第一印象。界面设计包合布局、色彩、文字、图像、功能等多个部分。在界面布局需要遵循用户使用的习惯方式，视线的一般规律为从上到下、从左到右的方式进行阅览，在这些的基础上增加重要的内容通过滚动、加大等方式突出重点（例如界面的banner）。界面的布局有九种类型，在购物类APP中常见的方式为旋转式、陈列式、选项卡式等（如图3、图4、图5）。通过多种方式的排列组合可以达到页面整体清晰、主次分明、便于操作等优点。

界面色彩需要统一，具有针对性。例如常见的女性购物类APP是以女性需求为主，多采用粉色、白色等女性中意的颜色。设计师在设计时要根据APP使用人群的需求、习惯以及使用情景等进行选择。购物APP的icon也需要与界面色彩统一、图案简洁，好的icon可以使人留下深刻印象。设计使在界面色彩的选取上要根据使用人群对于产品的需求进行决定，同时需要按照人类视觉生理特征选择，保证使用者的舒适度，防止使用者的视觉疲劳。在文字与图像安排上也要适宜得当，与整体协调，文字和图片承担着产品信息传达与内容说明的重要作用，图像与文字设计的紧密与宽松都会产生影响效果。界面的banner虽然是滚动式，但颜色、布局要与界面其他要素相协调，banner虽然要与界面协调但作为界面的活动也要有突出点以达到提示用户的效果。在功能上除了传统的购物APP所具备的功能外，更是要有自身所独具的特色，才能在众多购物APP中脱颖而出。以最近女性钟爱的小红书APP为例对布局进行分析（表1）。

界面设计作为购物APP设计的表层设计应该是人性化的设计。移动应用产品在面对不同的用户主体时，要根据主体人群的需求做出选择。产品的设计要有丰富的人情味、与众不同的设计要素，同时要能够满足用户的审美需求[4]。无论是APP产品界面的布局、色彩还是功能设计，都要充分考虑到用户的情感需求，以确保用户不会产生接触电子设备的冰冷之感，仿佛在使用日常生活中似曾相识的物品，油然而生一种亲切感[5]。界面就如同人们的脸面一般，人们都是把最好的一面展现在世人面前，那么界面也是这样将最好的一面展现出来，这样的界面就是需要人性化的设计展现在我们的面前。

3 总结

市场中充斥者众多的购物类APP，如何做出一款使用户具有良好用户体验的APP？首先需要将用户作为产品的中心，用户是产品的最终核心，只有着眼于用户的需求才能，才能在此基础上设计出符合用户需求并体验良好的产品。通过交互设计以及界面设计的整体统一效果共同达到。APP设计与现实生活需要相互连接，将人们在现实生活中的逻辑思维带入到产品中便于人们的操作互动。同时在具备趣昧性的APP才更能吸引用户，并保持对其兴趣。界面的布局、色彩等也需要协调统一，简洁的界面才能使人清晰，易于操作。APP在拥有功能性与视觉美的完美结合、共性与个性的相互补充的同时只有符合用户需求、具有安全感、良好交互性、界面视觉完善的购物APP才能获得用户的青睐，提升用户的参与度，提高用户的忠诚度与喜爱。

本文是教育部教育科学规划重点课题“动画专业本科卓越人才培养模式研究，，（项目编号DIA150309）的阶段研究成果。

参考文献

[1]中国报告大厅.我国网上购物人数数据分析[DB].www.chinabgao.com

[2]雷莉亚.时尚购物类APP的交互设计趋势研究[J].湖北美术学院.2017

[3]MicroUX.如何在用戶体验中加入游戏化设计，提升用户的参与度？[DB].https：//mp.weixin.qq.com/s/5guPs4gF0G3uYakZhP249w

[4]熊英，张明利.基于用户体验的互联网产品界面设计分析计[J].包装工程，2016（2）：88-91.

[5]MAGGIE M.源于自然的设计——设计中的通用形式和原理[M].北京：机械工业出版社，2013.