基于游戏化思维的移动端交互设计

2022-11-17施雄宇范明飞黄妍昕

数字技术与应用 2022年9期

施雄宇范明飞黄妍昕

1.南京艺术学院；2.江阴市融媒体中心

移动端应用近年来的蓬勃发展使得设计师引入游戏化思维以寻求产品差异化，并提升产品粘性、品牌印象与用户参与度等。笔者对其中交互设计的调研发现当前游戏化思维下移动端应用的交互设计没有统一、明确和整体的设计思路指导研究。本论文选题根据案例分析、理论依据，试图通过联系比较游戏化思维与交互设计部分以探寻设计思路的改良从而引导设计方向，为今后优化游戏化思维下移动端应用的交互设计方面提供可借鉴的设计思路。

1 研究背景

1.1 移动端应用的蓬勃发展

随着近年来移动终端的普及，促使移动端应用的大量研发并投入使用，人们获取信息的方式的比重已愈发由传统使用计算机浏览器登陆互联网转换为使用如手机、平板电脑等移动终端上的移动端应用。移动端应用已经成为人们获取信息的主要途径之一。

随着移动端应用市场的趋于饱和，同类别应用因为功能相近，差异并不明显而趋于同质化。移动端应用如何提升用户的参与度和使用意愿成为应用开发者和运营者当下面临的重要难题。

交互设计作为移动端应用开发中的重要组成部分，与用户在使用过程中的感受紧密相连，因此受到设计者着重关注。以往移动端应用交互设计的设计重点在功能架构与用户界面设计上，在市场竞争激烈、用户审美提高的条件下，这样的设计已不能提升用户使用意愿从而提高其参与度。

为解决这一难题，许多设计者尝试在移动端应用引入游戏化思维。

1.2 引入游戏化思维以寻求差异

所谓“游戏化”(Gamification)，是指“将游戏设计元素、机制或原理运用在非游戏内容的方式”[1]。通过引入游戏化思维，设计者旨在提高用户参与度、提高产品粘度以及提升其品牌印象。在使用应用的过程中，创造与玩游戏相似的体验，通过引入游戏元素激励用户行为从而提升用户参与度；设计更多有趣的挑战以提高用户的粘度等。引入游戏化思维对移动端应用在市场上差异化竞争起到有效作用，近年来，越来越多的移动端应用上都出现了不同程度游戏化。

随着游戏化思维在移动端应用愈发广泛地使用，其相关理论研究仍较为滞后，这暴露出许多问题。如设计者直接将游戏机制和游戏元素移植进原本的应用，导致空洞的“套皮式”游戏化；又如设计者直接将金钱和性作为奖励，诱导用户行为，这些都违背了游戏化思维让用户从自身获得情感奖励的设计初衷。

已有研究对游戏化的定义和游戏元素等方面进行了探讨，但针对游戏化思维下移动端应用设计的相关研究则涉及甚少。

1.3 交互设计研究现状

随着移动终端设备的更迭和产品研发技术的提升，交互设计研究领域被不断拓展和深入。越来越多设计师的工作向着交互设计领域转变，用户对于用户体验和交互设计也愈发了解。但国内对于移动端应用的交互设计研究还处于探索阶段，业内没有一套完整的理论体系。因此交互设计师在实际工作中，对于交互设计的交互流程和交互方式并不明确，大都只能模仿市场上已有的案例，很难做出优秀的创新设计。

2 概念辨析

2.1 移动端应用

移动端应用（Mobile Application,App），是指运行在智能手机、平板电脑或其他移动终端的应用程序。相比较传统计算机，移动端应用具有界面整体性、交互方式的特殊性、体验的易用性、信息的易识别性、屏幕的响应性、交互的创新性等特点。

2.2 游戏化思维

凯文·韦巴赫在《游戏化思维》中将游戏化定义为“在非游戏的情境中使用游戏元素以及游戏设计的技术”，将游戏化思维定义为“利用现有的资源创建出引人入胜的体验，从而驱动参与者做出你想要的行为”[2]。

游戏化思维旨在激励人们行为从而提高参与度，它鼓励用户不断进行新的尝试，并且被包括微软、三星、耐克在内的越来越多的企业证明是有效的。

2.3 交互设计

交互设计专家Jon Kolko在《交互设计沉思录》中指出：“所谓交互设计，就是在人与产品、服务或系统之间创建一系列的对话。”“交互设计是一种行为的设计，是人与人工智能之间的沟通桥梁。”因此，交互设计就是通过产品的人性化，增强、改善和丰富人们的体验[3]。

移动端应用的交互设计，是指对移动端应用的用户界面、视觉动效和交互方式的设计，包括用户界面设计、导航、信息架构以及动画、视频和多媒体设计。实际工作中，交互设计师主要承担的工作包括用户需求、用户体验、交互流程、功能特点、视觉特征等。

3 游戏化思维下交互设计在移动端应用中的设计思路

凯文·韦巴赫在《游戏化思维》中曾提出，游戏化通过考量四个核心问题以解决实际问题，这四个问题分别是：动机、有意义的选择、结构、潜在的冲突[4]。交互设计专家詹姆斯·加瑞特提出的5S模型图将交互产品分为五个不同的层次，分别是：表现层、框架层、结构层、范围层、战略层[5]。

