[譯文]反思手機app使用教程的設(shè)計:哪些模式才真的有用悔橄?

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

對于設(shè)計師而言,模式庫是激發(fā)靈感和獲取指導(dǎo)的好資源腺毫。但是癣疟,通用的模式不總是最好的解決方案。本文潮酒,我們將關(guān)注為什么通用的教程模式不起作用睛挚,以及如何利用游戲設(shè)計規(guī)則去提高用戶的參與度。

在《手機設(shè)計模式庫》第一版發(fā)行之后急黎,財捷集團(Intuit)邀請我與他們的手機團隊交流分享扎狱。當(dāng)時,我高度評價了可以跨行業(yè)(時尚勃教、建筑淤击、軟件和其他)使用的設(shè)計模式,還闡述了如何使用它們來指導(dǎo)設(shè)計故源。

在我的演講結(jié)束后污抬,財捷集團(Intuit)的高級用戶研究主管Alissa Briggs分享了Snap Payroll的一個案例研究。令我驚訝的是绳军,她說他們嘗試了我書中提到的每種邀請模式(對話框印机、功能概述、分步解讀和透明層注釋)门驾,但結(jié)果顯示它們都不能有效地吸引用戶射赛。用戶對于這些額外的幫助界面感覺很困惑,甚至沮喪猎唁。

測試用的一些教程設(shè)計方案咒劲,來自Intuit的Snap Payroll(對話框、功能概述诫隅、透明層注釋和分步解讀)

不久之后腐魂,我和RetailMeNot團隊一起測試了它的iOS和安卓平臺app的教程設(shè)計。這個產(chǎn)品團隊想讓用戶清楚地認(rèn)識到這款app的用途逐纬、能夠找到關(guān)鍵操作的入口(給喜歡的商店點贊蛔屹、收藏優(yōu)惠券等等)。

當(dāng)時豁生,我們認(rèn)為一個簡短的分步解讀(3步)或者一個視頻演示或許會起作用兔毒。一些決策層很喜歡這個想法漫贞,所以我們就嘗試了一下。但是育叁,測試結(jié)果表明迅脐,這些設(shè)計并沒有提高用戶參與的積極性,只是使他們產(chǎn)生困擾豪嗽。

一個被測試者說道:“我只是想進入并開始探索這個app而已谴蔑。”

總而言之龟梦,測試顯示用戶會跳過或者忽略對話框隐锭、分步解讀、視頻演示和透明層解讀计贰。最好的反饋是給一些用戶帶來了小不便钦睡,最差的反饋是明顯地干擾了那些企圖進入應(yīng)用的新手用戶。

測試用的一些教程設(shè)計方案躁倒,來自RetailMeNot(透明層注釋荞怒、視頻演示、分步解讀)

為什么這些模式都不起作用秧秉?

為什么這些模式都不起作用呢挣输?我開始轉(zhuǎn)向游戲設(shè)計領(lǐng)域?qū)で蟠鸢浮S螒蛟O(shè)計師們都知道不能將新手玩家直接扔到交火中福贞,他們不會享受這種經(jīng)歷。因為停士,如果不了解如何使用武器反擊挖帘,絕大多數(shù)玩家將會死掉。

在游戲設(shè)計中恋技,誘導(dǎo)用戶深度參與的方法會非常有效拇舀。這些方法對于手機app同樣適用。盡管在你的app里蜻底,賭注不是虛擬的生存或死亡骄崩,但用戶不知道怎么做或者做些什么時,會一樣感到挫敗薄辅。當(dāng)很多用戶都遭遇這種經(jīng)歷時要拂,你的app也就玩完了。

在初次參與游戲時站楚,Portal提供了一個安全的環(huán)境脱惰,讓玩家們識別出各種機關(guān)

Extra Credits的在線視頻系列從內(nèi)行人的角度審視著游戲世界的各個方面。教程101是一個令人叫絕的視頻窿春,值得每一個app設(shè)計師去好好觀看拉一。(請忽略視頻中惱人的花栗鼠配音采盒,視頻本身還是值得好好研究的。)

教程101勾畫出了一些基本的規(guī)則蔚润,它們能夠幫助人們有效地開始游戲磅氨。這些規(guī)則可以延伸到手機app設(shè)計中:

1.盡量少用文字;

2.需要的時候再出現(xiàn)嫡纠;

3.讓它有趣烦租;

4.讓用戶邊玩邊學(xué);

5.傾聽你的用戶货徙。

規(guī)則1:盡量少用文字

我們總是試圖用文字去解釋一些事情左权,因為它看起來最容易理解。但是痴颊,當(dāng)我們想讓用戶去學(xué)習(xí)某些東西時赏迟,僅有文字是不夠的。通過教程101蠢棱,我們可以得出锌杀,需要避免只依賴文字,因為它扼殺了節(jié)奏泻仙,不能帶來很好的沉浸感糕再,大段的文字將會被最需要指導(dǎo)的人們忽略。

