具有引导性的移动应用界面设计模式

文字工作搞的有点儿奔放了啊，一直玩到周日晚间这般时候；任何其他事情恐怕都难以让自己有这样的劲头了吧。也难说。其实周末两天主要是收拾家当准备搬家；忙里抽闲做做内容，纯当休闲娱乐。

今次的译文，与之前一篇产品早期原型设计与用户测试方面的文章类似，也是来自一本新书，Mobile Design Pattern Gallery（移动应用设计模式画廊），有兴趣的同学可以搜搜，我就不加书店链接了。确实没时间念叨那些有的没的了，有点闹不住了；让我们欢快的进入正文吧。

前段日子，我们（英文原文作者）的团队接到了一个新的移动应用项目。悲催的是，当时所有的移动方面的设计师都已经被其他项目买票了，剩下的设计师所擅长的领域基本都在企业级应用或效率工具等方面。于是，我制作了一个包含大量移动应用截图的快速教程，希望帮助他们尽快熟悉新方向。结果真心好，培训效果喜人，这套教程也成为我们手头的移动应用设计模式参考，并逐步编纂成书。

我（英文原文作者）个人对其中关于“引导”方面的话题最有爱，在这里分享给大家。需要提一下，虽然这些设计模式都是基于移动应用归纳出的最佳实践方式，但它们在某种程度上同样适用于移动化的网站设计。

还记得第一次使用Photoshop时的情形吗？给我印象最深刻的就是一个空白画布和左侧的一堆强大工具。话说，当时我也只是假设它们很强大，实际上不能确定，因为面对这样一个界面，我完全不知道从哪里开始使用。于是我只好又买来一本“Teach Yourself Photoshop in 24 Hours”，花点时间自学先。（24小时系列教程，小C我只看过JavaScript一本，印象里真心烂。）

10多年之后的现在，移动市场中出现了成千上万的应用，每个类别中，都有好几打功能几乎完全相同的。这些应用多数是免费的，所以我们时常会随便挑一个下载安装，花5分钟研究一下那些直觉性很差的用户界面，然后卸掉，再去装另外一个玩玩看。

Layar Reality Browser是一款基于“增强现实”（Augmented Reality，简称AR）技术的移动应用，它的初期版本如下图所示：

是什么让我经由这块大片灰色的界面得到了“增强现实”？答案就是“引导”。对于移动应用来说，“引导”的本质就是一种小提示，当用户第一次使用app的时候显示出来，向用户推荐一些常用功能的操作方式，或引领他们完成一个预设的教学目标。简单却用心的引导方式可以很有效的在初次体验中提升用户满意度。

移动应用的引导模式大致分为八类：

对话（Dialog）

提示（Tip）

游历（Tour）

视频演示（Video Demo）

半透明标注（Transparency）

嵌入（Embedded）

持续（Persistent）

探索（Discoverable）

标签： 引导性 设计模式 界面 

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