玩游戏一时爽，一直玩一直爽！淘宝「野生小伙伴」设计回顾

什么？！淘宝也能玩游戏？？

没错！提升产品粘性和用户活跃是每个平台的永恒主题，手机淘宝从去年开始在游戏化的道路上做一些尝试，希望用一些轻量有趣的游戏方式，给淘宝用户带来除购物外新的体感。

▲ 「野生小伙伴」游戏截图

「野生小伙伴」就是由此孕育而生的一个公益向的游戏化产品。本文将从设计的角度逐步拆解我们是如何设计这个这款游戏的体验与内容，也会分享一些设计上的经（tao）验（lu）给大家～

丰富游戏体验，足质足量吸引用户

─

如果说电商APP主要是靠商品来吸引用户，那么游戏靠什么呢？可能是靠故事，也可能是靠玩法，当然也有可能是游戏画面等等，这些东西都是丰富游戏体验，吸引用户的因素。「野生小伙伴」在设计的时候，自然也考虑了这些方面的因素。接下来我们将一步步分解「野生小伙伴」在制作时的设计方法探索。

01. 先讲个好故事：构筑游戏背景

游戏产品和一般产品不太一样，我们需要先讲好一个「故事」，也就是交待好游戏背景。这样能让游戏规则与玩法的合理化，也让这个游戏体验起来更加有趣。

我们以漫画的形式，通过对动物现实处境的描绘，告诉用户有很多需要被帮助的动物，再把需要帮助的动物呈现出来，让用户选择自己喜欢的动物进行守护。

▲ 以漫画的方式介绍游戏的背景设定

用户通过上面这个漫画的内容，已经了解了游戏的背景设定了。用户即将进入游戏界面，真正开始玩游戏了！

接下来就是游戏里非常重要且核心的一个内容——游戏画面架设。

02. 「一见钟情」很重要：游戏画面架设

为什么这个部分很重要呢？在用户没有深入了解游戏的情况下，我们只能靠游戏画面的来吸引用户，让用户愿意留下来并继续了解游戏。自然而然，游戏画面就是用户进入游戏初期强有力的抓手之一了。

建立游戏画面，我们需要先确定画面的「构图与布局」。我们先以手机热区图的作为参考（方便用户单手操作），大致确认了画面主体的构图位置。

▲ 画面主体应当靠下，方便用户单手操作

画面主体的位置居中且靠下，那么自然就是中心构图，保持画面整体左右的平衡就是需要注意的部分了。

我们在初期草图阶段的时候，构思了画面的组成元素。比如非洲大陆需要树、山来配合，而海底需要一些岩石、海草组合，从而让画面达到左右平衡的效果。

▲ 中间为非洲大陆场景初稿，右边为太平洋场景初稿

有了基本的「构图与布局」，接下来就是尽可能的丰富画面。如何丰富画面？那就是在「画面层次」上下功夫。

我们构思了画面主要的层次部分，分别有前景、中景、远景三个大层次，每个层次都有其自己的作用。

▲ 拆分画面层次，量化画面组合内容

这样去拆解画面层次也有其他的好处。就算游戏场景是由不同画师制作，有了上图的解构，就能马上理解画面组合方式，顺利进行场景设计的组合与搭建。

到这里，我们的场景设计思路基本讲的差不多了。游戏画面除了「场景」还需要什么？自然就是画面的另一个核心——主体。

▲ 游戏中的三种动物（北极熊、非洲象、江豚）

我们的手淘超过一半以上都是女性用户，那么在设计动物主体的时候自然需要考虑到女性这个群体。女性用户喜欢什么样的动物？当然是可爱的动物！（现在的云撸猫、云撸狗不要太火好不好）。

首先，我们定义了动物主体的绘制方向。

1.形体比例基于真实，向抽象偏离一些

▲ 基于真实动物比例绘制的案例（图片来自网络）

2.皮肤、毛发刻画保留基本质感

▲ 动物毛发的绘制案例（图片来自网络）

3.可爱🐶、可爱🧡、可爱😍、可爱即正义！

▲ 真实形态 vs 美术定义

当然每个人对于「可爱」的定义不一样，我们则是以五庭间距、头身比例、眼睛这 3 点作为「可爱化」切入点。

通过上面的 3 点美术风格上的定义，我们绘制了动物主体的美术稿，这里以北极熊为例（很多用户说这个很可爱😂）。

