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

原文地址: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)

NBC News(iOS版本)的教程使用了趣味化的字体,但是这个篇幅较长的讲解并没有激励到用户

Flipboard(安卓和iOS版本)嵌入了俏皮的提示来激励用户,让用户在操作中强化对关键手势的运用

通过适当的激励让用户进一步探索。可以考虑加一些趣味化元素,让用户迫不及待地参与互动和学习。

规则4:让用户边用边学

回想一下,你通过简单的实验理解了一个科学概念,你会不自觉地兴奋一下,心里感觉美滋滋的。接下来,我们就来聊一下这件事情。通常,老师会在做实验前稍微讲解一下,但只有当你通过实验得出相关结论时,你才会真的理解。

这种边做边学的学习方法可以用在手机app教程的设计。如果你遵守了前4个规则,将会大大地提高用户的学习效率。简单来说,你可以就在用户操作过程中加入一些视觉、听觉的反馈,让用户和你的app互动起来。

当用户重复进行某一类操作时,相同的反馈会加深印象。(如果你在app中使用了音效,那么请提供一个方法让老用户能够关闭它。)

规则4和规则2是相辅相成的。不需要在一开始展示app的所有特点,而是邀请用户去循序渐进地探索它。慢慢地揭开app的神秘面纱,让用户在使用过程中不断地获得惊喜,这样用户才会对你的app流连忘返。

当用户答完一些题之后,Polar会告知用户如何跳过不感兴趣的;当用户掌握一些技能后,Duolingo会给予一定的激励,同时提升用户的等级

Any.do在安卓系统的首页放置了一个小组件,鼓励用户参与互动,并在互动的过程中给予适当的奖励

学习不是一蹴而就的,在使用app的过程中,利用教程来帮助用户,能够提高学习的效率。

规则5:倾听你的用户

通过数月的时间来开发和完善你的app,你会深陷其中,那么谁最适合去解说app呢?可能并不是你自己哦,教程101中说道:“当你作为一个设计师,在一个项目中待了1到2年,你会觉得所有的设计一目了然,可实际上,你的用户还一头雾水呢。”

简而言之,适当的用户测试将会揭示用户在使用过程中遇到的障碍。在测试过程中,你需要观察用户在哪儿犯了错、对哪儿存在疑惑。倾听他们在使用过程中的发言,但请等到测试结束后,再进行访谈。因为在使用过程中进行访谈,你可能会不自觉地引导他们去说你想听到的答案。

通过用户测试,Snap Payroll的设计师们最终得出:循序渐进的引导或者在使用过程中给予相关提示,得到的用户反馈是最好的。这个结论,在RetailMeNot的4轮用户测试中也得到了验证。

Snap Payroll和RetailMeNot的界面上使用了小提示,测试中得到了用户的好评

当你深陷于自己熟悉的app中,你可能看不清用户到底需要学些什么。那么,就通过用户测试来告诉你吧。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,524评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,869评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,813评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,210评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,085评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,117评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,533评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,219评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,487评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,582评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,362评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,218评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,589评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,899评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,176评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,503评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,707评论 2 335

推荐阅读更多精彩内容