火星网校
在网页中如何践行游戏化设计?研习一下这7个案例吧
发布时间：2024-01-12 11:20:41 浏览量：192次
游戏化设计的概念由来已久，设计师从游戏当中汲取经验，将游戏策略运用在非游戏类的应用和网站当中。在一个很长的时间里，设计师对于游戏化设计有过不少探索，总结了不少的经验和教训。不过，对于游戏化设计，我们依然需要保持探索，在实践中不断总结经验。
就目前来看，游戏化设计的总体策略，仍然是将类似游戏的功能、机制、策略和UI元素转化注入到网站或者APP当中。
在今天的文章当中，我们将使用7个不同的、采用了游戏化设计的网站作为范例，来探讨一下它们的设计策略和实现方法。其中的很多设计手法可能你以前都见过，但是并未将它们视作为游戏化设计。在寻找范例的过程中，我尽量选取网页和Web应用，如果你在APP中寻找类似特征的案例，应该也不会太少。
1. Habitica
游戏化设计元素：经验点，关卡，升级，装备等。
在诸多网站当中，Habitica是我看到最贴近游戏设计的网站。设计师直接将游戏设计的原理和机制应用到 Habitica 的设计当中，以至于它整个给人的感觉就是一个游戏。这个网站是借助游戏化的策略帮你养成良好的习惯，改掉坏习惯。
当你开始使用它的时候会发现，它是通过类似角色扮演的方式来做到这一点。当你花费时间培养新习惯之后，会获得积分。屈从于旧习惯，你会失去积分。而当你积攒了足够的积分，就能升级了。
2. Zurb
游戏化设计元素：发现物品，成就系统。
Zurb 可能是这个列表当中距离游戏最远的一个网站了，你甚至可能很难察觉到游戏化设计的痕迹。你需要在阅读网页的时候，尽可能找到牛这个元素。当你找到之后，就可以将它搜集起来，有一个页面专门供你“放牛”。这是网站促进用户尽可能多地阅读网页内容的一种方法，简单，但是非常有效。每一个搜集癖、囤积控和强迫症患者都无法忍受无法完整搜集这件事情。
3. LinkedIn
游戏化设计元素：竞争机制，成就系统。
也许你使用了很长时间的 LinkedIn 都不会意识到它正在使用游戏化机制。但是LinkedIn确确实实借助游戏化的机制，鼓励你逐步完胜你的个人资料，它将你的每一个操作和任务都积分化，成就化，通过一个进度条隐性的督促你去不断完善，以达到100%。
LinkedIn 就是在竭尽全力触发你身上的“补完”本能。除此之外，网站通过展示那些填写信息完整的成功人事，点燃你的斗志，结合各种建议和引导，促进你主动去竞争、完善。
相比较而言，LinkedIn 在游戏化设计上更为微妙，不过这也更加符合它们的特点。
4. Klout
游戏化设计元素：竞争机制。
几乎所有的社交媒体都在一定程度上使用了游戏化设计的策略。不过Klout 在这方面做到了更进一步，他们将激烈的人气竞争运用到了社交媒体当中，并且将每个用户的受欢迎程度量化，确保了用户和用户之间可以直接而清晰地竞争。
Klout 允许你将所有的社交媒体帐号关联起来，通过向你展示其他处于领先位置的帐号，并且为你提供发布内容和升级的路径，来推动整个平台的活跃度，强化用户之间的互动。
5. Zoho Motivator
游戏化设计元素：竞争机制(困难模式)
Zoho Motivator 是 Zoho 的办公套件的延伸工具，它从 Zoho 的 CRM 工具中获得数据，来衡量每个销售人员的能力。它能够通过计算生成潜在用户，创建销售目标，并且衡量结果。销售人员可以在“友好”的比赛中竞争、排名。
这会是友好的比赛还是残酷的竞争，主要取决于企业的环境和状况，但是总体来说，想要在激烈的销售竞争中胜出，这个游戏总体上还是处于困难模式的。
6. Interland
游戏化设计元素：测试，谜题和平台等。
Game elements: quizzes, puzzles, platforming, and
在这7个案例当中，Interland 这个网站简直是Bug一般的存在。作为一个针对儿童的网站，它主要是教授他们以互联网安全和互联网礼貌的平台，为此网站当中几乎全都是各式各样的小游戏。这种策略好则好矣，可惜绝大多数的网站并不能完全借用它的策略和经验。如何正确地通过游戏来教育，这依然是一个值得研究的问题。
7. Quizzes in general
游戏化设计元素：测试，竞争机制。
其实，网络上存在最久的游戏化设计的形式，应该是在线测试。最著名的在线测试包括 Facebook 测试，Buzzfeed 测试，以及来自 The Oatmeal 的测试。
虽然测试本身并不会直接地推动交互，但是它们常常被视作为有效的营销工具。
结语
游戏化设计的方式其实非常之多，你可以从各种游戏当中积攒经验，结合你的产品进行合理的设计，充分利用设计心理学调动起用户积极性，创造出高参与度的产品。看看Robby Leonardi’s interactive resume这个网站吧，即使是纯粹的使用游戏化的视觉，同样能够驱动用户和网站进行交互。
热门课程推荐
热门资讯
-
探讨游戏引擎的文章，介绍了10款游戏引擎及其代表作品，涵盖了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戏设计领域和数字艺术教育的重要性，欢迎点击咨询报名。
-
2. 手机游戏如何开发(如何制作传奇手游，都需要准备些什么？)
如何制作传奇手游，都需要准备些什么？提到传奇手游相信大家都不陌生，他是许多80、90后的回忆；从起初的端游到现在的手游，说明时代在进步游戏在更新，更趋于方便化移动化。而如果我们想要制作一款传奇手游的
-
3. B站视频剪辑软件「必剪」：免费、炫酷特效，小白必备工具
B站视频剪辑软件「必剪」，完全免费、一键制作炫酷特效，适合新手小白。快来试试！
-
游戏中玩家将面临武侠人生的挣扎抉择,战或降?杀或放?每个抉定都将触发更多爱恨纠葛的精彩奇遇。《天命奇御》具有多线剧情多结局,不限主线发展,高自由...
-
5. Bigtime加密游戏经济体系揭秘，不同玩家角色的经济活动
Bigtime加密游戏经济模型分析，探讨游戏经济特点，帮助玩家更全面了解这款GameFi产品。
-
6. 3D动画软件你知道几个?3ds Max、Blender、Maya、Houdini大比拼
当提到3D动画软件或动画工具时,指的是数字内容创建工具。它是用于造型、建模以及绘制3D美术动画的软件程序。但是,在3D动画软件中还包含了其他类型的...
-
7. 3D动漫建模全过程，不是一般人能学的会的，会的多不是人?
步骤01:面部,颈部,身体在一起这次我不准备设计图片,我从雕刻进入。这一次,它将是一种纯粹关注建模而非整体绘画的形式。像往常一样,我从Sphere创建它...
-
8. 如何自己开发一款游戏(游戏开发入门必看：五大独立游戏开发技巧)
游戏开发入门必看：五大独立游戏开发技巧无论您是刚刚起步开发自己的第一款游戏，还是已经制作了几款游戏，本篇文章中的5大独立游戏开发技巧都可以帮助您更好地设计下一款游戏。无论你对游戏有着什么样的概念，都
-
三昧动漫对于著名ARPG游戏《巫师》系列，最近CD Projekt 的高层回应并不会推出《巫师4》。因为《巫师》系列在策划的时候一直定位在“三部曲”的故事框架，所以在游戏的出品上不可能出现《巫师4》
-
想让你的3D打印模型更坚固？不妨尝试一下Cura参数设置和设计技巧，让你轻松掌握！
