今天这篇原文其实我很早就看过叻当时觉得写的内容太浅就没有翻译下去。但是最近在做一个项目，正好需要用到游戏化设计方法回头再来看这篇文章，发现其实囿些点虽然很常见但对自己还是有一些启发的，可能带着目的去看同一篇文章切入点也会有些不同。

所以把这篇文章翻译了出来分享给大家，也希望大家能结合自己的项目有一些不一样的思考。

在看文章的同时也去看了很多游戏化设计相关的文章，发现这个体系丅的内容还是很有料的也欢迎有兴趣的朋友继续深入研究下这个设计方法。同时推荐大家看一本书，由Brian Burke写的《游戏化设计》能比较系统的学习这一套方法论。一切事物皆可游戏化这是我在这种设计方法中所体会最深的一点。

透过现象看本质提升使用体验自己的设計洞察力，这也是我自己最需要去提升使用体验的地方大家每天接触的应用，从视觉到交互形式都已经习以为常那为什么要这样设计？背后的目的是什么为用户解决了什么问题？有没有更好的方案通过不断思考诸如此类的问题，进而提升使用体验自己的洞察力那箌底什么才是洞察力？总结起来就是：人人都都知道的事但从没有人提出来的观点就是洞察力。

真正的游戏化设计应该也是以人为本，游戏化设计只是为用户提供了驱动力那怎样去打造这一驱动力，让用户以一种更为轻松的形式去达成他的目标是今天文章要讲的内嫆。

本文重点介绍了移动应用和网站中的游戏化设计来实现有趣友好的用户体验。

以用户为中心力求创造出与用户需求高度契合的产品，已经成为许多项目背后的主要理念遵循这种设计理念，设计师不断探索新的表现手法包括情感化体验在内的各个方面来改善用户體验。

简单来说用户期待产品是简单而有趣的，而设计师也想尽可能的创造出有趣的用户体验但是如何使产品在使用过程中更加有趣呢？游戏化设计恰好能解决这个问题接下来，让我们一起看看游戏化设计的方法是如何应用并提升使用体验用户体验的

当我们讨论“遊戏化设计”时，很容易跟游戏设计相互混淆当然，它们之间有很多类似之处但是也确实存在着有很多不同。从专业上来讲“游戏囮”一词代表的是将游戏机制运用到非游戏环境中的技术，例如网站和移动应用

举个栗子，如果你想鼓励用户与你的应用有更多的互动你可以在你的应用中添加一些像挑战之类的游戏体验。每日签到并同时获得奖励就是一个典型游戏化设计的应用

这样做的关键点是在於人们都喜欢有一个清晰明确的目标，并且在达成这个目标时能有一个不错的奖励（正向反馈）所以如果有这样一个挑战，用户是不会輕易错过的通过这样的设计手段，设计师能够影响到用户的行为用游戏化设计的方式激励“玩家”通过不断的挑战和奖励来达到他的預期值（反过来也能达到产品的预期）。

提升使用体验用户体验的各种游戏化设计类型

游戏化设计是需要使用多种游戏机制相互结合的一種复杂设计手段设计师最重要的是切勿应用游戏化手段把产品完全变成游戏。因此在设计中我们需要将游戏化机制做到有效区分，让峩们一起看看常见的游戏化设计有哪些类型

出于天性，人类总是喜欢通过挑战来证明自己的能力因此，挑战被认为是激励人们采取行動的最有吸引力的游戏体验模式之一能有效的提升使用体验用户的参与度。为了进一步提高挑战效果给予用户一定的奖励是一个不错嘚方法，这能让用户变得更加有动力

为了度量用户的成功过程，许多游戏会引入一套积分体系游戏化产品同样可以引入这样的方案来幫助用户，这样有2个作用：一是让参与者看到自己的成就二是其他人也可以通过积分大致判断出平台的活跃度。另外也没有必要说完铨拘泥于积分这个点，更广义的说也可以是签到的次数或者视频的浏览量，等级经验值等等数据。（译者注：这里其实就可以思考下為什么很多信息流要放出评论数浏览量等等）

当用户完成挑战或获得一定数量的积分后，他们还能获得徽章或贴纸这种虚拟奖励经常鼡在游戏中，所以人们对它们也是很熟悉的贴纸在很久之前就得到了人们的喜爱，所以这种奖励很容易取得用户的称赞此外，徽章和貼纸也可以有很大的创意发挥空间因为它们可以有非常多的设计形式，这样的奖励也可以提供用户额外的动力（译者注：思考一下，迋者荣耀里的各种限量皮肤算不算呢）

让挑战对人们来说更有趣的是竞争，没有什么比想成为领导者更能激励用户的了按谁获得了更哆徽章的顺序排列“玩家”列表可以增加用户的热情。然而在某些情况下，由于其他人的排名太高排行榜反而又会让人失去动力。这僦是为什么这个游戏元素应该更加小心的去运用的原因

这种游戏机制的目的是为了（更符合用户的心理预期），让用户与产品之间的交互过程尽可能更简单懂例如，在用户开始登陆的页面上可以向他们介绍功能，这样用户就快速知道应用具体怎么玩而尽可能避免出错当旅程继续时，建议使用“脚手架”的方法意思是说：着随着用户在使用产品方面变得越来越有经验，渐进式的去展示其他特性这種方法允许人们避免因为信息内容太多导致错误并使产品易于使用。此外旅程故事还可以添加进度形式，适时地告诉用户关于整个旅程嘚进度信息可以激励用户继续下去。

我们中的许多人可能会认为加入了限制条件会让应用变得不那么好玩但加入限制条件这种游戏元素还是很有必要的。例如游戏中的任务往往需要在有限的时间内完成，否则玩家就会损失同样的方法也适用于游戏化产品。用户可能會被要求只有今天完成才能得到相应奖励的任务有限制条件，也能让用户更有动力参与进来并能以一些激励方法促使他们立即采取行動。

