关联菜单

视频游戏中的关联菜单跟网页中的子菜单如出一辙。像《刺客信条：兄弟会》中的关联菜单（上图），玩家所选择的行动的具体方案完全取决于他们的位置。如果你选 择要施魔法，那菜单中就会出现火球或雷击供你选择。如果你选择移动，就会出现跑、攀爬、躲避，这些都呈现在一个星状菜单中。带有图标的星状菜单非常受欢 迎，但这种关联菜单只能应用于简单，并且文本比较少的垂直短列表中。

Web设计师能从中获得什么：

当你邀请一位用户执行特殊操作时，关联菜单可以提升体验。与单纯的链接列表相比，它更有趣。现在我们已经可以在一些Web应用和小型社会化媒体分享工具中见到此类用法了。

当你在设计关联菜单时，至少要考虑它的路径。星状菜单可以为用户提供3-8个选项，这样的界面可以增添视觉兴趣。要尽可能地保持它的简洁和清晰。因为它们可以在用户要做出选择时提供相关参考，从而提高转换率。同时别忘了它们要易于点击，但别设计的太重。

想体验一下星状菜单有多有趣吗？来试试 TuneGlue’s musicmap

这个使用Flash实现的，当然，你完全可以用JavaScript建立一个简单的星状菜单。更复杂的也不是不行，在菜单中嵌套菜单，就像这个：

星状菜单不局限于关联菜单。对弹出式面板菜单同样有效，而且开发和测试上也花不了太多时间。

现在，轮到你了

很多出色的设计想法都可以从视频游戏中收集、借鉴而来。游戏可以为设计提供灵感，帮助你奖励和取悦用户，让界面既直观又富有乐趣。

你正在建立一个非营利性的募捐网站吗？可以考虑使用捐款跟踪排行榜。列出访问你博客排名前10位的读者，给他们更大的动力参与到评论中。

研究如何使用图标，思考实现方法，它会让你的网站使用起来友好且有趣。让提示变得有爱，或考虑添加些可供下载的内容作为奖励或激励（为玩家提供“DLC”。 译者注：“DLC”一般指在游戏发售后，厂商又推出的下载包，对游戏内容进行扩展，如增加新地图，新游戏模式等）。通过观察和有创造性地实践，你的网站将 会更具吸引力，并且更易使用。不要忘了，勤做研究，其乐无穷哦！

更多资源

• Introduction to Design Patterns
  学习如何设计模型（适合初学者）
• Art of Game Design
  这本书讲授游戏设计的基本原则。其中示例章节可供下载
• Interaction Design Pattern Library
  一个集思广益，满足用户需求的好工具。附有模型和详细的说明清单
• Yahoo Design Pattern Library
  设计模型库的鼻祖
• Vertical Custom Scrollbars/Sliders
  垂直滑块菜单学习的起点
• Patternry
  一个很棒的UI资源，有示例和教学
• Gamification.org
  这个wiki致力于探索如何把游戏机制应用于非游戏环境，以增强用户参与度

我不是这篇文章的创造者，只是思想的搬运工。我一直坚持着这样的设计理念，所以当读完这篇文章时，我坚持要把它译完，分享给更多设计师，希望能与更多人产生共鸣。

本文链接：http://www.blueidea.com/design/doc/2011/8557.asp　

出处：蓝色理想
责任编辑：moby

上一页 Web设计师能从游戏中学到些什么 [7] 下一页