笔者借凯文·韦巴赫提出的四个问题分为四个层面看作宏观模型，比较5S模型图，二者模型的各层面可以被粗略地相互对应：动机对应表现层，有意义的选择对应框架层，结构对应结构层、潜在的冲突大体对应范围层与战略层。笔者认为，游戏化思维与移动端应用的交互设计在宏观设计角度具有强烈的相似性，值得进行比较研究。

3.1 视觉内容的情感化设计赋予用户参与动机

动机是指用户从被奖励的行为中获得价值。有效的奖励机制通常都会在游戏化思维下被建立，因为游戏化的本质就是通过激发玩家的兴趣从而引发某些行为的激励方式。这份兴趣在交互过程中直接体现在使用应用时的参与度，而参与度正是交互设计可用性的重要指标之一。

价值在游戏化思维下本质是玩家自身的正面情感，我们真正需要游戏提供能够超越让人短暂幸福的心流和自豪的更为持久的情感奖励[6]。获得价值的方式，也就是唤起玩家正面情感的来源，是评估标准、排行榜、点数机制、徽章机制等游戏元素。这些游戏元素在移动端应用中直接呈现在交互设计5S模型中表现层上的视觉内容中。

视觉内容是用户在使用移动端应用时直接看到的内容，对于情感和情绪的传递是最为直接而强烈的。使用情感化设计思路，以用户的情感和情绪为出发点，对移动端应用的视觉内容进行设计，包括各游戏元素，能更有效地唤起用户的正面情感，赋予用户动机。

3.2 给予用户更多的选项以创造自主空间

简·麦格尼格尔在《游戏改变世界》中提出，游戏较之现实给了我们更满意的工作，这开始于两点，一是明确的目标；二是实现这一目标的可操作性步骤。目标让我们知道自己要做什么，而步骤确保我们立刻向着目标行动[7]。

移动端应用的交互设计最初需要完成产品定位与用户需求分析，从而制定用户任务与使用流程。用户任务就是设计者需要为用户制定的目标，而使用流程的引导就是可操作性步骤。如果用户在使用应用时，全程都被要求按照设计者提前制定的轨道完成用户任务，缺少自主的选择，那么对应用的新鲜感会很快消失。

就像玩家可以在游戏中选取不同角色一样，在使用应用时，用户也需要个性化和差异化的选择。更多的选项设置会给予用户更多的自主空间，如果缺乏自主空间，即使有奖励和反馈也会使用户感到被剥夺主观能动性而乏味。

选项设计属于交互设计5S模型中第四层的框架层，框架层主要完成应用的可视化工作，包括界面设计、导航设计和信息设计，选项设置正是被设计和呈现在界面、导航栏和信息上。

完成应用的可视化设计部分时，应考虑如何在完成用户任务的前提下为用户提供更多自主有趣的选项，而不是固定使用流程和使用体验。

3.3 设计合适的量化体系以衡量行为质量

游戏化思维下的结构指通过量化体系来衡量游戏的质量和用户的行为。移动端应用接受游戏化思维指导的目的是驱动用户做出特定的行为，量化体系可以有效直观地反映出游戏系统的效性和用户的行为质量，进而更好地管理和提高其质量。

交互设计5S模型中的结构层的主要内容是交互设计和信息架构。在结构层，设计者需要针对应用专门设计合适的量化体系。

如应用“哔哩哔哩”有独特的量化体系。用户在注册账户后会有自己的等级，从0到6，根据等级高低用户享有不同的权利和限制，例如投稿视频与发弹幕需要达到等级1；特殊弹幕和发表评论需要达到等级2；删除视频标签需要等级4等。

提升等级需要积累经验值，而获取经验值的方式多种多样，例如每天分享视频获得5点经验值；为视频投一枚硬币获得10点经验值等。达到最终的等级6需要获得高昂的28800点经验值，只有资深用户才能达到。

许多移动端应用不需要这类明确的点数设置，但同样需要某种形式的量化标准，借此区分用户在行为上的质量差异，从而更好地让游戏化服务应用。

3.4 设计与原有机制相协同的游戏机制

交互设计5S模型中的战略层位于最底层，聚焦产品目标和用户需求，第二层的范围层设计应用相关功能和内容。设置何种游戏机制须结合战略层的产品目标和用户需求，比较在范围层固有的奖励机制，选用与之不冲突的、情理上都合适通顺的游戏机制。

在设计游戏奖励机制前，设计者需要先找出应用现有的激励方式，考虑现有机制如何与游戏化机制协同运作。

理想的游戏化需要这四个因素在五个层面的共同作用，在用户需求阶段修改和避免错误相对容易，因此设计者需要在此阶段根据这四点针对应用探寻最适合的游戏化。

4 结语

4.1 不将游戏化滥用于移动端应用

游戏化思维的指导，其奖励机制和反馈系统的使用该用在什么应用、用在什么部分、用在什么时候都必须经过仔细地思考和设计。在凯文·韦巴赫对游戏化的定义“在非游戏的情境中使用游戏元素以及游戏设计的技术”中“游戏设计技术”所要解决的问题，就是如何决定哪些游戏元素用在哪里[8]。正确使用游戏设计技术使得游戏化更有乐趣、更易上瘾、也更具挑战性，其关键在于使用户保持良好的情感共鸣，而不是直接套用游戏元素和机制。用户真正需要的，是比外部因素诱惑更为持久的自身情感奖励。