太多的文字會造成“只說不做”的感覺玉转,不能直觀地展現(xiàn)app的優(yōu)勢突想。相反,教程應(yīng)該“只做不說”究抓。app應(yīng)該跟用戶互動起來猾担,讓用戶邊用邊學(xué)。因為熟能生巧刺下,一味的說教很容易被遺忘绑嘹。

接下來看一些案例:

BOOMERANG和MAILBOX

Boomerang(安卓版本),教程里有太多的文字

Mailbox(iOS版本)橘茉,教程中利用文字引導(dǎo)用戶去操作工腋,進而了解app的使用方式

DIGICAL和FANTASTICAL

DigiCal(安卓版本),教程中的文字只是解釋了界面

Fantastical(iOS版本)的教程畅卓,引導(dǎo)用戶用那些需要學(xué)習(xí)的手勢去操作界面

CATCH (2013)和CLEAR

Catch(安卓版本)的分頁教程擅腰,只是描述app的特點和操作,用戶并不能真的操作

Clear(iOS版本)在初始界面中預(yù)加載了一些任務(wù)髓介,讓用戶通過做任務(wù)來學(xué)習(xí)

如果有辦法“只做不說”惕鼓,那就要避免過度依賴文字,文字只用來不斷地引導(dǎo)和激勵用戶唐础。

規(guī)則2:需要的時候再出現(xiàn)

Extra Credits在教程101中說過:“如果提前加載教程箱歧,一開始就告知玩家所有的事情矾飞,他們會被困在大量的信息中,從而喪失參與的熱情呀邢∪髀伲”將玩家替換為用戶,這番話也將適用于app的設(shè)計師价淌。

可以考慮在用戶需要的時候申眼,提供簡短、易理解的信息蝉衣,而不要讓用戶在一開始就掩埋在大量信息中括尸。記住你在初次引薦app給你的用戶,第一印象非常重要病毡,你也不情愿嚇跑他們吧濒翻?

DOOO和TODOLIST

Dooo(iOS版本)在初次打開時,會一次性加載11頁的教程啦膜,信息量非常龐大

Todolist(iOS版本)有送,則是邀請用戶去添加第一個任務(wù),然后介紹如何查看選項

UserTesting最近發(fā)表了《從facebook的新app-paper中學(xué)到的6個用戶體驗課程》僧家,文章明確地指出“用戶喜愛有向?qū)У慕坛獭比刚@里的“有向?qū)А笔侵冈谟脩舫醮误w驗app過程中給予一系列互動提示。

Facebook的Paper八拱,在操作流中使用了一系列互動提示

規(guī)則3:不斷激勵用戶

事實上阵赠,你可能會想起來教程101中的規(guī)則叫“讓它有趣”。當(dāng)然肌稻,有趣并不適用所有的app豌注。但是這個視頻中也提到:“你的教程需要作為游戲本身的一部分來激勵用戶〉破迹”由此可見,這個規(guī)則也適用于app教程的設(shè)計每聪。

盡管我們很難讓學(xué)習(xí)app變得很有趣旦棉,但是,確實有一些方法能激勵用戶去好好體驗一下药薯。一個好點子就是讓用戶在與app交互的過程中完成任務(wù)绑洛,這樣會加深用戶對于app的認(rèn)知。

即便趣味化并不總是適用童本,但是給予用戶好玩的感覺有時仍能起到一定的作用真屯。接下來,我們來看看兩款app穷娱,NBC News和Flipboard绑蔫,后者的設(shè)計更為合適运沦。盡管NBC News采用了透明層注釋和趣味化字體,但是它那5頁教程看起來仍像是一場講座配深。而Flipboard在第一步被打開時就感覺很不一樣携添。沒有任何說明性的文字,打開Flipboard之后篓叶,頁面的下半部分會調(diào)皮地向上翻轉(zhuǎn)一下烈掠,在翻轉(zhuǎn)回來前,會讓你看到一些內(nèi)容缸托。之后左敌,你可能會向上翻轉(zhuǎn)以查看隱藏的內(nèi)容,如果你沒有翻轉(zhuǎn)俐镐,你會看到一個提示“向上翻轉(zhuǎn)以繼續(xù)“矫限。一邊翻轉(zhuǎn),一邊探索京革,這個過程加強了新手用戶對于這個特殊手勢的使用劝术,有趣且有價值呛凶。

NBC NEWS和FLIPBOARD (2013)

NBC News(iOS版本)的教程使用了趣味化的字體,但是這個篇幅較長的講解并沒有激勵到用戶

Flipboard(安卓和iOS版本)嵌入了俏皮的提示來激勵用戶,讓用戶在操作中強化對關(guān)鍵手勢的運用

通過適當(dāng)?shù)募钭層脩暨M一步探索或辖。可以考慮加一些趣味化元素滑进,讓用戶迫不及待地參與互動和學(xué)習(xí)搬男。

規(guī)則4:讓用戶邊用邊學(xué)

回想一下,你通過簡單的實驗理解了一個科學(xué)概念坡垫,你會不自覺地興奮一下梭灿,心里感覺美滋滋的。接下來冰悠,我們就來聊一下這件事情堡妒。通常,老師會在做實驗前稍微講解一下溉卓,但只有當(dāng)你通過實驗得出相關(guān)結(jié)論時皮迟,你才會真的理解。

