[译文] 反思手机 app 使用教程的设计：哪些模式才真的有用？

2017-04-05 12:43:00

原文地址：http://www.smashingmagazine.com/2014/04/22/rethinking-mobile-tutorials-which-patterns-really-work/

对于设计师而言，模式库是激发灵感和获取指导的好资源。但是，通用的模式不总是最好的解决方案。本文，我们将关注为什么通用的教程模式不起作用，以及如何利用游戏设计规则去提高用户的参与度。

在《手机设计模式库》第一版发行之后，财捷集团（Intuit）邀请我与他们的手机团队交流分享。当时，我高度评价了可以跨行业（时尚、建筑、软件和其他）使用的设计模式，还阐述了如何使用它们来指导设计。

在我的演讲结束后，财捷集团（Intuit）的高级用户研究主管Alissa Briggs分享了Snap Payroll的一个案例研究。令我惊讶的是，她说他们尝试了我书中提到的每种邀请模式（对话框、功能概述、分步解读和透明层注释），但结果显示它们都不能有效地吸引用户。用户对于这些额外的帮助界面感觉很困惑，甚至沮丧。

测试用的一些教程设计方案，来自Intuit的Snap Payroll（对话框、功能概述、透明层注释和分步解读）

不久之后，我和RetailMeNot团队一起测试了它的iOS和安卓平台app的教程设计。这个产品团队想让用户清楚地认识到这款app的用途、能够找到关键操作的入口（给喜欢的商店点赞、收藏优惠券等等）。

当时，我们认为一个简短的分步解读（3步）或者一个视频演示或许会起作用。一些决策层很喜欢这个想法，所以我们就尝试了一下。但是，测试结果表明，这些设计并没有提高用户参与的积极性，只是使他们产生困扰。

一个被测试者说道：“我只是想进入并开始探索这个app而已。”

总而言之，测试显示用户会跳过或者忽略对话框、分步解读、视频演示和透明层解读。最好的反馈是给一些用户带来了小不便，最差的反馈是明显地干扰了那些企图进入应用的新手用户。

测试用的一些教程设计方案，来自RetailMeNot（透明层注释、视频演示、分步解读）

为什么这些模式都不起作用？

为什么这些模式都不起作用呢？我开始转向游戏设计领域寻求答案。游戏设计师们都知道不能将新手玩家直接扔到交火中，他们不会享受这种经历。因为，如果不了解如何使用武器反击，绝大多数玩家将会死掉。

在游戏设计中，诱导用户深度参与的方法会非常有效。这些方法对于手机app同样适用。尽管在你的app里，赌注不是虚拟的生存或死亡，但用户不知道怎么做或者做些什么时，会一样感到挫败。当很多用户都遭遇这种经历时，你的app也就玩完了。

在初次参与游戏时，Portal提供了一个安全的环境，让玩家们识别出各种机关

Extra Credits的在线视频系列从内行人的角度审视着游戏世界的各个方面。教程101是一个令人叫绝的视频，值得每一个app设计师去好好观看。（请忽略视频中恼人的花栗鼠配音，视频本身还是值得好好研究的。）

教程101勾画出了一些基本的规则，它们能够帮助人们有效地开始游戏。这些规则可以延伸到手机app设计中：

1.尽量少用文字；

2.需要的时候再出现；

3.让它有趣；

4.让用户边玩边学；

5.倾听你的用户。

规则1：尽量少用文字

我们总是试图用文字去解释一些事情，因为它看起来最容易理解。但是，当我们想让用户去学习某些东西时，仅有文字是不够的。通过教程101，我们可以得出，需要避免只依赖文字，因为它扼杀了节奏，不能带来很好的沉浸感，大段的文字将会被最需要指导的人们忽略。

太多的文字会造成“只说不做”的感觉，不能直观地展现app的优势。相反，教程应该“只做不说”。app应该跟用户互动起来，让用户边用边学。因为熟能生巧，一味的说教很容易被遗忘。

接下来看一些案例：

BOOMERANG和MAILBOX

Boomerang（安卓版本），教程里有太多的文字

Mailbox（iOS版本），教程中利用文字引导用户去操作，进而了解app的使用方式

DIGICAL和FANTASTICAL

DigiCal（安卓版本），教程中的文字只是解释了界面

Fantastical（iOS版本）的教程，引导用户用那些需要学习的手势去操作界面

CATCH (2013)和CLEAR

Catch（安卓版本）的分页教程，只是描述app的特点和操作，用户并不能真的操作

Clear（iOS版本）在初始界面中预加载了一些任务，让用户通过做任务来学习

如果有办法“只做不说”，那就要避免过度依赖文字，文字只用来不断地引导和激励用户。

规则2：需要的时候再出现

Extra Credits在教程101中说过：“如果提前加载教程，一开始就告知玩家所有的事情，他们会被困在大量的信息中，从而丧失参与的热情。”将玩家替换为用户，这番话也将适用于app的设计师。

可以考虑在用户需要的时候，提供简短、易理解的信息，而不要让用户在一开始就掩埋在大量信息中。记住你在初次引荐app给你的用户，第一印象非常重要，你也不情愿吓跑他们吧？

DOOO和TODOLIST

Dooo（iOS版本）在初次打开时，会一次性加载11页的教程，信息量非常庞大

Todolist（iOS版本），则是邀请用户去添加第一个任务，然后介绍如何查看选项

UserTesting最近发表了《从facebook的新app-paper中学到的6个用户体验课程》，文章明确地指出“用户喜爱有向导的教程”，这里的“有向导”是指在用户初次体验app过程中给予一系列互动提示。

Facebook的Paper，在操作流中使用了一系列互动提示

规则3：不断激励用户

事实上，你可能会想起来教程101中的规则叫“让它有趣”。当然，有趣并不适用所有的app。但是这个视频中也提到：“你的教程需要作为游戏本身的一部分来激励用户。”由此可见，这个规则也适用于app教程的设计。

尽管我们很难让学习app变得很有趣，但是，确实有一些方法能激励用户去好好体验一下。一个好点子就是让用户在与app交互的过程中完成任务，这样会加深用户对于app的认知。

即便趣味化并不总是适用，但是给予用户好玩的感觉有时仍能起到一定的作用。接下来，我们来看看两款app，NBC News和Flipboard，后者的设计更为合适。尽管NBC News采用了透明层注释和趣味化字体，但是它那5页教程看起来仍像是一场讲座。而Flipboard在第一步被打开时就感觉很不一样。没有任何说明性的文字，打开Flipboard之后，页面的下半部分会调皮地向上翻转一下，在翻转回来前，会让你看到一些内容。之后，你可能会向上翻转以查看隐藏的内容，如果你没有翻转，你会看到一个提示“向上翻转以继续“。一边翻转，一边探索，这个过程加强了新手用户对于这个特殊手势的使用，有趣且有价值。

NBC NEWS和FLIPBOARD (2013)