原文地址: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é)些什么。那么贪薪,就通過用戶測試來告訴你吧媳禁。