這種邊做邊學(xué)的學(xué)習(xí)方法可以用在手機app教程的設(shè)計桑寨。如果你遵守了前4個規(guī)則伏尼,將會大大地提高用戶的學(xué)習(xí)效率。簡單來說尉尾,你可以就在用戶操作過程中加入一些視覺爆阶、聽覺的反饋,讓用戶和你的app互動起來。

當(dāng)用戶重復(fù)進行某一類操作時辨图,相同的反饋會加深印象班套。(如果你在app中使用了音效,那么請?zhí)峁┮粋€方法讓老用戶能夠關(guān)閉它徒役。)

規(guī)則4和規(guī)則2是相輔相成的孽尽。不需要在一開始展示app的所有特點,而是邀請用戶去循序漸進地探索它忧勿。慢慢地揭開app的神秘面紗杉女,讓用戶在使用過程中不斷地獲得驚喜,這樣用戶才會對你的app流連忘返鸳吸。

當(dāng)用戶答完一些題之后熏挎,Polar會告知用戶如何跳過不感興趣的;當(dāng)用戶掌握一些技能后晌砾,Duolingo會給予一定的激勵坎拐,同時提升用戶的等級

Any.do在安卓系統(tǒng)的首頁放置了一個小組件,鼓勵用戶參與互動养匈,并在互動的過程中給予適當(dāng)?shù)莫剟?/p>

學(xué)習(xí)不是一蹴而就的哼勇,在使用app的過程中,利用教程來幫助用戶呕乎,能夠提高學(xué)習(xí)的效率积担。

規(guī)則5:傾聽你的用戶

通過數(shù)月的時間來開發(fā)和完善你的app,你會深陷其中猬仁,那么誰最適合去解說app呢帝璧?可能并不是你自己哦,教程101中說道:“當(dāng)你作為一個設(shè)計師湿刽,在一個項目中待了1到2年的烁,你會覺得所有的設(shè)計一目了然,可實際上诈闺,你的用戶還一頭霧水呢渴庆。”

簡而言之雅镊,適當(dāng)?shù)挠脩魷y試將會揭示用戶在使用過程中遇到的障礙把曼。在測試過程中,你需要觀察用戶在哪兒犯了錯漓穿、對哪兒存在疑惑。傾聽他們在使用過程中的發(fā)言注盈,但請等到測試結(jié)束后晃危,再進行訪談。因為在使用過程中進行訪談,你可能會不自覺地引導(dǎo)他們?nèi)フf你想聽到的答案僚饭。

通過用戶測試震叮,Snap Payroll的設(shè)計師們最終得出:循序漸進的引導(dǎo)或者在使用過程中給予相關(guān)提示,得到的用戶反饋是最好的鳍鸵。這個結(jié)論苇瓣,在RetailMeNot的4輪用戶測試中也得到了驗證。

Snap Payroll和RetailMeNot的界面上使用了小提示偿乖,測試中得到了用戶的好評

當(dāng)你深陷于自己熟悉的app中击罪,你可能看不清用戶到底需要學(xué)些什么。那么贪薪,就通過用戶測試來告訴你吧媳禁。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市画切,隨后出現(xiàn)的幾起案子竣稽,更是在濱河造成了極大的恐慌,老刑警劉巖霍弹,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件毫别,死亡現(xiàn)場離奇詭異,居然都是意外死亡典格,警方通過查閱死者的電腦和手機岛宦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來钝计,“玉大人恋博,你說我怎么就攤上這事∷教瘢” “怎么了债沮?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長本鸣。 經(jīng)常有香客問我疫衩,道長,這世上最難降的妖魔是什么荣德? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任闷煤,我火速辦了婚禮,結(jié)果婚禮上涮瞻,老公的妹妹穿的比我還像新娘鲤拿。我一直安慰自己,他們只是感情好署咽,可當(dāng)我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布近顷。 她就那樣靜靜地躺著生音,像睡著了一般。 火紅的嫁衣襯著肌膚如雪窒升。 梳的紋絲不亂的頭發(fā)上缀遍,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天,我揣著相機與錄音饱须,去河邊找鬼域醇。 笑死,一個胖子當(dāng)著我的面吹牛蓉媳,可吹牛的內(nèi)容都是我干的譬挚。 我是一名探鬼主播,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼督怜,長吁一口氣:“原來是場噩夢啊……” “哼殴瘦!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起号杠,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤蚪腋,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后姨蟋,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體屉凯,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年眼溶,在試婚紗的時候發(fā)現(xiàn)自己被綠了悠砚。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡堂飞,死狀恐怖灌旧,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情绰筛,我是刑警寧澤枢泰,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站铝噩,受9級特大地震影響衡蚂,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜骏庸,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一毛甲、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧具被,春花似錦玻募、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽改执。三九已至,卻和暖如春坑雅,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背衬横。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工裹粤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蜂林。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓遥诉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親噪叙。 傳聞我的和親對象是個殘疾皇子矮锈,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內(nèi)容