我们主要调整了北极熊的头身比，可以发现绘制的北极熊头身比略微夸张。同时我们还调整了五庭间距与脸型，让两个眼睛的距离拉开，脸型更圆。当然，最最最最重要的就是把眼睛「萌」化，这样动物看起来就会更可爱了～

▲ 北极熊的一些局部特写

到这里，「游戏画面架设」的部分就完成了。

03. 好好玩游戏才是正事：丰富游戏玩法

游戏当然是做给用户玩的啊，能好好玩一玩才是正事！所以我们也玩法上做了一些创新型的尝试（设计师扛起了游戏策划的责任😢）。

在玩法设计上，我们有一个思路，即：用尽可能多的内容去丰富游戏玩法。如何理解这句话呢？那就是利用游戏题材「独有的内容」去设计玩法，不仅可以丰富游戏的趣味性，还可以让玩法的设计更加贴近游戏。

举个栗子🌰，我们的游戏是动物题材，那么是不是就可以去用一些动物或者动物的知识来作为丰富游戏的玩法之一呢？探索玩法孕育而生。

探索玩法是一个固定 CD 的功能（一定程度上吸引用户回访），玩家可以通过探索地图了解到其他动物知识，其他的濒危动物图鉴，甚至是可能认识的人（建立基友关系👭）。

▲ 探索玩法中出现的动物图鉴、动物小知识内容

我们还设计了一种「答题玩法」。我们把动物会遭遇的真实事件改编成一个个题目，让玩家参与决策，而这些玩家做出的这些决策则会影响动物的成长速度。

▲ 基于真实事件改编的答题玩法

除了这些，我们也有一些基本的玩法，比如好友互动、搜集要素（为强迫症准备）、动物互动等，这里就不展开一一说明了，好奇的同学可以亲自去游戏里体验一下～

做完了游戏里这些内容，游戏外我们也尝试做了一些新东西。同学，你可以继续往下翻了（写了这么多，你真的要好好读啊）。

宣传游戏品牌，拓展内容边界

─

光游戏里热闹可不行，我们还尝试了其他的方式来给游戏来带更多的可能性。

01. 传播型H5的设计尝试

为了给游戏带来一些新的用户，我们实验性的做了一个与游戏题材相结合的测试类 H5 ——「测测你的 2019 年求生欲」。整体的设计思路为：以「求生欲」为主题，将生活场景与网络段子为素材设计测试题目，把不同人的求生欲「动物化」，给予能引起用户共鸣的专属结果。

▲ 「测测你的 2019 年求生欲」

项目上线之前，我们把 H5 进行了小范围投放测试，测试了之后也得到了一些有意思的结论：比如在流程设计上哪些流程会造成比较大的用户跳失，保存图片的按钮应该怎么设计，以及分享链路出状况时如何准备预案迅速应对等等（ 具体结论涉及保密，恕不展开介绍哦）。

H5 全量上线以后，从数据上看为游戏带来了明显的UV增量。现阶段尝试用新的设计手段，为产品、业务带来一些新的可能，确实是设计师未来可以去做的一个方向。

02. 动物IP强化，拓展更多内容方向

我们还做了一些动物的表情包，强化游戏里的动物 IP。还是以北极熊为例（怎么老是你？），北极熊是比较有毅力的动物，所以在表情包的设计上会把它塑造成一个努力奋斗的角色个性。不过还没完成，先展示一部分内容，未来做完以后会放出来的（别催， 会做）。

▲ 猜猜第一排第二个的灵感来自哪里？

写在最后

─

「野生小伙伴」项目从立项到全量上线其实只花了两个多月的时间，上线这段时间以来，我们也收集到不少问题与建议，目前也在逐步优化解决中。我们尽可能的为游戏“添油加醋”、“缝缝补补”，也是希望游戏能以最好的状态展示给用户，让游戏的体验更进一步。

现阶段，游戏化设计对手淘来说是探索性的尝试，对设计师来说也是一个涨经验的过程。希望设计师对于游戏化设计的思考，能够给予其他产品方向一些新的经验与可能性。

未来，作为设计师一定要多职能的去把握产品，不断突破自身的局限，才能实现更大的设计价值。

////// END //////

往期好文

─

淘宝设计，一个服务于全球亿万消费者体验的设计团队，致力于让设计触动人心，让商业美而简单。

简历投递：[e-mail]

公众号   抖音      知乎      微博

淘宝设计 淘宝设计部的故事 淘宝设计 淘宝UED