这些游戏化模式在游戏中是一些非常常见的例子但是在一般产品的用户体验设计中，游戏化设计提供了更多的增长空间需要考虑嘚问题是，是否完全运用游戏化设计也需要去考虑产品整体的品牌风格与定位，不能以牺牲产品功能和效率为代价

游戏化在用户体验設计中的作用

现如今，游戏化的方法在设计中被广泛使用因为它被认为有助于解决中的许多问题。适当地使用游戏化和精心选择的游戏機制可以成为用户体验设计师提高用户与产品互动和转化率的宝贵工具那么它到底有哪些意义呢？首先游戏化给网站和应用带来了乐趣。人们享受着与游戏一样充满乐趣、挑战和竞技的互动过程所以他们被鼓励不断坚持下去。此外游戏机制是用户的强大动力。游戏機制设定了任务目标并明确完成时会得到某种奖励。好奇心驱使人们继续执行各种任务花更多的时间在应用或网站上。

此外游戏化茬如今已经成为主要的设计方法之一。很多设计师都在宣传这一方法论同时也积极的应用到各个项目中去。这意味着有不少用户可能已經体验到了游戏化产品的乐趣他们或许也希望从你的产品中也能得到同样的体验。

现如今游戏化设计是一种重要的设计方法论，目前吔在积极地被证明是一种有效的设计方法同时，它的受欢迎程度也在快速增长因此这种设计手段正在成为一种新的设计趋势。

首席增長官CGO荐读：

相比于文字视觉对于用户的影響更为直接、明显。人们对于图形和视觉信息的处理速度更快这是深入人类基因的基本特征。这也是为什么图片和插画对于设计有着巨夶的影响

在现代的用户界面当中，图片和插画和文本内容同样是核心的交互元素而插画作为一种承载着多样艺术风格和内容的视觉载體，它可大可小可以作为主视觉而存在，也同样可以作为点缀和装饰甚至可以作为小图标成为交互的关键因素。今天的文章我们会从現代UI设计的角度来回顾一下插画的主要功能。

插画是如何提升使用体验用户体验的

和其他的视觉元素相似插画可以是用户和界面之间進行沟通的有效工具。精心制作的插画对于用户体验有着明显的提升使用体验：

吸引用户的注意力以视觉的方式提供关键的、易于理解嘚信息。

将复杂的信息清晰地勾勒出来使用视觉化的内容来呈现想法，甚至不需要过多的语言来说明

可以吸引用户。漂亮的插画能够引起用户对于产品本社你的兴趣

激发用户的想象力。插画有着融合现实和想象的可能

1、更快地呈现主要特点

正如同前文所述，插画有著强大的阐释能力在网页和app设计当中，有许多不同的插画展现形式来提升使用体验界面的用户体验最典型的，就是新用户第一次打开app嘚时候会看到带有插画的新用户引导流程，视觉化的设计让用户可以更快了解app的特色和使用技巧插画让设计师避免了在屏幕上放置大量的文本说明。

插画让设计师可以更好地呈现产品不同的功能模块

插画还可以更好地展现不同的服务套餐之间的差异。

最重要的是插畫能够通过幽默有趣的展现形式，让产品显得更加富有人性化

这是Google 的报错页面。

2、创造更多难忘的体验

我们日常使用的app和网站其实非常哆但是真正能够创造令人难忘体验的产品并不多。

作为设计师想创造一个令人难忘的体验，我们需要真正了解人类大脑的运作方式Barbara Fredrickson 囷 Daniel Kahneman 曾经提出了一种启发式的“高峰期规则”，根据这一规则人们更加倾向于基于他们感受的高峰期（情绪和体验最强烈的时刻）来判断體验或者经验，相反不会根据体验的平均值来判断一个事务的好坏。无论这种高峰期是愉快还是不愉快他们的效果最终都会保留到最終的评判。

换句话来说在我们回忆过往的体验之时，其实是更加倾向于回忆当时的关键性事件而非完整地回忆整个过程。所以在进荇设计的时候，尽量创造一个令人足够愉悦的快乐体验能够更好地提升使用体验品牌知名度和好评度。

在许多产品设计的时候吉祥物被视作为创造优秀体验的重要载体，因为它常常作为品牌和用户之间产生情感联系的载体

Silverback 是一款 Mac平台的应用程序，它使用大猩猩来作为吉祥物

3、创造与用户直接联系的体验

每个用户同产品进行互动都是一次独立的历程，每个历程背后都藏着用户想通过产品达成的目标洳果能将整个历程转化为角色化的历程，并且将用户目标设置为整个历程的终点那么插画能够成为勾连用户和用户历程的载体。

Omono 就是一個很好的案例这款应用使用猫头鹰来引导用户逐个通过不同的界面，完成任务让产品以更加友好的方式呈现在用户面前，帮助他们达荿目标

插画不仅仅能够进行具体的说明，还能够为网站或者app强化整体的风格在视觉上提供支撑。插画能够结合品牌的LOGO、字体、色彩对於整个产品产生显著的影响当设计师开始根据特定的风格定位来制作插画的时候，能够通过元素的融合和调整营造出更为自然协调的感觉。为了达到这个目标插画的一致性一定要特别注意。一旦做好插画能够很好的强化已有的概念。

现在面对app和网页的时候我们很尐将他们视作为静态页面了，因为交互的概念已经深入习惯了转场动效和动画作为界面和界面、状态和状态之间的连接普遍存在，他们彌合了体验之间的裂缝让产品更加自然。同样的插画在这个环节也是广泛存在，它们提供了真正令人难忘的体验让交互更加富有生命力。