电商游戏专题03：交互设计篇
之前的两篇文章分别介绍了电商游戏的设计理论和玩法设计，感兴趣的同学可以关注下。
电商游戏专题（1）：游戏理论篇
电商游戏专题（2）：玩法设计篇
今天我们一起来分析下电商游戏交互设计的细节，本文包含3个方面内容：
- 游戏布局方式
- 游戏视角设定
- 游戏交互操作
一、游戏布局
1. 沉浸式体验
对于更加强调“心流”体验的游戏类产品，沉浸式通常是必备的设计方式；一方面可以构建游戏的整体性，营造游戏氛围，有利于用户沉浸其中；另一方面可以增加页面内容的承载空间，传递给用户更多信息。
2. 布局结构
电商游戏没有复杂的玩法，内容也比较明确，可以分为游戏操作、功能扩展、营销活动三大内容模块。
通常运营活动优先展示在游戏左上方，有利于增强用户感知；右侧为游戏辅助区包括攻略、动态、装扮等信息；底部为核心游戏操作区，功能项一般比较固定，可以减少用户记忆成本，按钮横向排布的方式，方便用户浏览和高频操作。
页面结构和内容布局会影响到用户对产品价值的认知。游戏的价值点不同，采用的布局方式也不同。
免费领实物类的游戏，与购物行为没有直接的关系，并且养成周期比较长，需要拆解出一个个小目标吸引用户持续投入，因此页面中嵌入的玩法比较多。
但是用户精力毕竟是有限的，玩法过多会造成用户没有精力浏览商品，所以需要借助任务玩法来驱动用户浏览商品和下单转化。
因此从业务和用户需求的角度，免费领实物游戏方式更适合采用全屏化布局，比较典型的就是“多多果园”。
代金币是虚拟价值，用于购物结算时的抵扣或者优惠券的兑换，单纯的数字增长很难带给用户持续投入游戏的动力，需要通过商品曝光增强用户的价值感知。
因此游戏布局主要采用“游戏+商品”的方式，另外商品、购物券等内容展示，可以缩短用户浏览商品的路径，提升转化率，例如淘宝的“金币小镇”。
当然布局形式并不是绝对的，需要综合考虑多个因素选择游戏布局；芭芭农场集成了两款游戏，为了游戏操作体验一致性，“免费领水果”下方也增加了商品曝光，也是对玩法不足的一种补充。
二、游戏视角
电商游戏比较简单，更多是静态场景，没有画面切换和视角转换，游戏画面展现主要包含45度俯视和正视两种视角。
45度俯视角是较为常见的游戏视角，适合展示更多的画面内容；例如包含了多幅地块的农场类游戏，通常将核心的操作融入在游戏画面中，为了提高用户的识别和操作效率，需要通过一定的交互形式引导用户操作。
正视角通常只有一个核心游戏主元素，可以通过细节的变化带给用户一定的成就感，例如果树的生长过程变化；但是正视角也有一定的局限性，可能会造成画面过于单调，需要搭配一定的场景元素丰富游戏画面。
三、游戏交互
用户行为过程会激发体验感知，这其中包含了引导、行动、反馈3个大的交互节点。
1. 引导
1）新人引导
虽然电商游戏大都比较简单，但是为了让用户尽快熟悉游戏，或者避免用户未体验就退出游戏，一般游戏都会增加操作指向性更强的新手引导。
不过新手引导不宜过长，聚焦游戏主玩法以及核心价值的呈现，目的是建立用户对游戏的第一印象，激发用户更强的游戏兴趣。
2）操作引导
日常引导主要包括“动效弱引导”和“弹窗强引导”。
金币小镇主要采用的是动效引导，旋转的风车、金币，抖动的赚金币按钮，形成了单独的视觉层级，保证了关键信息与纷繁的游戏画面分离开来，更好的引导用户操作。
多多果园在微动效的基础上，采用了“强运营”的策略，在用户行为过程中添加了各种弹窗引导用户领券转化；游戏初期确实带给用户很大的干扰。但是对于特定的用户群体，“免费”具有极强的号召力，一旦用户上瘾，这种交互方式便不再是行为阻碍点。
2. 行动
1）体验感知
我们在交互设计时都会优先考虑用户的操作成本，但游戏设计中，在关键节点需要充分考虑体验感知，带给用户更强的“爽点”刺激。
蚂蚁森林、芭芭农场等游戏中，能量或果实需要多次点击逐个收取，目的是增强用户游戏中的获得感；辅助收取动效，强化果实收集入账的“爽感”。
芭芭农场甚至将升级获得的15个阳光，拆分成5个收集点，让用户逐个点击收集；目的也是为了增强用户对游戏等级成长的认知和记忆，激发用户更强的游戏动力。
2）效率提升
在辅助功能或者行为路径设计上，需要提高用户的操作效率，避免用户因为操作繁琐而放弃。
为了提升用户的操作效率，最近蚂蚁森林在右下角增加了“逛一逛”功能，可以直接定位可偷取的好友，减少了用户的操作成本，更好的让用户参与社交互动。
游戏中的任务系统作为辅助功能存在的，主要目标是完成流量分发和提高转化；当任务数量较多时，逐个领取确实会降低用户操作效率。
在“金币小镇”中，增加了“一键领取”功能，可以增强用户效率，同时配合任务界面上方收益提升的动效变化，带给用户更加强烈的游戏爽感。
3. 反馈
为了丰富游戏的趣味性，增强用户的行为感知，电商游戏在用户行为反馈上会进行适当的夸张处理，动效就成为了重要的表现形式。
例如浇水或许施肥后，果树会有成长动效；果实收集也增加了快速落袋的动效，营造游戏的爽点。
而蚂蚁庄园则通过动效，构建出完整的故事情节，增加游戏的趣味性；例如小鸡去好友家蹭食时，采用了快速飞奔、急不可耐的动效。从别人家召回时，一副吃饱了慢吞吞挪步的样子；让整个游戏的设定非常自然合理，又给用户带来趣味性。
四、总结
游戏化产品在电商领域已经全面普及开来，各个平台都推出了3-5款游戏产品，游戏之间相互串联形成游戏集群，力求带给用户一站式的游戏体验；核心目标是希望借助低门槛的游戏，降低获客成本，形成稳定的用户流量。
游戏产品的定位，要求交互设计简单、有趣，带给用户爽感和趣味性；因此在设计中加入了更多的动态效果，让单调的游戏画面更加生动，同时更好地激励用户行为。
相信电商平台都已经尝到了游戏化产品带来的甜头，未来会有更多的玩法和设计出现。
电商游戏专题就到此结束了，欢迎大家留言交流～
文章链接：
电商游戏专题（1）：游戏理论篇
电商游戏专题（2）：玩法设计篇
#作者#
子牧先生。公众号：子牧UXD（HelloDesign）。产品体验设计师。8年互联网行业经验，擅长体验设计思维、设计方法论、交互设计研究。
版权声明
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！
