Web设计师能从游戏中学到些什么

译者序：一直以来我都想写一篇关于游戏与交互设计之间关系的文章，因为我坚信好的设计和游戏一样有魔力，都能为用户带来乐趣。这可能跟我之前在游戏公司任职过有关，潜移默化地受到感染和熏陶。当看到这篇文章时，共鸣了，这就是我想要说的，于是我决定译过来，跟更多设计师产生共鸣，推动 “乐趣设计”，同时也为自己这方面的想法写下第一笔。

好的设计应该是融会贯通的，有相似的细节和处理方法，当然，还要有一个能够吸引人的理由或法宝，如果你有过这方面的零碎念头，而没有能汇总在一起，往下看，这就是了！

游戏越来越Web化，而Web也越来越游戏化。如果你想证明这一点，只需要去看看雅虎问答。有人问，有人答，最终获胜答案还能拿到奖励分（译者注：没玩过雅虎问答的想想百度知道）。这是一个排名系统，可以积聚和解锁系统中越来越多的功能。它的工作原理是因为心理的成就和游戏机制，从而鼓励互动。问题来 了，Web设计师们能从游戏中学到什么？或者更确切的说，是从视频游戏中？

一个好的游戏界面必须高度可用，并且直观，能够用尽可能少的动作完成很多重复的动作。它们需要具有吸引力，并且够可爱。一个好的游戏界面会给用户体验加分的。在游戏中，人们接受内容的同时不希望幻想被打破，所以再伟大的游戏产品都可能败于一个不给力的界面。

即使在像《波斯王子》这样的老游戏里，只有有限的系统功能，也要求设计师们必须做出一些创新。在功能越发丰富的今天，我们不难从现代视频游戏中发掘中更先进的设计技术。

网 站的用户以同样的方式，希望其内容交付的方式，是很容易理解，直观，引人入胜，而且不需要过多滚动或点击。事实上，Web设计师可以从视频游戏界面中学到 很多。使用了通用游戏界面思想的网站，可以简化用户操作，同时为站点注入更多个性化。这样能带来更高的流量和回访率，甚至销售额（说白了，就是钱嘛！）

这并不奇怪，我们已经看到，像carousels，lightboxes，accordions和日益复杂的导航，已经通过CSS和JavaScript库大量涌入了浏览器中。无论是好事还是坏事，那都是另一篇文章要讨论的，本文将专注于技术，而不是那些错误的应用。

Web设计师可以从视频游戏中学到的东西不仅限于用户界面。雅虎问答的工作原理在于内置的心理学成就系统。所以，当我们看一些基本的用户界面思路和模式时，其他更高层次的概念也是有益的，同时也值得去探讨。

从大局出发

考虑到游戏界面，Web设计师需要敏锐地意识到项目自身的背景和客户的目标。显然，一个网站往往，但并不总是，有一个目标，这是非常不同于视频游戏的地方。 在大多网站中，对效率的要求要高于娱乐性。一个很酷的鱼眼界面，如果放在提供税务信息或电子商务的网站上，可不是个切合实际的想法。然而，一个互动型的社 会媒体，可能会因一种领先的技术或某种类型的成就系统而从中受益。选择合适的UI组件，事半功倍。

纵观大局，还要考虑结构和方法 – 不只是UI组件。比如，看看菜单是怎么个结构，考虑下为什么要这么做（译者注：作为设计师，每当使用一个产品的时候，都应该考虑一下背后的设计思想）。在 很多游戏里，一些功能设置都放在星状拓扑结构的菜单里。如果你选择“武器”，接下来打开的菜单将展示出所有武器。要选择“地图”得通过导航回到第一屏。这种结构简化了设置选项，否则很快就会被其他选项分散掉注意力而忘记真正要做什么。

你能明白这种结构形式的网站是如何向访问者展示提供大量信息的吗？通过使访问者一次只专注于一个大型在线任务或一个信息块，可能会增加用户的转换率。这种结构也可以有效地被使用在网站上的销售漏斗。下面的例子就展示了一个简单的游戏菜单结构，通过它可以很容易地应用到一个网站的信息体系结构，建立起访问者路径。（如下图）

如果你正在搭建一个会计师事务所的网站，你可能会根据访问者类型的相关性来 划分标题下的菜单信息。一个有钱的个体与一个小企业的需求不尽相同，但都可能有意聘请同一公司。你可以自上而下的开展，用两个切入点作为漏斗，一个为个体 和家庭，另一个为企业和组织，每个按钮用来为他的用户分流。这个分流页面可以提供内容和相关工具，并为不同的用户提供相关服务，从而简化他们的操作，提升体验。（如下图）

此外，视频游戏中的提示是用看的而不是用说，试着去了解一下它们是怎么工作的。成功的游戏里都有一个为“小白”提供训练和学习的地方。一个角色一上来都要通 过完成一些任务，达到一定等级，从而熟悉操作也了解游戏的故事情节。探险家学会拿起剑摆动，然后杀死一只老鼠，然后学会捡宝贝。用户希望通过界面体验到身临其境的感觉。

标签： Web设计师 游戏设计 交互设计 

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。